/* UBI.EMERGIS.CAT - estils */
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{font-family:system-ui,-apple-system,sans-serif;background:#12121f;color:#fff;
  display:flex;flex-direction:column;min-height:100dvh}
header{display:flex;align-items:center;gap:10px;padding:14px 18px}
header b{font-size:16px;letter-spacing:.5px}
header b span{color:#ff6659}
#estat{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:12px;color:#9aa}
#dot{width:11px;height:11px;border-radius:50%;background:#f9a825;animation:bat 1.2s infinite}
#dot.ok{background:#43a047}
@keyframes bat{50%{opacity:.35}}
main{flex:1;display:flex;flex-direction:column;justify-content:center;gap:2px;
  padding:6px 20px 12px;text-align:center}
.lbl{font-size:10.5px;font-weight:800;letter-spacing:1.5px;color:#7a7a90;
  text-transform:uppercase;margin-top:15px}
#adreca{font-size:clamp(28px,8.5vw,50px);font-weight:800;line-height:1.12}
#poble{font-size:clamp(15px,4.2vw,21px);font-weight:300;color:#ccc;margin-top:3px}
#via{font-size:clamp(17px,5vw,26px);font-weight:700;color:#eee;margin-top:8px;
  display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
/* Matrícula de carretera amb els colors oficials de senyalització */
.rbadge{display:inline-block;padding:3px 13px 4px;border-radius:6px;border:2.5px solid #fff;
  font-family:Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:1px;
  font-size:1.05em;line-height:1.25;box-shadow:0 2px 8px rgba(0,0,0,.45)}
.r-blau{background:#0056a4;color:#fff}     /* autopistes i autovies (AP-, A-) */
.r-vermell{background:#c1121c;color:#fff}  /* nacionals (N-) */
.r-taronja{background:#f08300;color:#111}  /* autonòmiques 1r nivell (C-) */
.r-groc{background:#ffd200;color:#111}     /* provincials i locals (BV-, GIV-...) */
#coords{font-family:ui-monospace,Menlo,Consolas,monospace;
  font-size:clamp(19px,5.6vw,28px);font-weight:700;letter-spacing:.5px}
#gms{font-family:ui-monospace,Menlo,Consolas,monospace;
  font-size:clamp(13px,3.9vw,18px);font-weight:600;color:#dde}
#utm{font-family:ui-monospace,Menlo,Consolas,monospace;
  font-size:clamp(12px,3.3vw,15px);color:#9aa;margin-top:6px}
#precisio{font-size:12.5px;color:#7a7a90;margin-top:4px}
.btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 18px 12px}
.btns a,.btns button{border:0;border-radius:14px;padding:16px 8px;font-size:16px;font-weight:800;
  cursor:pointer;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff}
#b112{background:#c62828}
#bCopia{background:#2e3a59}
footer{text-align:center;font-size:11px;color:#666;padding:0 16px 14px;font-weight:300}
footer a{color:#998;text-decoration:none}
#err{display:none;background:#c62828;margin:12px 18px;border-radius:12px;padding:14px;
  font-size:14px;text-align:center}
/* Pantalla de permís denegat */
#permis{display:none;position:fixed;inset:0;z-index:100;overflow:auto;
  background:linear-gradient(170deg,#5a0d0d 0%,#8f1414 60%,#c62828 130%);padding:26px 20px}
#permis .pbox{max-width:430px;margin:0 auto;text-align:center}
#permis .pico{font-size:54px;animation:bota 1.6s ease-in-out infinite}
@keyframes bota{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
#permis h2{font-size:24px;font-weight:800;margin:10px 0 8px}
#permis p{font-weight:300;font-size:15px;color:#ffd9d5;line-height:1.55;margin-bottom:18px}
#permis ol{list-style:none;text-align:left;margin-bottom:22px}
#permis li{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.12);
  border-radius:14px;padding:13px 15px;margin-bottom:9px;font-size:14.5px;line-height:1.4}
#permis li .n{width:30px;height:30px;border-radius:50%;background:#fff;color:#c62828;
  font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}
#permis li .i{font-size:22px;flex-shrink:0}
#permis button{width:100%;border:0;border-radius:14px;padding:16px;font-size:16px;font-weight:800;
  background:#fff;color:#c62828;cursor:pointer}