.official-warnings{margin:24px 0;padding:22px 0;border:1px solid #a9c5d1;border-left:5px solid #34738b;border-radius:12px;background:#eff7fa;color:#173e50;text-align:left;position:relative}.official-warnings h2{font-size:clamp(1.2rem,3vw,1.7rem);line-height:1.3;margin:0 0 12px;font-weight:500}.official-warnings p{line-height:1.6;overflow-wrap:anywhere}.official-warnings .shell{width:auto;max-width:1180px;margin:auto;padding:0 22px}.official-warnings-home{margin:22px auto;max-width:1240px}.official-warnings[data-level=naranja]{border-left-color:#db7100;background:#fff2df;color:#542d07}.official-warnings[data-level=rojo]{border-left-color:#b42325;background:#ffeded;color:#641c20}.official-warning-links{display:flex;flex-wrap:wrap;gap:10px 20px;margin:14px 0}.official-warnings a{color:inherit;text-decoration:underline;text-underline-offset:3px}.official-warning-links a{padding:8px 0;min-height:44px}.official-warning-note{font-size:.85rem}.official-warning-item{padding:14px 0;border-top:1px solid #b5c4c9}.official-warning-item h3{font-size:1.05rem;margin:0 0 8px}.official-warning-item p{margin:5px 0}.official-warning-item[data-level=amarillo]{border-left:4px solid #c59b00;padding-left:12px}@media(max-width:700px){.official-warnings-home{margin:16px 12px}.official-warnings .shell{padding:0 14px}.official-warning-links{display:grid;gap:4px}.official-warnings{padding:18px 0}}
/* Readable mobile guidance; native disclosures also work without JavaScript. */
.official-warnings{font-size:1rem;line-height:1.6;min-width:0}.official-warnings *{box-sizing:border-box;min-width:0}.official-warnings h3,.official-warnings h4{line-height:1.4}.official-warnings .warning-guide{margin-top:26px;color:#173e50}.official-warnings .warning-guide-title{font-size:1.15rem;font-weight:500;margin:0 0 8px}.official-warnings .warning-guide-detail{margin:12px 0;border:1px solid #afc6d0;border-radius:12px;background:#f5fafc;color:#173e50;overflow:hidden}.official-warnings .warning-guide-detail summary{display:list-item;cursor:pointer;min-height:52px;padding:14px 16px;font-size:1rem;line-height:1.5;font-weight:600;overflow-wrap:anywhere;list-style-position:inside}.official-warnings .warning-guide-detail[open] summary{border-bottom:1px solid #c4d6de;background:#e4f0f5}.official-warnings .warning-guide-body{padding:4px 16px 18px}.official-warnings .warning-guide-detail a{display:inline-block;min-height:44px;padding-block:10px}.official-warnings :is(a,summary):focus-visible{outline:3px solid #205c76;outline-offset:3px}.official-warnings .warning-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}.official-warnings .warning-level{padding:15px;border-radius:10px;background:white;border:1px solid #c4d6de;border-top:5px solid #c59b00}.official-warnings .warning-level-orange{border-top-color:#db7100}.official-warnings .warning-level-red{border-top-color:#b42325}.official-warnings .warning-level h3{font-size:1.05rem;font-weight:600;margin:0 0 8px}.official-warnings .warning-level p{margin:0}.official-warnings .warning-glossary{margin:12px 0}.official-warnings .warning-glossary>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:12px;padding:12px 0;border-bottom:1px solid #c4d6de}.official-warnings .warning-glossary dt{font-weight:600}.official-warnings .warning-glossary dd{margin:0}.official-warnings .warning-example{padding:14px;border-radius:10px;background:#e6f0f4}.official-warnings .warning-tips{display:grid;gap:8px}.official-warnings .warning-tips h4{font-size:1rem;margin:14px 0 6px}.official-warnings .warning-tips p{margin:0}.official-warnings .warning-guide-actions{display:flex;flex-wrap:wrap;gap:8px 22px}.official-warnings .official-warning-note{font-size:.9375rem}@media(max-width:700px){.official-warnings .warning-levels{grid-template-columns:1fr}.official-warnings .warning-glossary>div{grid-template-columns:1fr;gap:3px}.official-warnings .warning-guide-detail summary{padding:14px 12px}.official-warnings .warning-guide-body{padding-inline:12px}.official-warnings .warning-guide-actions{display:grid;gap:4px}.official-warnings-home{width:calc(100% - 24px)}.official-warnings .warning-level{padding:14px}}
/* Warning lists remain closed until the visitor opens the summary. */
details.official-warnings{padding:0}.official-warnings[hidden]{display:none!important}.official-warnings>.official-warning-toggle{display:list-item;list-style-position:inside;cursor:pointer;min-height:48px;padding:13px 16px;font-size:1rem;font-weight:600;line-height:1.4;color:#173e50}.official-warnings[data-level=naranja]>.official-warning-toggle{color:#935000}.official-warnings[data-level=rojo]>.official-warning-toggle{color:#ae2027}.official-warnings[data-level=amarillo]>.official-warning-toggle{color:#715800}.official-warnings>.official-warning-body{padding:4px 18px 18px}.official-warnings:not([open])>.official-warning-body{display:none}.official-warnings>.official-warning-body h2{font-size:1.15rem;font-weight:500;margin-top:12px}.official-warnings>.official-warning-body>:last-child{margin-bottom:0}
.home-page .live-weather .official-warnings-home{position:relative;margin:0;padding:0;width:auto;max-width:none;border:0;background:transparent;box-shadow:none;border-radius:0;color:#173e50;font-size:1rem;backdrop-filter:none}.home-page .live-weather .official-warnings-home>.official-warning-toggle{padding:7px 2px;min-height:44px;white-space:normal;color:#ffb347;font-size:.95rem}.home-page .live-weather .official-warnings-home[data-level=rojo]>.official-warning-toggle{color:#ff7272}.home-page .live-weather .official-warnings-home[data-level=unavailable]>.official-warning-toggle{color:#edf5f8}.home-page .live-weather .official-warnings-home>.official-warning-body{position:absolute;top:calc(100% + 8px);left:0;width:min(480px,calc(100vw - 48px));max-height:60vh;max-height:60dvh;overflow:auto;overscroll-behavior:contain;padding:14px 16px;border:1px solid #aec5cf;border-radius:12px;background:#f5fafc;color:#173e50;box-shadow:0 12px 32px #00162255;text-align:left}.home-page .hero:has(.official-warnings-home:not([hidden])) .hero-inner{padding-top:140px}.home-page .live-weather .official-warnings-home[open]{z-index:20}.home-page .hero:has(.official-warnings-home[open])>.live-weather{z-index:20}.home-page .live-weather .official-warnings a{color:inherit}.home-page .live-weather .official-warnings summary:focus-visible{outline-color:#ffb347}.home-page .live-weather .official-warning-body summary:focus-visible{outline-color:#205c76}
@media(max-width:700px){.official-warnings>.official-warning-body{padding-inline:12px}.official-warnings>.official-warning-toggle{padding:14px 12px}.home-page .live-weather .official-warnings-home>.official-warning-body{font-size:1rem;line-height:1.6}.home-page .hero:has(.official-warnings-home:not([hidden])) .hero-inner{padding-top:140px}}

.official-warnings .official-warning-title{font-size:1.15rem;font-weight:500;line-height:1.4;margin:12px 0}.official-warning-item .official-warning-item-title{font-size:1.05rem;font-weight:600;margin:0 0 8px}

/* Keep the loading/failure link readable while a mobile connection recovers. */
.home-page .live-weather .official-warnings-home:not([data-level])>.official-warning-toggle{color:#edf5f8}
@media(max-width:700px){.home-page .hero>.live-weather{max-width:calc(100% - 40px);min-width:145px}.home-page .live-weather .official-warning-toggle{font-size:1rem;line-height:1.45}.home-page .live-weather .official-warnings-home>.official-warning-body{max-width:calc(100vw - 48px);box-sizing:border-box}}