.news-hero{padding-bottom:34px;background:linear-gradient(180deg,#f4f8f7 0%,#fff 100%)}
.news-hero .hero-lead{max-width:780px}
.warning-section{padding-top:32px}
.warning-map-card{border:1px solid #dce6e8;border-radius:18px;background:#fff;box-shadow:0 12px 32px rgba(16,59,74,.08);padding:22px}
.warning-map-status{margin-bottom:12px;color:#617076;font-size:.94rem}
.warning-map-svg{display:block;width:100%;height:auto;min-height:300px;max-height:620px;border-radius:14px;background:#eef4f5;border:1px solid #dce6e8}
.warning-zone{stroke:#fff;stroke-width:2;vector-effect:non-scaling-stroke;cursor:pointer;opacity:.82;transition:opacity .15s ease,filter .15s ease}
.warning-zone:hover,.warning-zone:focus{opacity:1;filter:brightness(.95);outline:none}
.warning-zone-yellow{fill:#f1c94a}.warning-zone-orange{fill:#ed8a34}.warning-zone-red{fill:#cf3f38}
.warning-map-detail{min-height:90px;margin-top:16px;padding:16px 18px;border-radius:12px;background:#f7faf9}
.warning-map-detail h3{margin:0 0 8px;font-size:1.08rem;color:#103b4a}
.warning-map-detail p{margin:6px 0;line-height:1.55}
.warning-detail-meta{font-size:.9rem;color:#617076}
.warning-legend{display:flex;flex-wrap:wrap;gap:16px;margin-top:14px;font-size:.9rem;color:#526066}
.warning-legend span{display:inline-flex;align-items:center;gap:7px}.warning-legend i{width:13px;height:13px;border-radius:50%;display:inline-block}
.warn-yellow{background:#f1c94a}.warn-orange{background:#ed8a34}.warn-red{background:#cf3f38}
.warning-source{font-size:.86rem;color:#617076;margin:12px 0 0}
.news-list-section{background:#f7faf9}
.news-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}
.news-filters button{appearance:none;border:1px solid #cad9dc;border-radius:999px;background:#fff;padding:9px 14px;color:#284e59;font:inherit;cursor:pointer}
.news-filters button.active,.news-filters button:hover{background:#103b4a;color:#fff;border-color:#103b4a}
.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.news-card{padding:22px;border:1px solid #dce6e8;border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(16,59,74,.05)}
.news-card-meta,.article-meta{display:flex;flex-wrap:wrap;gap:10px 16px;margin-bottom:12px;color:#617076;font-size:.84rem}
.news-card h3{margin:0 0 10px;font-size:1.18rem}.news-card p{color:#526066;line-height:1.6}.news-card[hidden]{display:none}
.article-container{max-width:820px}.article-container>h1{max-width:780px}.article-lead{font-size:1.2rem;line-height:1.65;color:#365965}
.article-body{font-size:1.04rem;line-height:1.78}.article-body p{margin:0 0 1.2em}
.source-box{margin-top:30px;padding:16px 18px;border-radius:12px;background:#eef4f5;color:#526066}
@media(max-width:900px){.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.news-grid{grid-template-columns:1fr}.warning-map-card{padding:14px}.warning-map-svg{min-height:220px}.news-filters{gap:6px}}

/* RC5.1.11 · réplica cartográfica de avisos AEMET */
.warning-land{fill:#eef2f0;stroke:#8b9b94;stroke-width:1.2;vector-effect:non-scaling-stroke}.warning-city{fill:#52645c;stroke:#fff;stroke-width:1}.warning-map-label{fill:#52645c;font-size:12px;font-weight:600}.warning-base-map{pointer-events:none}.warning-zone{fill-opacity:.62;stroke-width:1.6;vector-effect:non-scaling-stroke}.warning-zone-yellow{fill:#ffd84d;stroke:#c7a100}.warning-zone-orange{fill:#ff9b3d;stroke:#cf6f00}.warning-zone-red{fill:#e35151;stroke:#a40000}

/* RC5.6 · visor real IGN + geometría oficial CAP AEMET */
.warning-day-tabs{display:flex;gap:8px;margin:0 0 12px}.warning-day-tabs button{appearance:none;border:1px solid #c7d6da;background:#fff;color:#244b58;border-radius:999px;padding:8px 16px;font:inherit;font-weight:700;cursor:pointer}.warning-day-tabs button.active{background:#103b4a;color:#fff;border-color:#103b4a}.warning-real-map{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:12px;align-items:end}.warning-main-map,.warning-canary-map{position:relative;overflow:hidden;border:1px solid #cfdcdf;border-radius:14px;background:#e9f0f1;isolation:isolate}.warning-main-map{aspect-ratio:1.65/1}.warning-canary-map{aspect-ratio:1.55/1}.warning-tile-layer,.warning-overlay{position:absolute;inset:0;width:100%;height:100%}.warning-tile-layer{z-index:1;overflow:hidden;background:#e7eef0}.warning-tile-layer img{position:absolute;display:block;max-width:none;object-fit:fill}.warning-overlay{z-index:2;overflow:hidden}.warning-map-caption{position:absolute;z-index:3;left:9px;bottom:8px;padding:4px 7px;border-radius:7px;background:rgba(255,255,255,.88);font-size:.72rem;color:#425a63;box-shadow:0 1px 4px rgba(20,48,58,.12);pointer-events:none}.warning-zone{fill-opacity:.58;stroke-width:2.2;vector-effect:non-scaling-stroke;cursor:pointer;transition:fill-opacity .15s ease,filter .15s ease}.warning-zone:hover,.warning-zone:focus{fill-opacity:.8;filter:brightness(.93);outline:none}.warning-map-list{display:flex;gap:8px;overflow-x:auto;padding:12px 0 2px;scrollbar-width:thin}.warning-map-list:empty{display:none}.warning-list-item{min-width:210px;max-width:320px;text-align:left;border:1px solid #d6e1e3;border-left-width:5px;border-radius:10px;background:#fff;padding:9px 11px;color:#183f4d;cursor:pointer}.warning-list-item strong,.warning-list-item span{display:block}.warning-list-item strong{font-size:.88rem;line-height:1.25}.warning-list-item span{margin-top:3px;color:#65757b;font-size:.76rem;line-height:1.3}.warning-list-item.level-yellow{border-left-color:#d9b000}.warning-list-item.level-orange{border-left-color:#e17d1c}.warning-list-item.level-red{border-left-color:#c7352f}.warning-main-map::after{content:'IGN / CNIG';position:absolute;z-index:3;right:8px;bottom:7px;padding:3px 6px;border-radius:5px;background:rgba(255,255,255,.82);color:#5d6d73;font-size:.66rem;pointer-events:none}
@media(max-width:860px){.warning-real-map{grid-template-columns:1fr}.warning-canary-map{width:min(58%,360px);justify-self:start}}@media(max-width:560px){.warning-main-map{aspect-ratio:1.25/1}.warning-canary-map{width:72%}.warning-day-tabs button{flex:1}.warning-map-list{margin-right:-8px}}
