/* jishinsokuho — piel 白磁 (elegida por Pablo el 14-11-2026 entre tres del laboratorio) + la caja de seguridad con estilo de señalética.
   Reglas: sin letras web, 16 px de base, 320 px sin desbordes, claro y oscuro, profundidad suave, nada animado.
   La paleta del 震度 es la del 気象庁 (配色指針 2012, 表2-2). */

/* ---------- Tokens: piel 白磁 ---------- */
:root{
  --f-sans:"Hiragino Sans","Hiragino Kaku Gothic ProN","BIZ UDPGothic","Yu Gothic UI","Yu Gothic","Meiryo",system-ui,sans-serif;
  --f-num:"Segoe UI","Helvetica Neue",Arial,ui-sans-serif,system-ui,sans-serif;
  --bg:#f7f6f2;--fg:#1b1d21;--muted:#5d6168;--line:#e4e2db;--card:#ffffff;--card2:#fbfaf7;
  --link:#0b57d0;--accent:#1b1d21;--accent-fg:#ffffff;--focus:#0b57d0;
  --head-bg:#ffffff;--head-fg:#1b1d21;--nav-bg:#ffffff;--nav-fg:#3b3e44;--nav-act:#1b1d21;--nav-line:#e4e2db;
  --hiko-bg:#efede6;--hiko-fg:#45484e;--hiko-tag:#1b1d21;--hiko-tag-fg:#fff;
  --logo-f:#1b1d21;--logo-a:#f7f6f2;--logo-t:#f7f6f2;
  --r:14px;--r-sd:9px;--r-btn:999px;
  --sombra:0 1px 2px rgba(25,25,20,.05),0 10px 28px -6px rgba(25,25,20,.10);
  --sombra-in:inset 0 1px 0 rgba(255,255,255,.7);
  --ok:#e9f4ec;--ok-fg:#1d5b34;--warn:#fff6d6;--warn-fg:#6b4d00;--peligro:#ffe3df;--peligro-fg:#8a1300;
  --onda:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 24'%3E%3Cpath d='M0 12h40l4-6 5 13 6-18 6 22 5-15 4 8 3-4h167' fill='none' stroke='%23d9d6cd' stroke-width='1.2'/%3E%3C/svg%3E");
}
html.dark{
  --bg:#121417;--fg:#e9e9e4;--muted:#9a9ea6;--line:#2b2f35;--card:#1a1d21;--card2:#16191d;
  --link:#8ab4ff;--accent:#e9e9e4;--accent-fg:#121417;--focus:#8ab4ff;
  --head-bg:#16191d;--head-fg:#e9e9e4;--nav-bg:#16191d;--nav-fg:#b9bcc2;--nav-act:#e9e9e4;--nav-line:#2b2f35;
  --hiko-bg:#1d2024;--hiko-fg:#b9bcc2;--hiko-tag:#e9e9e4;--hiko-tag-fg:#121417;
  --logo-f:#e9e9e4;--logo-a:#16191d;--logo-t:#16191d;
  --sombra:0 1px 2px rgba(0,0,0,.4),0 12px 30px -8px rgba(0,0,0,.55);--sombra-in:inset 0 1px 0 rgba(255,255,255,.04);
  --ok:#16281d;--ok-fg:#9fd8b0;--warn:#2d2610;--warn-fg:#f1d27a;--peligro:#33140f;--peligro-fg:#ffb4a6;
  --onda:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 24'%3E%3Cpath d='M0 12h40l4-6 5 13 6-18 6 22 5-15 4 8 3-4h167' fill='none' stroke='%23343840' stroke-width='1.2'/%3E%3C/svg%3E");
}

