/* ¿Cómo será la estación? (/estacional/, lib/estacional.mjs). Encima de sitio.css y tiempo.css.
   Móvil primero: el mapa es un SVG con viewBox y width:100%; las tablas se desplazan dentro de su caja
   (t-scroll, contain:inline-size) y no ensanchan la página. Colores de los tokens del tema: valen en claro y oscuro. */
.e-mapa{margin:0;max-width:560px}
.e-mapa svg{display:block;width:100%;height:auto}
.e-z rect{fill:var(--s-bg2);stroke:var(--s-line);stroke-width:1.5}
.e-z text{fill:var(--s-ink2);font-size:13px;font-family:inherit}
.e-z .e-n{fill:var(--s-ink);font-weight:700;font-size:14px}
.e-z .e-ll{font-style:italic}
.e-isla rect{stroke-dasharray:5 4}
.e-calido.e-f-clara rect{fill:var(--s-hot-bg);stroke:var(--s-hot);stroke-width:2.5}
.e-calido.e-f-debil rect{fill:var(--s-hot-bg);stroke:var(--s-line)}
.e-frio.e-f-clara rect{fill:var(--s-accent-bg);stroke:var(--s-accent);stroke-width:2.5}
.e-frio.e-f-debil rect{fill:var(--s-accent-bg);stroke:var(--s-line)}
.e-tabla{border-collapse:collapse;min-width:100%;font-size:15px}
.e-tabla caption{text-align:left;font-weight:700;margin:0 0 6px;color:var(--s-ink)}
.e-tabla th,.e-tabla td{padding:8px 10px;border-bottom:1px solid var(--s-line);text-align:left;vertical-align:top}
.e-tabla thead th{font-size:14px;color:var(--s-muted);white-space:nowrap}
.e-tabla tbody th{font-weight:700;color:var(--s-ink);min-width:9em}
.e-tabla th small,.e-c small{display:block;font-weight:400;font-size:13px;color:var(--s-muted)}
.e-c{min-width:8.5em}
.e-c strong{display:block}
.e-c.e-f-clara.e-calido,.e-c.e-f-clara.e-seco{background:var(--s-hot-bg)}
.e-c.e-f-clara.e-frio,.e-c.e-f-clara.e-lluvioso{background:var(--s-accent-bg)}
.e-c.e-f-nada strong,.e-c.e-nada strong{font-weight:400;color:var(--s-ink2)}
.e-texto p,.e-texto li{color:var(--s-ink2);max-width:46em}
.e-texto li{margin:0 0 8px}