/* ---------- 震度: paleta oficial del 気象庁 ---------- */
[data-s="1"]{--sd-bg:#F2F2FF;--sd-fg:#1d2233}
[data-s="2"]{--sd-bg:#00AAFF;--sd-fg:#06263a}
[data-s="3"]{--sd-bg:#0041FF;--sd-fg:#ffffff}
[data-s="4"]{--sd-bg:#FAE696;--sd-fg:#2a2410}
[data-s="5-"]{--sd-bg:#FFE600;--sd-fg:#2a2410}
[data-s="5+"]{--sd-bg:#FF9900;--sd-fg:#231300}
[data-s="6-"]{--sd-bg:#FF2800;--sd-fg:#ffffff}
[data-s="6+"]{--sd-bg:#A50021;--sd-fg:#ffffff}
[data-s="7"]{--sd-bg:#B40068;--sd-fg:#ffffff}

/* ---------- Base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{font-size:16px;-webkit-text-size-adjust:100%;background:var(--bg)}
html[data-fs="s"]{font-size:15px}
html[data-fs="l"]{font-size:18.5px}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--f-sans);line-height:1.75;font-feature-settings:"palt" 0;overflow-wrap:anywhere;word-break:normal;line-break:strict}
a{color:var(--link);text-underline-offset:.2em}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:4px}
img,svg{max-width:100%}
.in{max-width:1120px;margin:0 auto;padding:0 16px}
.num{font-family:var(--f-num);font-variant-numeric:tabular-nums}
.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:8px;z-index:20;background:var(--card);padding:6px 10px}
h1,h2,h3{line-height:1.4;font-weight:700;letter-spacing:.01em}
h1{font-size:1.75rem;margin:.6em 0 .4em}
h2{font-size:1.3rem;margin:1.6em 0 .6em}
h3{font-size:1.05rem;margin:1.2em 0 .4em}
.sub-h1{display:block;font-size:.95rem;font-weight:500;color:var(--muted);margin-top:.2em;letter-spacing:0}
.lead{font-size:1.06rem}
.nota{font-size:.86rem;color:var(--muted);line-height:1.65}
.mas{margin:.6em 0 0}
.ext::after{content:"↗";font-size:.8em;margin-left:.15em}

/* ---------- Cabecera ---------- */
.site{background:var(--head-bg);color:var(--head-fg);position:relative}
.top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;padding-bottom:12px}
.logo{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;min-width:0}
.iso{width:42px;height:42px;flex:none}
.iso-f{fill:var(--logo-f)}.iso-a{stroke:var(--logo-a)}.iso-t{stroke:var(--logo-t)}
.wordmark{display:flex;flex-direction:column;line-height:1.15;min-width:0}
.wordmark b{font-size:1.35rem;letter-spacing:.06em}
.wordmark small{font-family:var(--f-num);font-size:.72rem;letter-spacing:.06em;opacity:.7}
.tools{display:flex;gap:8px;align-items:center;flex:none}
.fs{display:flex;border:1px solid var(--nav-line);border-radius:var(--r-btn);overflow:hidden}
.fs button,.theme{font:inherit;font-size:.8rem;background:transparent;color:inherit;border:0;padding:6px 9px;cursor:pointer;min-height:36px}
.fs button+button{border-left:1px solid var(--nav-line)}
.theme{display:flex;gap:4px;align-items:center;border:1px solid var(--nav-line);border-radius:var(--r-btn)}
.theme svg{width:15px;height:15px}
.gnav{background:var(--nav-bg);border-top:1px solid var(--nav-line);border-bottom:1px solid var(--nav-line)}
.gnav ul{list-style:none;display:flex;gap:4px;margin:0 auto;overflow-x:auto;scrollbar-width:none}
.gnav ul::-webkit-scrollbar{display:none}
.gnav a{display:block;white-space:nowrap;padding:11px 12px;color:var(--nav-fg);text-decoration:none;font-weight:600;font-size:.95rem;border-bottom:3px solid transparent}
.gnav a[aria-current="page"]{color:var(--nav-act);border-bottom-color:var(--nav-act)}
.hikoshiki{margin:0;background:var(--hiko-bg);color:var(--hiko-fg);font-size:.8rem;line-height:1.6}
.hikoshiki .in{display:block;padding-top:7px;padding-bottom:7px}
.hikoshiki b{display:inline-block;background:var(--hiko-tag);color:var(--hiko-tag-fg);font-size:.72rem;padding:1px 7px;border-radius:4px;margin-right:8px;letter-spacing:.08em}
[data-piel="a"] .site::after{content:"";display:block;height:24px;background:var(--onda) repeat-x left center/240px 24px;background-color:var(--bg)}

/* ---------- Página ---------- */
.page{padding-bottom:40px}
.migas ol{list-style:none;display:flex;flex-wrap:wrap;gap:4px 0;padding:0;margin:14px 0 0;font-size:.82rem;color:var(--muted)}
.migas li+li::before{content:"›";margin:0 8px;color:var(--muted)}
.migas a{color:var(--muted)}
.sec-cab{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}
.sec-cab h2{margin-bottom:.5em}
.sec-cab a{font-size:.9rem;font-weight:600}
.caja{background:var(--card);border-radius:var(--r);box-shadow:var(--sombra);padding:18px}
.caja h2{margin-top:0;font-size:1.15rem}
.dos{display:grid;gap:18px;margin-top:28px}
@media (min-width:860px){.dos{grid-template-columns:1fr 1fr}}
.dos-col{display:grid;gap:14px}
@media (min-width:700px){.dos-col{grid-template-columns:1fr 1fr}}
.btn{display:inline-flex;align-items:center;gap:6px;background:var(--accent);color:var(--accent-fg);text-decoration:none;font-weight:700;padding:10px 18px;border-radius:var(--r-btn);min-height:44px}
.btn::after{content:"→"}

/* ---------- Ahora (portada) ---------- */
.ahora-cab{display:flex;align-items:flex-end;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;margin-top:18px}
.ahora-cab h1{margin:0;font-size:2rem;letter-spacing:.04em}
.ahora-cab h1 span{display:block;font-size:.9rem;font-weight:500;color:var(--muted);letter-spacing:0;margin-top:2px}
.vivo{margin:0;font-size:.82rem;color:var(--muted);display:flex;align-items:center;gap:6px}
.punto{width:9px;height:9px;border-radius:50%;background:#1aa35a;box-shadow:0 0 0 3px rgba(26,163,90,.2)}
.vivo-error .punto{background:#d98a00;box-shadow:0 0 0 3px rgba(217,138,0,.2)}
.resp-hoy{font-size:1.08rem;background:var(--card2);border-left:4px solid var(--accent);padding:10px 14px;border-radius:0 var(--r) var(--r) 0;margin:14px 0 18px}
.resp-hoy b{white-space:nowrap}
.ahora-grid{display:grid;gap:18px}
@media (min-width:900px){.ahora-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:start}}

/* Tarjeta del último sismo */
.ultimo{background:var(--card);border-radius:var(--r);box-shadow:var(--sombra),var(--sombra-in);padding:18px;position:relative;overflow:hidden}
.ultimo::before{content:"";position:absolute;inset:0 auto 0 0;width:6px;background:var(--sd-bg,var(--line))}
.ult-cab{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px 18px;align-items:start}
.ult-cab .cifras{grid-column:1 / -1}
@media (min-width:560px){.ult-cab .cifras{grid-column:2}.ult-sd{grid-row:span 2}}
.ult-cuando span{display:inline-block}
.cifras dd{white-space:nowrap}
.ult-sd{display:flex;flex-direction:column;align-items:center;gap:4px}
.ult-sd-txt{font-size:.75rem;color:var(--muted);font-weight:600}
.ult-cuando{margin:0;font-size:.95rem;color:var(--muted);font-weight:600}
.ult-donde{margin:.1em 0 .35em;font-size:1.65rem;line-height:1.3;font-weight:800}
.cifras{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}
.cifras div{background:var(--card2);border-radius:calc(var(--r) - 6px);padding:6px 9px;min-width:0}
.cifras dt{font-size:.7rem;color:var(--muted);line-height:1.4}
.cifras dd{margin:0;font-size:1.12rem;font-weight:700;line-height:1.35}
.tsunami{display:flex;gap:9px;align-items:flex-start;margin:14px 0 0;padding:10px 12px;border-radius:calc(var(--r) - 6px);font-weight:600;font-size:.95rem;line-height:1.6}
.tsunami small{font-weight:400;color:inherit;opacity:.75;margin-left:4px}
.t0{background:var(--ok);color:var(--ok-fg)}
.t1{background:var(--warn);color:var(--warn-fg)}
.t2,.t3{background:var(--peligro);color:var(--peligro-fg)}
.t-ico{flex:none;width:20px;height:20px;margin-top:2px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 15c2.5 0 2.5-2 5-2s2.5 2 5 2 2.5-2 5-2 2.5 2 5 2v3c-2.5 0-2.5-2-5-2s-2.5 2-5 2-2.5-2-5-2-2.5 2-5 2zM2 9c2.5 0 2.5-2 5-2s2.5 2 5 2 2.5-2 5-2 2.5 2 5 2v3c-2.5 0-2.5-2-5-2s-2.5 2-5 2-2.5-2-5-2-2.5 2-5 2z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 15c2.5 0 2.5-2 5-2s2.5 2 5 2 2.5-2 5-2 2.5 2 5 2v3c-2.5 0-2.5-2-5-2s-2.5 2-5 2-2.5-2-5-2-2.5 2-5 2zM2 9c2.5 0 2.5-2 5-2s2.5 2 5 2 2.5-2 5-2 2.5 2 5 2v3c-2.5 0-2.5-2-5-2s-2.5 2-5 2-2.5-2-5-2-2.5 2-5 2z'/%3E%3C/svg%3E") center/contain no-repeat}
.frase{margin:14px 0 0;font-size:.98rem}
.ult-mas{margin:14px 0 0}

/* Insignias de 震度 */
.sd{display:inline-flex;align-items:baseline;justify-content:center;gap:1px;min-width:2.9em;padding:.15em .5em;border-radius:var(--r-sd);background:var(--sd-bg,#ddd);color:var(--sd-fg,#111);font-weight:800;font-family:var(--f-sans);line-height:1.5;white-space:nowrap;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.sd small{font-size:.62em;font-weight:700;margin-right:1px;opacity:.85}
.sd-x{--sd-bg:var(--card2);--sd-fg:var(--muted)}
.sd-0{--sd-bg:#ffffff;--sd-fg:#555}
.sd-l{flex-direction:column;align-items:center;justify-content:center;width:5.6rem;height:5.6rem;font-size:2.3rem;line-height:1;padding:0;border-radius:calc(var(--r-sd) + 6px)}
.sd-l small{font-size:.32em;margin:0 0 4px}
.leyenda{list-style:none;display:flex;flex-wrap:wrap;gap:4px;padding:0;margin:10px 0 0;font-size:.78rem}
.leyenda .sd{min-width:auto}

/* Mapa */
.mapa-caja{min-width:0}
.mapa{height:340px;border-radius:var(--r);box-shadow:var(--sombra);background:var(--card2);overflow:hidden;position:relative;z-index:0}
@media (min-width:900px){.mapa{height:420px}}
.mapa-error{display:flex;align-items:center;justify-content:center;color:var(--muted)}
html.dark .mapa .leaflet-tile-pane{filter:invert(1) hue-rotate(180deg) brightness(.9) contrast(.85) saturate(.6)}
.mk-sd{background:none;border:0}
.sd-mk{display:flex;align-items:center;justify-content:center;width:22px;height:22px;min-width:0;padding:0;font-size:11px;border-radius:4px;box-shadow:0 0 0 1px rgba(0,0,0,.35)}
.mk-epi{background:none;border:0;display:flex;align-items:center;justify-content:center}
.mk-epi span{font:900 30px/1 Arial,sans-serif;color:#e60012;text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 2px #fff}
.leaflet-container{font-family:var(--f-sans)}

/* 各地の震度 */
.kk h2{margin-top:1.4em}
.kakuchi{display:grid;gap:10px}
.kk-nivel{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;background:var(--card);border-radius:calc(var(--r) - 4px);box-shadow:var(--sombra);padding:10px 12px}
.kk-nivel ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.kk-nivel li{display:flex;gap:10px;flex-wrap:wrap;line-height:1.6}
.kk-nivel li b{flex:none;min-width:4.5em}
.kk-nivel li span{color:var(--fg)}

/* Listas de sismos */
.sismos{list-style:none;margin:0;padding:0;background:var(--card);border-radius:var(--r);box-shadow:var(--sombra);overflow:hidden}
.fila{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"sd cuando m" "sd donde m";gap:0 12px;align-items:center;padding:10px 14px;border-top:1px solid var(--line)}
.fila:first-child{border-top:0}
.fila>.sd{grid-area:sd}
.f-cuando{grid-area:cuando;font-size:.82rem;color:var(--muted)}
.f-donde{grid-area:donde;font-weight:700;min-width:0}
.f-m{grid-area:m;font-weight:700;color:var(--muted)}
@media (min-width:720px){.fila{grid-template-columns:auto 11em minmax(0,1fr) auto;grid-template-areas:"sd cuando donde m"}.f-cuando{font-size:.92rem}}
.filtros{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.filtros button{font:inherit;font-size:.88rem;font-weight:600;padding:7px 14px;border-radius:var(--r-btn);border:1px solid var(--line);background:var(--card);color:var(--fg);cursor:pointer;min-height:40px}
.filtros button[aria-pressed="true"]{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}

/* Sismógrafo */
.sg-intro{margin:.2em 0 .8em}
.sg-estado{margin:0;font-size:.85rem;color:var(--muted)}
.sg-trazas{background:var(--card);border-radius:var(--r);box-shadow:var(--sombra);padding:6px 14px}
.sg-fila{display:grid;grid-template-columns:5.2em minmax(0,1fr);align-items:center;gap:10px;border-top:1px dashed var(--line);padding:6px 0}
.sg-fila:first-child{border-top:0}
.sg-lugar{font-weight:700;font-size:.92rem;line-height:1.3}
.sg-lugar small{display:block;font-weight:400;font-size:.72rem;color:var(--muted)}
.sg-svg{width:100%;height:60px;display:block}
.sg-svg path{stroke:var(--muted);stroke-width:1;fill:none;vector-effect:non-scaling-stroke}
.sg-ok .sg-svg path{stroke:var(--fg)}

/* Cajas de la portada */
.ts-estado{font-weight:700;margin:0 0 .4em}
.ts-off{color:var(--ok-fg)}.ts-on{color:var(--peligro-fg)}
.pasos{margin:0;padding:0;list-style:none;counter-reset:p;display:grid;gap:10px}
.pasos li{counter-increment:p;display:grid;grid-template-columns:2rem minmax(0,1fr);gap:2px 10px}
.pasos li::before{content:counter(p);grid-row:span 2;width:1.8rem;height:1.8rem;border-radius:50%;background:var(--accent);color:var(--accent-fg);font-weight:800;display:flex;align-items:center;justify-content:center;font-family:var(--f-num)}
.pasos b{line-height:1.5}
.pasos span{font-size:.92rem;color:var(--muted)}
.enlaces-ofi{margin:.8em 0 0;font-size:.9rem;display:flex;flex-wrap:wrap;gap:4px 16px}

/* Caja de seguridad con estilo de señalética pública (idea tomada de la piel C) */
.caja-sena{padding:0;overflow:hidden}
.caja-sena h2{margin:0;background:#00965e;color:#fff;padding:11px 18px;display:flex;align-items:center;gap:10px;font-size:1.12rem;letter-spacing:.04em}
.caja-sena h2::before{content:"!";flex:none;width:1.6rem;height:1.6rem;border-radius:50%;background:#fff;color:#00965e;display:flex;align-items:center;justify-content:center;font:900 1.05rem/1 var(--f-num)}
.caja-sena .pasos{padding:16px 18px 4px}
.caja-sena .pasos li::before{border-radius:4px;background:#00965e;color:#fff;box-shadow:inset 0 0 0 2px rgba(0,0,0,.08)}
.caja-sena .pasos b{font-size:1.02rem}
.caja-sena .enlaces-ofi{padding:0 18px 16px}
html.dark .caja-sena h2{background:#0f7a4e}
html.dark .caja-sena .pasos li::before{background:#19b277;color:#06140d}

/* Prefecturas */
.grid-prefs{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr))}
.gp-reg{background:var(--card);border-radius:var(--r);box-shadow:var(--sombra);padding:10px 14px}
.gp-reg h3{margin:0 0 .3em;font-size:.85rem;color:var(--muted)}
.gp-reg ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 12px}
.gp-reg a{font-weight:700}
.gp-reg span{color:var(--muted)}
.vecinos{display:flex;flex-wrap:wrap;gap:6px 16px;padding:0;list-style:none}

/* Tablas */
.tabla-x{overflow-x:auto;background:var(--card);border-radius:var(--r);box-shadow:var(--sombra)}
table{border-collapse:collapse;width:100%;font-size:.94rem}
th,td{padding:9px 12px;border-top:1px solid var(--line);text-align:left;vertical-align:top}
thead th{border-top:0;background:var(--card2);font-size:.8rem;color:var(--muted);white-space:nowrap}
.t-shindo th[scope="row"]{white-space:nowrap}
.t-shindo .sub{color:var(--muted);font-size:.88rem}
.t-shindo td.num,.t-conteo td{white-space:nowrap}
.t-conteo td{text-align:right}
.area{display:inline-block;margin-right:10px}

/* Ficha */
.antsig{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0 0}
.antsig a{display:block;background:var(--card);border-radius:var(--r);box-shadow:var(--sombra);padding:10px 14px;text-decoration:none;font-weight:700;min-width:0}
.antsig small{display:block;font-size:.75rem;color:var(--muted);font-weight:600}
.antsig .sig{text-align:right}

/* FAQ y fuentes */
.faq details{background:var(--card);border-radius:calc(var(--r) - 4px);box-shadow:var(--sombra);margin:0 0 8px}
.faq summary{cursor:pointer;padding:12px 16px;font-weight:700;list-style:none;position:relative;padding-right:40px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"＋";position:absolute;right:16px;top:12px;color:var(--muted)}
.faq details[open] summary::after{content:"－"}
.faq-a{padding:0 16px 12px}
.faq-a p{margin:0}
.fuentes{margin-top:30px;font-size:.88rem;border-top:1px solid var(--line);padding-top:6px}
.fuentes h2{font-size:1rem}
.fuentes ul{padding-left:1.2em;margin:0}
.fuentes .nota{display:block}
.rev{color:var(--muted);margin:.6em 0 0}
.lista-fuentes li{margin-bottom:.6em}

/* Pie */
.foot{background:var(--card2);border-top:1px solid var(--line);font-size:.86rem;color:var(--muted);padding:22px 0 30px}
.foot-links{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px}
.foot a{color:var(--muted)}
.resp,.copy{margin:.4em 0 0}


/* Piel A: números grandes con aire */
[data-piel="a"] .ult-donde{font-weight:700;letter-spacing:.02em}
[data-piel="a"] .resp-hoy{background:var(--card);box-shadow:var(--sombra)}

/* 320 px */
@media (max-width:380px){
  h1,.ahora-cab h1{font-size:1.55rem}
  .ult-donde{font-size:1.35rem}
  .sd-l{width:4.6rem;height:4.6rem;font-size:1.9rem}
  .cifras{grid-template-columns:1fr 1fr}
  .cifras div:last-child{grid-column:span 2}
  .wordmark b{font-size:1.15rem}
  .iso{width:36px;height:36px}
  .fs button,.theme{padding:6px 7px}
  .theme span{display:none}
}
@media print{.site,.foot,.mapa-caja,.sismografo{display:none}}
/* Contacto: correo visible y botón para copiarlo */
.contacto .correo{font-size:1.125rem;font-weight:700;margin:0 0 10px;word-break:break-all}
.copiar{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--accent);background:var(--accent);color:var(--accent-fg);cursor:pointer;font:inherit;font-size:.9rem;font-weight:700;white-space:nowrap}
.copiar svg{width:16px;height:16px}
.copiar.hecho{background:#1d7a46;border-color:#1d7a46;color:#fff}