:root{color-scheme:light;font-family:Montserrat,Poppins,Arial,sans-serif;background:#eaf4fb;color:#0a1b39;font-synthesis:none}
*{box-sizing:border-box}
html,body{min-height:100%;margin:0}
button,a{font:inherit}
button{border:0}
svg{display:block;width:1.25em;height:1.25em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mca-app-body{background:linear-gradient(180deg,#dff1ff 0,#f4f9fd 42%,#edf5fa 100%);-webkit-tap-highlight-color:transparent}
.mca-app{width:min(100%,680px);min-height:100vh;margin:auto;padding:env(safe-area-inset-top) 0 calc(94px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(255,255,255,.32),rgba(247,251,254,.72));box-shadow:0 0 70px rgba(21,82,124,.08)}
.mca-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 20px 12px}
.mca-brand{display:flex;align-items:center;gap:7px;color:#0b3f72;text-decoration:none;font-size:.92rem;font-weight:950;letter-spacing:.045em}
.mca-brand strong{padding:8px 10px;border-radius:9px;background:linear-gradient(160deg,#1499ed,#1743bd);color:#fff;box-shadow:0 7px 15px rgba(20,86,184,.25)}
.mca-top-actions{display:flex;align-items:center;gap:9px}
.mca-demo-badge{padding:7px 9px;border-radius:999px;background:#fff3cd;color:#8b6400;font-size:.52rem;font-weight:950;letter-spacing:.03em;white-space:nowrap}
.mca-icon-button{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(169,195,215,.55);border-radius:14px;background:rgba(255,255,255,.82);color:#078ac6;box-shadow:0 7px 18px rgba(30,85,124,.08);cursor:pointer}
.mca-content{padding:0 18px}
.mca-location-row{display:flex;align-items:center;justify-content:space-between;margin:6px 4px 13px}
.mca-location-row>div{display:grid;grid-template-columns:auto auto;align-items:center;gap:1px 7px}
.mca-location-row strong{font-size:.82rem}
.mca-location-row small{grid-column:2;color:#71849b;font-size:.58rem;font-weight:700}
.mca-live-dot{grid-row:1/3;width:9px;height:9px;border-radius:50%;background:#19b87b;box-shadow:0 0 0 5px rgba(25,184,123,.1)}
.mca-location-chip{padding:7px 10px;border-radius:999px;background:#e5f5fd;color:#0387c4;font-size:.56rem;font-weight:950}
.mca-current{position:relative;isolation:isolate;overflow:hidden;min-height:310px;padding:25px 24px 19px;border-radius:32px;background:linear-gradient(145deg,#168fd7 0,#326fd5 52%,#5259dc 100%);color:#fff;box-shadow:0 20px 40px rgba(36,91,177,.25)}
.mca-current:before{content:"";position:absolute;z-index:-1;right:-90px;bottom:-115px;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,.1)}
.mca-current__glow{position:absolute;z-index:-1;top:-90px;left:-80px;width:210px;height:210px;border-radius:50%;background:rgba(91,213,255,.23);filter:blur(8px)}
.mca-kicker{font-size:.58rem;font-weight:950;letter-spacing:.1em;opacity:.82}
.mca-current h1{margin:6px 0 3px;font-size:1.28rem;line-height:1.15}
.mca-current__heading p{margin:0;color:rgba(255,255,255,.75);font-size:.68rem;font-weight:650}
.mca-current__weather{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px}
.mca-weather-art{position:relative;width:116px;height:86px;flex:0 0 auto}
.mca-sun{position:absolute;top:1px;right:3px;width:61px;height:61px;border-radius:50%;background:#ffd358;box-shadow:0 0 35px rgba(255,221,105,.48)}
.mca-cloud{position:absolute;left:8px;bottom:4px;width:89px;height:35px;border-radius:30px;background:#fff;filter:drop-shadow(0 9px 12px rgba(12,70,130,.18))}
.mca-cloud:before,.mca-cloud:after{content:"";position:absolute;border-radius:50%;background:#fff}
.mca-cloud:before{left:13px;bottom:12px;width:38px;height:38px}.mca-cloud:after{right:11px;bottom:8px;width:48px;height:48px}
.mca-temperature{text-align:right}.mca-temperature strong{display:block;font-size:4.4rem;line-height:.9;letter-spacing:-.07em}.mca-temperature span{display:block;margin-top:10px;font-size:.65rem;font-weight:800;opacity:.82}
.mca-current__footer{display:flex;align-items:center;justify-content:space-between;margin-top:24px;padding:12px 15px;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:rgba(255,255,255,.1);backdrop-filter:blur(7px);font-size:.68rem}.mca-current__footer strong{font-size:.8rem}
.mca-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}
.mca-metrics article{display:flex;min-width:0;flex-direction:column;gap:9px;padding:13px 11px;border:1px solid #dbe8f1;border-radius:19px;background:rgba(255,255,255,.93);box-shadow:0 8px 21px rgba(22,65,99,.06)}
.mca-metric-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px}.mca-metric-icon svg{width:17px}.mca-orange{background:#fff0df;color:#ff831c}.mca-blue{background:#e6f4ff;color:#118ed2}.mca-cyan{background:#e3f9fb;color:#00a3b7}.mca-indigo{background:#eeecff;color:#6856db}
.mca-metrics small,.mca-metrics strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mca-metrics small{margin-bottom:3px;color:#8495aa;font-size:.54rem;font-weight:850}.mca-metrics strong{font-size:.72rem}
.mca-alert-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;width:100%;gap:13px;margin-top:14px;padding:15px;border:1px solid #bcebd7;border-radius:21px;background:linear-gradient(135deg,#f1fff8,#e7fbf4);color:#0a1b39;text-align:left;box-shadow:0 9px 24px rgba(27,119,82,.07);cursor:pointer}
.mca-alert-card__icon{display:grid;place-items:center;width:45px;height:45px;border-radius:15px;background:#c9f5df;color:#0aa865}.mca-alert-card__icon svg{width:23px;height:23px}.mca-alert-card small,.mca-alert-card strong,.mca-alert-card em{display:block}.mca-alert-card small{color:#16936a;font-size:.5rem;font-weight:950;letter-spacing:.045em}.mca-alert-card strong{margin:3px 0;font-size:.8rem}.mca-alert-card em{overflow:hidden;color:#6f8692;font-size:.56rem;font-style:normal;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.mca-alert-card b{color:#159b70;font-size:1.6rem;font-weight:400}
.mca-section{margin-top:23px}.mca-section-title{display:flex;align-items:flex-end;justify-content:space-between;padding:0 3px 10px}.mca-section-title span{color:#1391c7;font-size:.5rem;font-weight:950;letter-spacing:.09em}.mca-section-title h2{margin:3px 0 0;font-size:1.04rem}.mca-text-button{padding:7px 9px;background:transparent;color:#078ec8;font-size:.6rem;font-weight:900;cursor:pointer}
.mca-hours{display:grid;grid-auto-columns:78px;grid-auto-flow:column;gap:9px;overflow-x:auto;padding:1px 1px 10px;scrollbar-color:#3aa7d8 transparent;scrollbar-width:thin;scroll-snap-type:x proximity}
.mca-hours article{display:flex;min-height:130px;flex-direction:column;align-items:center;justify-content:space-between;padding:13px 8px;border:1px solid #dce8f1;border-radius:22px;background:#fff;box-shadow:0 7px 19px rgba(31,71,101,.05);scroll-snap-align:start}.mca-hours article.is-now{border-color:#69c9ed;background:linear-gradient(180deg,#eaf9ff,#fff)}.mca-hours span{color:#647b93;font-size:.58rem;font-weight:900}.mca-hours b{font-size:1.45rem}.mca-hours strong{font-size:1.02rem}.mca-hours small{color:#1594cb;font-size:.55rem;font-weight:800}
.mca-hours .mca-hours-pending{flex:1 1 auto;min-width:0;margin:0;padding:17px;border:1px solid #d8e4ed;border-radius:16px;background:#edf8fd;color:#526e83;font-size:.75rem;font-weight:700;line-height:1.5}
.mca-days-section{margin-bottom:9px}.mca-days{overflow:hidden;border:1px solid #dce8f1;border-radius:23px;background:#fff;box-shadow:0 8px 22px rgba(31,71,101,.05)}.mca-days article{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:13px;padding:14px 16px;border-bottom:1px solid #e8eff4}.mca-days article:last-child{border-bottom:0}.mca-days b,.mca-days small{display:block}.mca-days b{font-size:.7rem}.mca-days small{margin-top:3px;color:#8495a6;font-size:.54rem;font-weight:650}.mca-days article>span{font-size:1.25rem}.mca-days em{color:#0b96d0;font-size:.58rem;font-style:normal;font-weight:850}.mca-days strong{color:#8a9aad;font-size:.66rem;white-space:nowrap}.mca-days strong i{margin-right:5px;color:#0b1c39;font-size:.8rem;font-style:normal}
.mca-bottom-nav{position:fixed;z-index:50;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(5,1fr);width:min(100%,680px);height:72px;margin:auto;padding:7px max(8px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));border-top:1px solid rgba(194,214,227,.8);background:rgba(255,255,255,.94);box-shadow:0 -10px 28px rgba(18,56,87,.09);backdrop-filter:blur(17px)}
.mca-bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:transparent;color:#8393a7;font-size:.53rem;font-weight:800;cursor:pointer}.mca-bottom-nav button svg{width:20px;height:20px}.mca-bottom-nav button.is-active{color:#078fc9}.mca-nav-alert{position:relative}.mca-nav-alert>span{position:absolute;top:-25px;display:grid;place-items:center;width:53px;height:53px;border:5px solid #edf5fa;border-radius:50%;background:linear-gradient(145deg,#139edc,#087dbd);color:#fff;box-shadow:0 8px 17px rgba(8,126,189,.28)}.mca-nav-alert small{margin-top:29px;font-size:inherit}
.mca-toast{position:fixed;z-index:70;right:16px;bottom:88px;left:16px;max-width:450px;margin:auto;padding:12px 16px;border-radius:14px;background:#102443;color:#fff;font-size:.65rem;font-weight:750;text-align:center;box-shadow:0 12px 30px rgba(5,25,54,.25);opacity:0;pointer-events:none;transform:translateY(14px);transition:.25s ease}.mca-toast.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:520px){.mca-demo-badge{display:none}.mca-content{padding:0 14px}.mca-topbar{padding:16px 15px 11px}.mca-current{min-height:296px;padding:23px 20px 18px;border-radius:28px}.mca-current__weather{gap:12px}.mca-temperature strong{font-size:4rem}.mca-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.mca-metrics article{flex-direction:row;align-items:center;padding:12px}.mca-metrics strong{font-size:.75rem}.mca-alert-card{padding:13px}.mca-hours{grid-auto-columns:74px}.mca-days article{gap:9px;padding:13px}.mca-days article>div small{max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(max-width:350px){.mca-brand{font-size:.76rem}.mca-brand strong{padding:7px}.mca-current__weather{align-items:flex-end}.mca-weather-art{width:90px;transform:scale(.84);transform-origin:left bottom}.mca-temperature strong{font-size:3.45rem}.mca-temperature span{font-size:.55rem}.mca-days article{grid-template-columns:minmax(0,1fr) auto auto}.mca-days em{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Identidad visual 0.3: observatorio local, Meteocons y superficies sobrias. */
:root{background:#f3f7fb}
.mca-app-body{background:#edf3f8}
.mca-app{background:#f6f9fc;box-shadow:0 0 70px rgba(21,82,124,.07)}
.mca-current{isolation:auto;min-height:306px;border:1px solid #d7e4ee;border-top:4px solid #169bd5;border-radius:28px;background:linear-gradient(145deg,#fff 0,#f7fbfe 70%,#eaf6fd 100%);color:#0a1b39;box-shadow:0 16px 34px rgba(26,71,108,.1)}
.mca-current:before{z-index:0;right:-90px;bottom:-125px;background:rgba(62,177,225,.08)}
.mca-current>*{position:relative;z-index:1}
.mca-kicker{color:#078bc5;opacity:1}
.mca-current__heading p{color:#657b91}
.mca-weather-art{display:grid;place-items:center;width:132px;height:112px;border:1px solid #d8eaf4;border-radius:27px;background:#f0f9fe}
.mca-meteocon{display:block;object-fit:contain}
.mca-current-icon{width:122px;height:122px;filter:drop-shadow(0 9px 13px rgba(20,93,139,.12))}
.mca-temperature span{color:#627890;opacity:1}
.mca-current__footer{border-color:#dce8f0;border-radius:15px;background:#f3f7fa;color:#5f748a;font-size:.62rem;font-weight:700;backdrop-filter:none}
.mca-current__footer strong{color:#087fba;font-size:.72rem}
.mca-metrics article{gap:6px;padding:12px 11px;border-radius:18px;background:#fff;box-shadow:0 7px 18px rgba(22,65,99,.05)}
.mca-metrics em{display:block;overflow:hidden;margin-top:3px;color:#8a99aa;font-size:.47rem;font-style:normal;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.mca-hours{grid-auto-columns:86px}
.mca-hours article{min-height:145px;padding:12px 7px;border-radius:20px}
.mca-hours article.is-now{background:#eef9fe}
.mca-hour-icon{width:57px;height:57px;margin:-4px 0}
.mca-hours small{font-size:.49rem;white-space:nowrap}
.mca-day-icon{width:51px;height:51px;margin:-8px 0}
.mca-days em{font-size:.55rem;white-space:nowrap}
@media(max-width:520px){
  .mca-current{min-height:296px;padding:22px 19px 17px;border-radius:25px}
  .mca-weather-art{width:112px;height:101px}
  .mca-current-icon{width:110px;height:110px}
  .mca-metrics article{padding:11px}
  .mca-hours{grid-auto-columns:82px}
  .mca-day-icon{width:46px;height:46px}
  .mca-days article{gap:8px;padding:12px}
  .mca-days article>div small{max-width:112px}
}

/* 0.28.0 · El tiempo en nuestras fiestas. */
.mca-more-resource--events .mca-more-resource__icon{background:linear-gradient(145deg,#24abe0,#0872bc);box-shadow:0 8px 18px rgba(8,118,186,.2)}
.mca-more-resource--events .mca-more-resource__icon svg{width:25px;height:25px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mca-events-resource-state{align-self:center;padding:4px 7px;border-radius:999px;background:#e8f7fd;color:#087fba;font-size:9px;font-weight:900;letter-spacing:.03em}
.mca-more-view--events{display:flex;width:100%;height:100%;min-height:0;max-height:100%;flex:1 1 0;flex-direction:column;overflow:hidden;background:#f2f7fb}
.mca-events-header{position:sticky;z-index:5;top:0;display:grid;grid-template-columns:38px 1fr 38px;align-items:start;gap:10px;padding:17px 14px 15px;border-bottom:1px solid #d8e5ee;background:linear-gradient(135deg,#fff 0%,#edf8fc 100%)}
.mca-events-header>div>span{display:block;color:#087fbd;font-size:9px;font-weight:900;letter-spacing:.09em}
.mca-events-header h2{margin:3px 0 2px;color:#0b315a;font-size:19px;line-height:1.05}
.mca-events-header p{margin:0;color:#6b8093;font-size:10px;line-height:1.35}
.mca-events-content{position:relative;display:flex;height:0;min-height:0;flex:1 1 0;flex-direction:column;align-items:stretch;gap:12px;padding:14px 12px 32px;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch}.mca-events-content>*{flex:0 0 auto}
.mca-events-section-label{margin:0 2px -4px;color:#157693;font-size:9px;font-weight:900;letter-spacing:.1em}
.mca-events-loading,.mca-events-empty{display:grid;justify-items:center;gap:7px;margin-top:8px;padding:28px 18px;border:1px solid #d9e6ee;border-radius:16px;background:#fff;color:#6c8194;text-align:center}
.mca-events-loading>span{width:25px;height:25px;border:3px solid #d6e7ef;border-top-color:#0a9bc5;border-radius:50%;animation:mca-obs-spin .8s linear infinite}
.mca-events-empty>span{display:grid;width:46px;height:46px;place-items:center;border-radius:14px;background:#e8f7fc;color:#0b92bb;font-size:24px}.mca-events-empty strong{color:#153d63;font-size:15px}.mca-events-empty p{margin:0;line-height:1.45}.mca-events-empty.is-unavailable>span{background:#fff2ea;color:#d65b3b}
.mca-event-card{--mca-event-accent:#e05a32;overflow:hidden;border:1px solid #d4e3ec;border-radius:19px;background:#fff;box-shadow:0 11px 28px rgba(25,55,82,.1)}
.mca-event-card__hero{position:relative;display:flex;min-height:168px;align-items:flex-end;padding:16px;background-image:linear-gradient(140deg,#1675b4,#123c7d);background-position:center;background-size:cover;color:#fff;isolation:isolate}
.mca-event-card__hero:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(var(--mca-event-gradient-angle,180deg),var(--mca-event-gradient-from,#b56a2b),var(--mca-event-gradient-to,#4b210d));opacity:var(--mca-event-gradient-strength,.72)}
.mca-event-card__status{position:absolute;top:12px;left:12px;padding:5px 8px;border-radius:999px;background:var(--mca-event-accent);box-shadow:0 5px 14px rgba(15,31,49,.25);color:#fff;font-size:9px;font-weight:900;letter-spacing:.04em}
.mca-event-card__hero small{font-size:9px;font-weight:900;letter-spacing:.09em}.mca-event-card__hero h3{margin:4px 0;color:#fff;font-size:24px;line-height:1.05;text-shadow:0 2px 10px rgba(0,0,0,.22)}.mca-event-card__hero p{margin:0;font-size:11px;font-weight:700}
.mca-event-card__body{display:grid;gap:12px;padding:15px}.mca-event-card__description{margin:0;color:#344f69;font-size:12px;line-height:1.48}.mca-event-card__body>h4{margin:2px 0 -4px;color:#123d67;font-size:12px}
.mca-event-automatic{padding:10px 12px;border-radius:11px;background:#edf8fc;color:#236987;font-size:11px;font-weight:700}
.mca-event-progress>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.mca-event-progress b{color:#173e63;font-size:11px}.mca-event-progress span{color:#708397;font-size:10px;font-weight:700}.mca-event-progress>i{display:block;overflow:hidden;height:7px;border-radius:999px;background:#e5edf2}.mca-event-progress>i>em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--mca-event-accent),#f5a54c);transition:width .45s ease}
.mca-event-alert,.mca-event-observation{display:grid;width:100%;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:11px 12px;border:1px solid #f1d2a2;border-radius:12px;background:#fff9ef;color:#8f4e13;text-align:left}.mca-event-alert span{display:grid;gap:1px}.mca-event-alert small{font-size:8px;font-weight:900;letter-spacing:.07em}.mca-event-alert b{font-size:12px}.mca-event-alert em{font-size:9px;font-style:normal}.mca-event-alert[data-level="orange"]{border-color:#f1ae85;background:#fff4ed;color:#a43b16}.mca-event-alert[data-level="red"]{border-color:#eca6aa;background:#fff1f2;color:#a51f2a}
.mca-event-observation{grid-template-columns:9px 1fr auto;border-color:#a9e5d6;background:#effbf8;color:#087b61}.mca-event-observation>i{width:8px;height:8px;border-radius:50%;background:#22c797;box-shadow:0 0 0 5px rgba(34,199,151,.14);animation:mca-live-pulse 1.8s ease-out infinite}.mca-event-observation span{display:grid}.mca-event-observation small{font-size:8px;font-weight:900;letter-spacing:.07em}.mca-event-observation b{font-size:11px}.mca-event-observation em{font-style:normal}
.mca-event-days{display:grid;gap:8px}.mca-event-day{padding:11px;border:1px solid #dbe6ed;border-radius:13px;background:#fbfdfe}.mca-event-day.is-today{border-color:var(--mca-event-accent);box-shadow:inset 3px 0 0 var(--mca-event-accent)}.mca-event-day>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px}.mca-event-day>div:first-child>div{display:grid}.mca-event-day>div:first-child small{color:#71879a;font-size:8px;font-weight:900;letter-spacing:.05em}.mca-event-day>div:first-child strong{margin-top:2px;color:#153d63;font-size:12px}.mca-event-day__icon{width:42px;height:42px}.mca-event-day__metrics{display:grid!important;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:9px}.mca-event-day__metrics span{display:grid;padding:7px;border-radius:8px;background:#edf5f9}.mca-event-day__metrics small{color:#70869a;font-size:7px;font-weight:800}.mca-event-day__metrics b{margin-top:2px;color:#173d61;font-size:10px}.mca-event-day__pending{margin:8px 0 0;color:#71859a;font-size:10px}.mca-event-day__program{display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;gap:4px 10px!important;margin-top:9px;padding-top:8px;border-top:1px dashed #d8e4eb;color:#537087;font-size:10px}.mca-event-day__program p{flex-basis:100%;margin:2px 0 0;line-height:1.4}
.mca-event-card__actions{display:grid;gap:7px}.mca-event-card__actions a{display:block;padding:10px;border-radius:10px;background:var(--mca-event-accent);color:#fff;text-align:center;text-decoration:none;font-size:11px;font-weight:900}.mca-event-card__actions a.is-secondary{border:1px solid #d3e1e9;background:#fff;color:#47657f}.mca-event-card__actions>span{text-align:center;color:#6f8497;font-size:9px}
.mca-events-archive{margin-top:3px}.mca-events-archive>summary{padding:11px 13px;border:1px solid #d7e2e9;border-radius:12px;background:#e9eff3;color:#617488;font-size:11px;font-weight:800;cursor:pointer}.mca-events-archive[open]>summary{margin-bottom:10px}.mca-events-archive .mca-event-card{margin-bottom:10px;filter:saturate(.35);box-shadow:none}.mca-events-archive .mca-event-card__hero{min-height:110px}.mca-events-archive .mca-event-card__body{padding:12px}.mca-events-archive .mca-event-card__hero h3{font-size:18px}
.mca-events-footer{position:relative;z-index:6;flex:0 0 auto;padding:9px 12px calc(9px + env(safe-area-inset-bottom));border-top:1px solid #d9e5ec;background:rgba(255,255,255,.96);color:#6f8497;text-align:center;font-size:9px;font-weight:700;backdrop-filter:blur(8px)}
@media (max-width:380px){.mca-event-card__hero{min-height:148px}.mca-event-card__hero h3{font-size:21px}.mca-event-card__body{padding:12px}.mca-event-day__metrics{gap:3px}.mca-event-day__metrics span{padding:6px 4px}}
@media (max-width:680px){.mca-events-header{padding:calc(14px + env(safe-area-inset-top)) 13px 13px}.mca-events-header p{display:none}}
@media (prefers-reduced-motion:reduce){.mca-event-progress>i>em,.mca-event-observation>i{transition:none;animation:none}}
@media(max-width:350px){
  .mca-weather-art{width:88px;height:84px;transform:none}
  .mca-current-icon{width:92px;height:92px}
}

/* Apariencia 0.4: Meteo Cartagena 2026. */
:root{
  --mca-navy:#08244a;
  --mca-blue:#087fbd;
  --mca-sky:#25a9e0;
  --mca-cyan:#63c9ee;
  --mca-muted:#6c7f94;
  --mca-border:#d8e4ed;
  --mca-surface:#ffffff;
  --mca-canvas:#f4f7fa;
}
.mca-app-body{background:#eaf0f5;color:var(--mca-navy)}
.mca-app{width:min(100%,720px);background:var(--mca-canvas);box-shadow:0 0 60px rgba(8,36,74,.08)}
.mca-topbar{position:sticky;z-index:45;top:0;padding:17px 21px;border-bottom:1px solid rgba(205,220,231,.8);background:rgba(250,252,254,.92);backdrop-filter:blur(16px)}
.mca-brand{font-size:.96rem;letter-spacing:.035em}
.mca-brand strong{padding:8px 11px;border-radius:8px;background:linear-gradient(155deg,#0c91dd,#1647bd);box-shadow:0 5px 12px rgba(12,87,177,.2)}
.mca-demo-badge{border:1px solid #f0d98a;background:#fff9df;color:#795b00}
.mca-icon-button{border-color:#d7e3ec;border-radius:13px;background:#fff;box-shadow:0 5px 14px rgba(14,56,91,.07)}
.mca-content{padding:0 20px}
.mca-location-row{margin:16px 4px 13px}
.mca-location-row strong{font-size:.88rem}
.mca-location-chip{border:1px solid #cde8f5;background:#edf8fd;letter-spacing:.04em}
.mca-current{min-height:314px;padding:26px 27px 20px;border:1px solid #cfdee9;border-radius:25px;background:linear-gradient(130deg,#fff 0%,#fff 57%,#edf8fd 100%);box-shadow:0 14px 32px rgba(21,61,96,.09)}
.mca-current:before{right:-135px;bottom:-170px;width:370px;height:370px;background:rgba(37,169,224,.06)}
.mca-current:after{content:"";position:absolute;z-index:2;top:0;right:26px;left:26px;height:4px;border-radius:0 0 8px 8px;background:linear-gradient(90deg,#087fbd,#4fc5ed 65%,#bcecff)}
.mca-kicker{font-size:.6rem;letter-spacing:.12em}
.mca-current h1{margin-top:7px;font-size:1.52rem;letter-spacing:-.02em}
.mca-current__heading p{max-width:310px;margin-top:5px;font-size:.72rem;line-height:1.5}
.mca-current__weather{margin-top:15px}
.mca-weather-art{width:146px;height:126px;border:0;background:transparent}
.mca-current-icon{width:148px;height:148px;filter:drop-shadow(0 10px 13px rgba(20,74,111,.14))}
.mca-temperature strong{color:#061a38;font-size:4.9rem}
.mca-temperature strong b{display:inline-block;margin-left:.08em;font-size:.31em;font-weight:900;letter-spacing:-.02em;vertical-align:.43em}
.mca-temperature span{margin-top:11px;font-size:.68rem}
.mca-current__footer{margin-top:15px;padding:11px 14px;border-color:#d5e5ef;background:rgba(238,247,252,.82)}
.mca-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:12px}
.mca-metrics article{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;min-height:88px;gap:12px;padding:13px 15px;overflow:hidden;border-color:#d9e4ec;border-radius:19px;background:#fff;box-shadow:0 7px 19px rgba(25,63,92,.055)}
.mca-metrics article:before{content:"";position:absolute;top:17px;bottom:17px;left:0;width:3px;border-radius:0 4px 4px 0;background:currentColor;opacity:.75}
.mca-metric-symbol{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:#eef7fc;color:inherit}
.mca-metric-temperature{color:#e96c3a}.mca-metric-temperature .mca-metric-symbol{background:#fff1ea}
.mca-metric-wind{color:#1588c0}.mca-metric-wind .mca-metric-symbol{background:#eaf7fd}
.mca-metric-humidity{color:#1e76cc}.mca-metric-humidity .mca-metric-symbol{background:#edf5ff}
.mca-metric-rain{color:#00a0bd}.mca-metric-rain .mca-metric-symbol{background:#e9fafc}
.mca-metrics article>div{min-width:0;color:var(--mca-navy)}
.mca-metrics small{margin-bottom:5px;color:#74879b;font-size:.57rem;letter-spacing:.01em}
.mca-metrics strong{font-size:.94rem;letter-spacing:-.01em}
.mca-metrics em{font-size:.51rem}
.mca-alert-card{margin-top:12px;padding:15px 16px;border:1px solid #bfe4d4;border-left:4px solid #14a367;border-radius:19px;background:#fff;box-shadow:0 7px 19px rgba(25,86,63,.055)}
.mca-alert-card__icon{width:48px;height:48px;border-radius:15px;background:#e2f8ed}
.mca-alert-card small{font-size:.51rem;letter-spacing:.08em}
.mca-alert-card strong{margin:4px 0;font-size:.86rem}
.mca-alert-card em{font-size:.58rem}
.mca-section{margin-top:25px}
.mca-section-title{padding:0 2px 11px}
.mca-section-title span{font-size:.51rem;letter-spacing:.12em}
.mca-section-title h2{font-size:1.14rem;letter-spacing:-.015em}
.mca-text-button{border:1px solid #d7e7f0;border-radius:11px;background:#fff}
.mca-period-badge{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;cursor:default;user-select:none}
.mca-hours{grid-auto-columns:91px;gap:10px;padding:2px 1px 11px}
.mca-hours article{min-height:151px;border-color:#d9e4ec;border-radius:19px;box-shadow:0 6px 17px rgba(21,61,91,.05)}
.mca-hours article.is-now{border-color:#6cc7e9;background:#f0faff;box-shadow:inset 0 3px 0 #25a9e0,0 6px 17px rgba(21,61,91,.05)}
.mca-hour-icon{width:64px;height:64px;margin:-7px 0}
.mca-hours strong{font-size:1.12rem}
.mca-days{border-color:#d7e3ec;border-radius:20px;box-shadow:0 7px 20px rgba(21,61,91,.05)}
.mca-days article{min-height:76px;padding:12px 17px}
.mca-days b{font-size:.75rem}.mca-days small{font-size:.57rem}
.mca-day-icon{width:58px;height:58px;margin:-9px 0}
.mca-days em{padding:5px 7px;border-radius:8px;background:#edf8fd;font-size:.53rem}
.mca-days strong{font-size:.7rem}.mca-days strong i{font-size:.88rem}
.mca-bottom-nav{width:min(100%,720px);height:75px;border-color:#d3e0ea;background:rgba(255,255,255,.96);box-shadow:0 -8px 24px rgba(8,36,74,.08)}
.mca-bottom-nav button{font-size:.54rem}.mca-bottom-nav button.is-active{color:#087fbd}
.mca-nav-alert>span{border-color:#f4f7fa;background:linear-gradient(145deg,#139edc,#087ab5);box-shadow:0 7px 16px rgba(8,126,189,.22)}
@media(max-width:520px){
  .mca-topbar{padding:14px 15px}
  .mca-content{padding:0 13px}
  .mca-location-row{margin-top:13px}
  .mca-current{min-height:300px;padding:23px 19px 17px;border-radius:23px}
  .mca-current:after{right:19px;left:19px}
  .mca-current h1{font-size:1.34rem}
  .mca-current__heading p{font-size:.66rem}
  .mca-weather-art{width:122px;height:108px}
  .mca-current-icon{width:128px;height:128px}
  .mca-temperature strong{font-size:4.3rem}
  .mca-temperature span{font-size:.59rem}
  .mca-current__footer{font-size:.56rem}
  .mca-metrics{gap:8px}
  .mca-metrics article{grid-template-columns:44px minmax(0,1fr);min-height:78px;gap:8px;padding:10px 9px;border-radius:16px}
  .mca-metric-symbol{width:43px;height:43px;border-radius:13px}
  .mca-metrics small{font-size:.49rem}.mca-metrics strong{font-size:.78rem}.mca-metrics em{font-size:.43rem}
  .mca-alert-card{padding:13px 12px}
  .mca-hours{grid-auto-columns:84px}
  .mca-hour-icon{width:59px;height:59px}
  .mca-days article{padding:11px 12px}
  .mca-day-icon{width:52px;height:52px}
}
@media(max-width:365px){
  .mca-brand{font-size:.74rem}
  .mca-brand strong{padding:7px 8px}
  .mca-current__weather{gap:4px}
  .mca-weather-art{width:103px;height:96px}
  .mca-current-icon{width:112px;height:112px}
  .mca-temperature strong{font-size:3.75rem}
  .mca-current__footer span{max-width:190px}
  .mca-metrics article{grid-template-columns:38px minmax(0,1fr);padding:9px 7px}
  .mca-metric-symbol{width:38px;height:38px}
  .mca-days em{display:none}
}

/* Arranque fotográfico de Cartagena y portada sin cabecera 0.9.5. */
.mca-content{
  padding-top:calc(16px + env(safe-area-inset-top));
}
.mca-content>.mca-current{
  margin-top:0;
}
.mca-splash{
  position:fixed;
  z-index:1000;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  padding:24px max(22px,env(safe-area-inset-right)) calc(34px + env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));
  background:#bed9f6;
  color:#073b70;
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transition:opacity .32s ease,visibility .32s ease;
  animation:mca-splash-failsafe .32s ease 1.9s forwards;
}
.mca-splash.is-leaving{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
.mca-splash.is-skipped{
  display:none!important;
}
.mca-splash__photo{
  position:absolute;
  inset:0;
  overflow:hidden;
  pointer-events:none;
}
.mca-splash__photo picture,
.mca-splash__photo img{
  display:block;
  width:100%;
  height:100%;
}
.mca-splash__photo img{
  object-fit:cover;
  object-position:center center;
  filter:saturate(.92) contrast(.96);
  transform:scale(1.015);
  animation:mca-splash-photo .65s ease-out both;
}
.mca-splash__photo:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(ellipse at 50% 48%,rgba(249,253,255,.93) 0,rgba(249,253,255,.72) 24%,rgba(249,253,255,.18) 56%,rgba(249,253,255,.04) 78%),
    linear-gradient(180deg,rgba(237,248,253,.11) 0,rgba(242,250,254,.2) 38%,rgba(232,246,253,.08) 72%,rgba(222,241,249,.25) 100%);
}
.mca-splash__identity{
  position:relative;
  z-index:3;
  display:flex;
  width:min(86vw,390px);
  flex-direction:column;
  align-items:center;
  margin-top:-1vh;
  text-align:center;
  animation:mca-splash-identity .46s cubic-bezier(.2,.8,.2,1) both;
}
.mca-splash__logo-box{
  display:grid;
  width:100%;
  min-height:116px;
  place-items:center;
  padding:20px 29px;
  border:1px solid rgba(255,255,255,.82);
  border-radius:28px;
  background:rgba(255,255,255,.9);
  box-shadow:0 22px 55px rgba(4,54,96,.2),inset 0 1px 0 #fff;
  -webkit-backdrop-filter:blur(13px);
  backdrop-filter:blur(13px);
}
.mca-splash__logo-box .mca-brand-wordmark{
  display:block;
  width:min(100%,300px);
  margin:0 auto;
}
.mca-brand-wordmark{position:relative;display:block;overflow:hidden;aspect-ratio:1812/260}
.mca-brand-wordmark img{position:absolute;top:-113.85%;left:-2.98%;display:block;width:105.74%;max-width:none;height:auto;margin:0;object-fit:fill}
.mca-splash__identity p{
  margin:17px 0 11px;
  color:#063866;
  font-size:clamp(.92rem,3.1vw,1.12rem);
  font-weight:900;
  letter-spacing:-.015em;
}
.mca-splash__loading{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:35px;
  padding:8px 13px 8px 10px;
  border:1px solid rgba(0,105,169,.16);
  border-radius:999px;
  background:rgba(255,255,255,.72);
  color:#356a8a;
  box-shadow:0 8px 24px rgba(4,72,116,.08);
  white-space:nowrap;
  -webkit-backdrop-filter:blur(9px);
  backdrop-filter:blur(9px);
}
.mca-splash__loading b{
  font-size:clamp(.58rem,2vw,.68rem);
  font-weight:850;
}
.mca-splash__spinner{
  width:19px;
  height:19px;
  flex:0 0 19px;
  border:3px solid rgba(8,137,199,.18);
  border-top-color:#078bc8;
  border-right-color:#2aaee0;
  border-radius:50%;
  animation:mca-splash-spin .72s linear infinite;
}
.mca-splash__place{
  position:absolute;
  z-index:4;
  right:0;
  bottom:calc(18px + env(safe-area-inset-bottom));
  left:0;
  display:inline-block;
  right:auto;
  left:50%;
  width:max-content;
  max-width:calc(100% - 36px);
  padding:7px 12px;
  border:1px solid rgba(255,255,255,.54);
  border-radius:999px;
  background:rgba(247,252,255,.65);
  color:rgba(4,55,96,.82);
  font-size:.66rem;
  font-weight:900;
  letter-spacing:.075em;
  text-align:center;
  text-transform:uppercase;
  transform:translateX(-50%);
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
}
@keyframes mca-splash-identity{
  from{opacity:0;transform:translateY(14px) scale(.985)}
  to{opacity:1;transform:none}
}
@keyframes mca-splash-photo{
  from{opacity:.7;transform:scale(1.045)}
  to{opacity:1;transform:scale(1.015)}
}
@keyframes mca-splash-spin{
  to{transform:rotate(360deg)}
}
@keyframes mca-splash-failsafe{
  to{opacity:0;visibility:hidden;pointer-events:none}
}
@media(max-width:520px){
  .mca-content{padding-top:calc(12px + env(safe-area-inset-top))}
  .mca-splash__identity{width:min(86vw,350px);margin-top:-1vh}
  .mca-splash__logo-box{min-height:105px;padding:18px 23px;border-radius:25px}
  .mca-splash__logo-box .mca-brand-wordmark{width:min(100%,265px)}
}
@media(max-width:350px){
  .mca-splash__identity{width:90vw}
  .mca-splash__logo-box{min-height:96px;padding:17px 21px;border-radius:24px}
  .mca-splash__logo-box .mca-brand-wordmark{width:min(100%,235px)}
  .mca-splash__loading b{font-size:.54rem}
}
@media(prefers-reduced-motion:reduce){
  .mca-splash,.mca-splash__identity,.mca-splash__photo img,.mca-splash__spinner{animation:none!important}
}

/* Cabecera fija 0.4.2. */
.mca-app{padding-top:calc(72px + env(safe-area-inset-top))}
.mca-topbar{
  position:fixed;
  z-index:60;
  top:0;
  right:0;
  left:0;
  width:min(100%,720px);
  height:calc(72px + env(safe-area-inset-top));
  margin:0 auto;
  padding:calc(12px + env(safe-area-inset-top)) 21px 12px;
  border-bottom:1px solid rgba(205,220,231,.82);
  background:rgba(250,252,254,.94);
  box-shadow:0 0 0 rgba(8,36,74,0);
  backdrop-filter:blur(17px);
  -webkit-backdrop-filter:blur(17px);
  transition:box-shadow .22s ease,background-color .22s ease;
}
.mca-topbar.is-scrolled{background:rgba(250,252,254,.98);box-shadow:0 7px 20px rgba(8,36,74,.09)}
@media(max-width:520px){
  .mca-topbar{padding:calc(12px + env(safe-area-inset-top)) 15px 12px}
}

/* Refuerzo 0.4.3: la cabecera está fuera del contenedor desplazable. */
body>.mca-topbar{
  position:fixed!important;
  inset:0 0 auto 0;
  isolation:isolate;
  transform:translate3d(0,0,0);
  -webkit-transform:translate3d(0,0,0);
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}

/* Estructura 0.4.4: solo se desplaza el área central de la aplicación. */
html,.mca-app-body{height:100%;overflow:hidden}
.mca-app-body{min-height:0}
.mca-app{
  position:fixed;
  z-index:1;
  top:calc(72px + env(safe-area-inset-top));
  right:0;
  bottom:75px;
  left:0;
  width:min(100%,720px);
  height:auto;
  min-height:0;
  margin:0 auto;
  padding:0;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior-y:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-gutter:stable;
}
.mca-content{padding-bottom:25px}

/* Cabecera normal 0.4.5: se desplaza y desaparece con el contenido. */
.mca-app{
  top:0;
  padding-top:0;
}
.mca-app>.mca-topbar{
  position:relative!important;
  inset:auto;
  width:100%;
  min-height:calc(72px + env(safe-area-inset-top));
  height:calc(72px + env(safe-area-inset-top));
  margin:0;
  transform:none;
  -webkit-transform:none;
  backface-visibility:visible;
  -webkit-backface-visibility:visible;
}

/* Datos reales 0.5.0: estados, avisos y carga segura. */
.mca-temperature strong i{
  font:inherit;
  font-style:normal;
}
.mca-data-status{
  border-color:#cfe8f4;
  background:#eaf7fd;
  color:#087fb9;
}
.mca-data-status:before{background:#28a9df}
.mca-data-status.is-live{
  border-color:#c8ecd9;
  background:#eaf9f1;
  color:#087b4a;
}
.mca-data-status.is-live:before{background:#16ad69}
.mca-data-status.is-partial{
  border-color:#f1dea8;
  background:#fff8df;
  color:#896100;
}
.mca-data-status.is-partial:before{background:#e5aa12}
.mca-data-status.is-error{
  border-color:#f2c8c8;
  background:#fff0f0;
  color:#a93636;
}
.mca-data-status.is-error:before{background:#da4b4b}
.mca-alert-card[data-level="notice"]{border-color:#c9e4f1;border-left-color:#3696bf;background:#f7fcff}
.mca-alert-card[data-level="notice"] .mca-alert-card__icon{background:#e4f5fc;color:#217fa8}
.mca-alert-card[data-level="yellow"]{
  border-color:#f6e8a5;
  border-left-color:#ffdc32;
  background:#fffef7;
}
.mca-alert-card[data-level="yellow"] .mca-alert-card__icon{background:#fff3b8;color:#6f5b00}
.mca-alert-card[data-level="orange"]{
  border-color:#f3c7a5;
  border-left-color:#ef7418;
  background:#fff9f5;
}
.mca-alert-card[data-level="orange"] .mca-alert-card__icon{background:#ffe1c7;color:#913b00}
.mca-alert-card[data-level="red"]{
  border-color:#efbaba;
  border-left-color:#d63838;
  background:#fff8f8;
}
.mca-alert-card[data-level="red"] .mca-alert-card__icon{background:#ffe4e4;color:#a91f1f}
.mca-alert-card[data-level="error"]{
  border-color:#d8e0e7;
  border-left-color:#8698aa;
  background:#f8fafc;
}
.mca-alert-card[data-level="error"] .mca-alert-card__icon{background:#edf1f5;color:#66798c}
.mca-hours article.is-loading,
.mca-days article.is-loading{color:#718397}

/* Normalización visual de los Meteocons 0.5.1. */
.mca-weather-art{
  position:relative;
  isolation:isolate;
  display:grid;
  place-items:center;
  width:140px;
  height:124px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.48);
  border-radius:29px;
  background:linear-gradient(145deg,#149ce9 0%,#1268db 53%,#182da8 100%);
  box-shadow:0 14px 28px rgba(17,72,164,.22),inset 0 1px 0 rgba(255,255,255,.34);
}
.mca-weather-art:before{
  position:absolute;
  z-index:-1;
  top:-46px;
  right:-32px;
  width:112px;
  height:112px;
  border-radius:50%;
  background:rgba(255,255,255,.15);
  content:"";
}
.mca-weather-art:after{
  position:absolute;
  z-index:-1;
  right:11px;
  bottom:9px;
  width:46px;
  height:4px;
  border-radius:999px;
  background:rgba(255,255,255,.22);
  content:"";
}
.mca-current-icon{
  width:116px;
  height:116px;
  filter:drop-shadow(0 9px 12px rgba(2,25,86,.23));
  transform:scale(var(--mca-icon-scale,1));
  transform-origin:center;
}
.mca-hour-icon,
.mca-day-icon{
  display:block;
  object-fit:contain;
  transform:scale(var(--mca-icon-scale,1));
  transform-origin:center;
}
.mca-hour-icon{
  width:66px;
  height:66px;
  margin:-8px 0;
}
.mca-day-icon{
  width:62px;
  height:62px;
  margin:-10px 0;
}
@media(max-width:520px){
  .mca-weather-art{width:118px;height:108px;border-radius:25px}
  .mca-current-icon{width:102px;height:102px}
  .mca-hour-icon{width:62px;height:62px}
  .mca-day-icon{width:56px;height:56px}
}
@media(max-width:365px){
  .mca-weather-art{width:98px;height:92px;border-radius:22px}
  .mca-current-icon{width:88px;height:88px}
}

/* Weather Icons 0.5.2: iconografía uniforme y estática. */
.mca-weather-icon{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  font-style:normal;
  line-height:1;
  transform:none;
}
.mca-current-icon{
  width:100%;
  height:100%;
  margin:0;
  color:#fff;
  font-size:5.15rem;
  filter:drop-shadow(0 8px 10px rgba(2,25,86,.24));
}
.mca-current-icon:before{
  color:#fff;
  -webkit-text-fill-color:#fff;
}
.mca-hour-icon,
.mca-day-icon{
  margin:0;
  color:#087fca;
  filter:none;
}
.mca-hour-icon{
  width:66px;
  height:66px;
  font-size:2.82rem;
}
.mca-day-icon{
  width:62px;
  height:62px;
  font-size:2.92rem;
}
.mca-hour-icon:before,
.mca-day-icon:before{
  display:block;
  background:linear-gradient(145deg,#129de9 0%,#1266d8 56%,#192ca7 100%);
  background-clip:text;
  color:#087fca;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}
@media(max-width:520px){
  .mca-current-icon{width:100%;height:100%;font-size:4.55rem}
  .mca-hour-icon{width:62px;height:62px;font-size:2.62rem}
  .mca-day-icon{width:56px;height:56px;font-size:2.67rem}
}
@media(max-width:365px){
  .mca-current-icon{width:100%;height:100%;font-size:3.95rem}
}

/* Acabado profesional 0.5.3: bloque principal y métricas unificados. */
.mca-current{
  isolation:isolate;
  min-height:314px;
  border:1px solid rgba(9,66,163,.42);
  border-top:1px solid rgba(255,255,255,.42);
  background:linear-gradient(145deg,#149ce9 0%,#1268db 54%,#182da8 100%);
  color:#fff;
  box-shadow:0 19px 38px rgba(16,64,148,.23),inset 0 1px 0 rgba(255,255,255,.24);
}
.mca-current:before{
  z-index:0;
  right:-110px;
  bottom:-150px;
  width:350px;
  height:350px;
  background:rgba(255,255,255,.085);
}
.mca-current:after{
  z-index:0;
  top:0;
  right:28px;
  left:28px;
  height:3px;
  background:linear-gradient(90deg,rgba(255,255,255,.2),rgba(255,255,255,.78),rgba(255,255,255,.2));
}
.mca-kicker{color:#dff5ff}
.mca-current__date{display:block;margin-top:5px;color:rgba(255,255,255,.9);font-size:.69rem;font-weight:750;line-height:1.3}
.mca-current h1{color:#fff}
.mca-current__heading p{color:rgba(255,255,255,.78)}
.mca-weather-art{
  width:150px;
  height:116px;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.mca-weather-art:before,
.mca-weather-art:after{display:none}
.mca-current-icon{
  width:100%;
  height:100%;
  color:#fff;
  font-size:6.25rem;
  filter:drop-shadow(0 9px 12px rgba(2,25,86,.2));
}
.mca-temperature strong,
.mca-temperature strong i,
.mca-temperature strong b{color:#fff}
.mca-temperature span{color:rgba(255,255,255,.82)}
.mca-current__footer{
  border-color:rgba(255,255,255,.23);
  background:rgba(255,255,255,.11);
  color:rgba(255,255,255,.84);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.mca-current__footer strong{color:#fff}
.mca-metrics article{
  color:#1089ca;
  border-color:#d5e3ed;
  background:linear-gradient(145deg,#fff 0%,#fff 68%,#f2f8fc 100%);
  box-shadow:0 9px 22px rgba(20,58,88,.07),inset 0 1px 0 #fff;
}
.mca-metrics article:before{
  top:16px;
  bottom:16px;
  width:4px;
  background:linear-gradient(180deg,#14a0e8 0%,#1264d5 58%,#192da8 100%);
  opacity:1;
}
.mca-metric-temperature,
.mca-metric-wind,
.mca-metric-humidity,
.mca-metric-rain{color:#1089ca}
.mca-metric-temperature .mca-metric-symbol,
.mca-metric-wind .mca-metric-symbol,
.mca-metric-humidity .mca-metric-symbol,
.mca-metric-rain .mca-metric-symbol,
.mca-metric-symbol{
  border:1px solid #d9eaf4;
  background:linear-gradient(145deg,#f2fbff 0%,#e7f3ff 100%);
  color:#0b83ca;
  box-shadow:inset 0 1px 0 #fff;
}
.mca-metric-weather-icon{
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
  font-size:1.65rem;
  font-style:normal;
  line-height:1;
}
.mca-metric-weather-icon:before{
  background:linear-gradient(145deg,#129de9 0%,#1266d8 56%,#192ca7 100%);
  background-clip:text;
  color:#087fca;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}
.mca-hour-icon{
  width:56px;
  height:56px;
  font-size:2.3rem;
}
.mca-day-icon{
  width:40px;
  height:40px;
  font-size:1.85rem;
}
@media(max-width:520px){
  .mca-current{min-height:300px}
  .mca-weather-art{width:118px;height:96px}
  .mca-current-icon{font-size:5rem}
  .mca-current:after{right:20px;left:20px}
  .mca-hour-icon{width:52px;height:52px;font-size:2.12rem}
  .mca-day-icon{width:36px;height:36px;font-size:1.68rem}
  .mca-metric-weather-icon{font-size:1.4rem}
}
@media(max-width:365px){
  .mca-weather-art{width:92px;height:82px}
  .mca-current-icon{font-size:4.25rem}
}

/* Zona segura de iconos 0.5.4: evita recortes en los límites del glifo. */
.mca-weather-icon,
.mca-metric-weather-icon{
  overflow:visible;
}
.mca-current-icon:before,
.mca-hour-icon:before,
.mca-day-icon:before,
.mca-metric-weather-icon:before{
  display:inline-block;
  max-width:none;
  line-height:1.18;
  transform-origin:center;
}
.mca-current-icon:before{font-size:.88em}
.mca-hour-icon:before{font-size:.82em}
.mca-day-icon:before{font-size:.76em}
.mca-metric-weather-icon:before{font-size:.78em}
.mca-hour-icon{
  width:58px;
  height:58px;
}
.mca-day-icon{
  width:44px;
  height:44px;
}
@media(max-width:520px){
  .mca-hour-icon{width:54px;height:54px}
  .mca-day-icon{width:40px;height:40px}
  .mca-current-icon:before{font-size:.86em}
  .mca-hour-icon:before{font-size:.8em}
  .mca-day-icon:before{font-size:.74em}
  .mca-metric-weather-icon:before{font-size:.74em}
}

/* Encaje definitivo 0.5.5: la caja y el glifo son elementos independientes. */
.mca-weather-icon{
  display:grid;
  place-items:center;
  overflow:visible;
  flex:0 0 auto;
}
.mca-weather-icon>.wi{
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
  overflow:visible;
  color:inherit;
  font-size:inherit;
  font-style:normal;
  line-height:1;
}
.mca-weather-icon>.wi:before{
  display:block;
  max-width:none;
  font-size:1em;
  line-height:1;
  transform:none;
  transform-origin:center;
}
.mca-current-icon>.wi{width:100%;height:100%}
.mca-current-icon>.wi:before{
  color:#fff;
  font-size:1em;
  -webkit-text-fill-color:#fff;
}
.mca-hour-icon>.wi:before,
.mca-day-icon>.wi:before{
  background:linear-gradient(145deg,#129de9 0%,#1266d8 56%,#192ca7 100%);
  background-clip:text;
  color:#087fca;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}
.mca-hours article>.mca-hour-icon{
  width:66px;
  height:66px;
  color:#087fca;
  font-size:2.82rem;
}
.mca-days article>.mca-day-icon{
  width:58px;
  height:58px;
  color:#087fca;
  font-size:2.65rem;
}
.mca-hour-icon>.wi:before,
.mca-day-icon>.wi:before{font-size:1em}
.mca-weather-icon>.wi-day-sunny-overcast:before,
.mca-weather-icon>.wi-night-alt-partly-cloudy:before{font-size:.94em}
.mca-metric-symbol svg{
  width:28px;
  height:28px;
  overflow:visible;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  vector-effect:non-scaling-stroke;
}
@media(max-width:520px){
  .mca-metric-symbol svg{width:23px;height:23px}
  .mca-hours article>.mca-hour-icon{width:58px;height:58px;font-size:2.5rem}
  .mca-days article>.mca-day-icon{width:52px;height:52px;font-size:2.35rem}
  .mca-hour-icon>.wi:before,
  .mca-day-icon>.wi:before{font-size:1em}
  .mca-weather-icon>.wi-day-sunny-overcast:before,
  .mca-weather-icon>.wi-night-alt-partly-cloudy:before{font-size:.92em}
}

/* Meteocons SVG Static 0.6.0: tamaño uniforme, sin fuentes ni recortes. */
.mca-weather-icon>.mca-weather-glyph{
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  max-height:none;
  object-fit:contain;
  object-position:center;
  overflow:visible;
  transform:none;
  filter:brightness(.9) saturate(1.16) contrast(1.04);
}
.mca-current-icon>.mca-weather-glyph{
  width:100%;
  height:100%;
  filter:brightness(0) invert(1) drop-shadow(0 9px 13px rgba(2,25,86,.2));
}
.mca-hours article>.mca-hour-icon{
  width:66px;
  height:66px;
  font-size:inherit;
}
.mca-days article>.mca-day-icon{
  width:58px;
  height:58px;
  font-size:inherit;
}
@media(max-width:520px){
  .mca-hours article>.mca-hour-icon{width:58px;height:58px}
  .mca-days article>.mca-day-icon{width:52px;height:52px}
}

/* Predicción textual oficial 0.6.2. */
.mca-forecast-source{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  margin-top:9px;
  padding:5px 9px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  background:rgba(255,255,255,.11);
  color:#fff;
  font-size:.49rem;
  font-weight:900;
  letter-spacing:.055em;
  line-height:1.25;
}
.mca-forecast-source[hidden]{display:none}
.mca-current__heading [data-forecast-summary]{max-width:430px}
@media(max-width:520px){
  .mca-forecast-source{font-size:.45rem;letter-spacing:.035em}
  .mca-current__heading [data-forecast-summary]{max-width:100%}
}

/* Lectura temporal y avisos oficiales 0.6.3. */
.mca-hours{display:flex}
.mca-hours article{flex:0 0 91px}
.mca-hour-day-break{
  position:relative;
  display:flex;
  width:27px;
  min-height:151px;
  align-items:center;
  justify-content:center;
  scroll-snap-align:center;
}
.mca-hour-day-break:before{
  content:"";
  position:absolute;
  top:7px;
  bottom:7px;
  left:50%;
  width:2px;
  border-radius:2px;
  background:linear-gradient(180deg,transparent,#65c7ec 16%,#65c7ec 84%,transparent);
  transform:translateX(-50%);
}
.mca-hour-day-break span{
  position:relative;
  z-index:1;
  padding:7px 4px;
  border:1px solid #75cae9;
  border-radius:999px;
  background:#fff;
  color:#078bc5;
  font-size:.47rem;
  font-weight:950;
  letter-spacing:.06em;
  line-height:1;
  writing-mode:vertical-rl;
  transform:rotate(180deg);
  box-shadow:0 5px 13px rgba(14,126,180,.12);
}
.mca-days b{display:inline}
.mca-day-date{
  display:inline-block;
  margin-left:6px;
  color:#71869a;
  font-size:.57rem;
  font-weight:800;
  white-space:nowrap;
}
.mca-days article>div small{
  max-width:250px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
@media(max-width:520px){
  .mca-hours article{flex-basis:84px}
  .mca-hour-day-break{width:24px;min-height:151px}
  .mca-day-date{display:block;margin:2px 0 0;font-size:.51rem}
  .mca-days article>div small{max-width:145px}
}

/* Meteocons animados 0.7.1: animación solo en información meteorológica visual. */
.mca-alert-level-glyph{
  display:block;
  width:46px;
  height:46px;
  max-width:none;
  object-fit:contain;
  overflow:visible;
}
.mca-alert-card[data-level="yellow"] .mca-alert-card__icon,
.mca-alert-card[data-level="orange"] .mca-alert-card__icon,
.mca-alert-card[data-level="red"] .mca-alert-card__icon{
  background:transparent;
}
@media(max-width:520px){
  .mca-alert-level-glyph{width:42px;height:42px}
}

/* Predicción oficial ampliada 0.8.0. */
.mca-content>.mca-current{margin-top:16px}
.mca-current-insights{
  margin-top:14px;
  padding:10px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:16px;
  background:rgba(255,255,255,.1);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.mca-current-insights[hidden]{display:none}
.mca-current-insights__source{
  display:block;
  margin:0 3px 7px;
  color:rgba(255,255,255,.78);
  font-size:.46rem;
  font-weight:950;
  letter-spacing:.1em;
}
.mca-current-insights__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
}
.mca-current-insights__grid>span{
  min-width:0;
  padding:8px 9px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:12px;
  background:rgba(255,255,255,.1);
}
.mca-current-insights small,
.mca-current-insights strong{display:block}
.mca-current-insights small{
  overflow:hidden;
  color:rgba(255,255,255,.7);
  font-size:.43rem;
  font-weight:800;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.mca-current-insights strong{
  overflow:hidden;
  margin-top:3px;
  color:#fff;
  font-size:.61rem;
  font-weight:900;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.mca-current-insights+.mca-current__footer{margin-top:10px}
@media(max-width:520px){
  .mca-content>.mca-current{margin-top:13px}
  .mca-current-insights{margin-top:11px;padding:8px}
  .mca-current-insights__grid{gap:5px}
  .mca-current-insights__grid>span{padding:7px 6px;border-radius:10px}
  .mca-current-insights small{font-size:.39rem}
  .mca-current-insights strong{font-size:.51rem}
}
@media(max-width:365px){
  .mca-current-insights__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mca-current-insights__grid>span:last-child{grid-column:1/-1}
}

/* Portada 0.8.2: observación protagonista y previsión diaria compacta. */
.mca-current__weather{
  margin-top:4px;
}
.mca-weather-art{
  width:176px;
  height:136px;
  margin-top:-5px;
}
.mca-current-icon>.mca-weather-glyph{
  transform:scale(1.13);
  transform-origin:center;
}
.mca-days article.mca-day-official{
  grid-template-columns:minmax(0,1fr) 58px auto auto;
  align-items:center;
  min-height:84px;
  gap:12px;
  padding:13px 17px;
}
.mca-day-identity{
  min-width:0;
}
.mca-day-identity b,
.mca-day-identity .mca-day-date{
  display:inline-block;
  vertical-align:baseline;
}
.mca-day-identity .mca-day-date{
  margin:0 0 0 5px;
  color:#7f92a6;
  font-size:.52rem;
  font-weight:800;
}
.mca-day-identity small{
  display:block;
  max-width:100%;
  margin-top:4px;
  overflow:hidden;
  color:#7a8da1;
  font-size:.57rem;
  font-weight:700;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.mca-days article.mca-day-official>.mca-day-icon{
  width:54px;
  height:54px;
  margin:0;
}
.mca-days article.mca-day-official>em{
  justify-self:end;
  padding:5px 8px;
  border-radius:9px;
  background:#edf8fd;
  color:#078fc9;
  font-size:.52rem;
  font-weight:900;
  white-space:nowrap;
}
.mca-days article.mca-day-official>strong{
  justify-self:end;
  font-size:.66rem;
}
.mca-days article.mca-day-official>strong i{
  margin-right:5px;
  font-size:.91rem;
}
@media(max-width:520px){
  .mca-current__weather{margin-top:2px}
  .mca-weather-art{
    width:142px;
    height:116px;
    margin-top:-4px;
  }
  .mca-current-icon>.mca-weather-glyph{transform:scale(1.12)}
  .mca-days article.mca-day-official{
    grid-template-columns:minmax(92px,1fr) 46px auto auto;
    min-height:78px;
    gap:7px;
    padding:12px;
  }
  .mca-day-identity .mca-day-date{margin-left:3px;font-size:.47rem}
  .mca-day-identity small{font-size:.52rem}
  .mca-days article.mca-day-official>.mca-day-icon{width:44px;height:44px}
  .mca-days article.mca-day-official>em{padding:4px 6px;font-size:.46rem}
  .mca-days article.mca-day-official>strong{font-size:.59rem}
  .mca-days article.mca-day-official>strong i{margin-right:3px;font-size:.78rem}
}
@media(max-width:365px){
  .mca-weather-art{width:124px;height:105px}
  .mca-days article.mca-day-official{
    grid-template-columns:minmax(86px,1fr) 40px auto auto;
    gap:5px;
    padding:11px 9px;
  }
  .mca-days article.mca-day-official>.mca-day-icon{width:39px;height:39px}
  .mca-days article.mca-day-official>em{padding:4px;font-size:.43rem}
}

/* Panel de avisos 0.8.3. */
.mca-alert-trigger{position:relative}
.mca-alert-count{
  position:absolute;
  z-index:3;
  display:grid;
  place-items:center;
  min-width:18px;
  height:18px;
  padding:0 5px;
  border:2px solid #fff;
  border-radius:999px;
  background:#e0a900;
  color:#fff;
  font-size:.48rem;
  font-weight:950;
  line-height:1;
  box-shadow:0 4px 9px rgba(80,61,0,.2);
}
.mca-alert-count[hidden]{display:none}
.mca-icon-button>.mca-alert-count{top:-6px;right:-6px}
.mca-nav-alert>.mca-alert-count{top:-30px;left:calc(50% + 12px)}
.mca-icon-button[data-level="yellow"]{border-color:#f0df96;background:#fffdf4;color:#7b6500}
.mca-icon-button[data-level="orange"]{border-color:#f1c6a4;background:#fff8f3;color:#a64605}
.mca-icon-button[data-level="red"]{border-color:#edb8b8;background:#fff7f7;color:#a92424}
.mca-nav-alert-level-glyph{position:absolute;left:50%;top:50%;display:block;width:52px;height:52px;max-width:none;object-fit:contain;transform:translate(-50%,-50%)}
.mca-nav-alert[data-level="yellow"]{--mca-nav-alert-wave:rgba(225,186,0,.55)}
.mca-nav-alert[data-level="orange"]{--mca-nav-alert-wave:rgba(229,91,13,.52)}
.mca-nav-alert[data-level="red"]{--mca-nav-alert-wave:rgba(207,32,43,.5)}
.mca-nav-alert[data-level="yellow"]>span{overflow:visible;border-color:#f4f7fa;background:linear-gradient(145deg,#ffed72,#f3ca19);box-shadow:0 7px 17px rgba(205,171,0,.20)}
.mca-nav-alert[data-level="orange"]>span{overflow:visible;border-color:#f4f7fa;background:linear-gradient(145deg,#ffad64,#ec7014);box-shadow:0 7px 17px rgba(196,76,5,.23)}
.mca-nav-alert[data-level="red"]>span{overflow:visible;border-color:#f4f7fa;background:linear-gradient(145deg,#f47777,#d33131);box-shadow:0 7px 17px rgba(167,29,29,.23)}
.mca-nav-alert[data-level="yellow"]>span:before,.mca-nav-alert[data-level="yellow"]>span:after,
.mca-nav-alert[data-level="orange"]>span:before,.mca-nav-alert[data-level="orange"]>span:after,
.mca-nav-alert[data-level="red"]>span:before,.mca-nav-alert[data-level="red"]>span:after{
  position:absolute;z-index:0;inset:1px;border:1.5px solid var(--mca-nav-alert-wave);border-radius:50%;content:"";pointer-events:none;animation:mca-nav-alert-wave 2.7s cubic-bezier(.2,.62,.35,1) infinite
}
.mca-nav-alert[data-level="yellow"]>span:after,.mca-nav-alert[data-level="orange"]>span:after,.mca-nav-alert[data-level="red"]>span:after{animation-delay:1.35s}
.mca-nav-alert>span>svg,.mca-nav-alert>span>img{position:relative;z-index:1}
@keyframes mca-nav-alert-wave{0%{transform:scale(.82);opacity:0}18%{opacity:.75}100%{transform:scale(1.62);opacity:0}}
.mca-nav-alert-fa{display:block!important;width:20px!important;height:20px!important;overflow:visible;fill:currentColor;color:#fff}
.mca-alert-trigger[data-level="yellow"] .mca-alert-count,.mca-nav-alert[data-level="yellow"]>.mca-alert-count{border:0;background:linear-gradient(145deg,#ffed72,#f3ca19);color:#fff;text-shadow:0 1px 2px rgba(93,72,0,.42);box-shadow:0 4px 9px rgba(205,171,0,.22)}
.mca-alert-trigger[data-level="orange"] .mca-alert-count,.mca-nav-alert[data-level="orange"]>.mca-alert-count{border:0;background:linear-gradient(145deg,#ffad64,#ec7014);color:#fff;text-shadow:0 1px 2px rgba(112,42,0,.42);box-shadow:0 4px 9px rgba(196,76,5,.24)}
.mca-alert-trigger[data-level="red"] .mca-alert-count,.mca-nav-alert[data-level="red"]>.mca-alert-count{border:0;background:linear-gradient(145deg,#f47777,#d33131);color:#fff;text-shadow:0 1px 2px rgba(96,11,11,.44);box-shadow:0 4px 9px rgba(167,29,29,.24)}

/* Ajustes 0.9.0: icono principal contenido y precipitación siempre visible. */
.mca-weather-art{width:150px;height:118px}
.mca-current-icon>.mca-weather-glyph{transform:scale(.94)}
@media(max-width:520px){
  .mca-weather-art{width:126px;height:102px;margin-top:0}
  .mca-current-icon>.mca-weather-glyph{transform:scale(.92)}
  .mca-days article.mca-day-official{
    grid-template-columns:minmax(82px,1fr) 44px minmax(60px,auto) minmax(46px,auto);
  }
  .mca-days article.mca-day-official>em{
    z-index:1;
    display:inline-flex;
    min-width:60px;
    align-items:center;
    justify-content:center;
    visibility:visible;
    opacity:1;
  }
}
@media(max-width:365px){
  .mca-weather-art{width:112px;height:94px}
  .mca-days article.mca-day-official{
    grid-template-columns:minmax(72px,1fr) 36px 56px minmax(40px,auto);
    gap:4px;
    padding:11px 7px;
  }
  .mca-days article.mca-day-official>.mca-day-icon{width:36px;height:36px}
  .mca-days article.mca-day-official>em{
    display:inline-flex;
    min-width:56px;
    padding:4px 3px;
    font-size:.42rem;
  }
}

.mca-alert-modal[hidden]{display:none}
.mca-alert-modal{
  position:fixed;
  z-index:1000;
  inset:0;
  display:grid;
  place-items:center;
  padding:max(15px,env(safe-area-inset-top)) 15px max(15px,env(safe-area-inset-bottom));
  opacity:0;
  pointer-events:none;
  transition:opacity .22s ease;
}
.mca-alert-modal.is-open{opacity:1;pointer-events:auto}
.mca-alert-modal__backdrop{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  padding:0;
  border:0;
  background:rgba(5,20,42,.64);
  cursor:pointer;
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
}
.mca-alert-dialog{
  position:relative;
  z-index:1;
  display:flex;
  width:min(100%,620px);
  max-height:calc(100dvh - 30px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(202,219,232,.92);
  border-radius:26px;
  outline:0;
  background:#f7fafc;
  box-shadow:0 28px 80px rgba(4,25,54,.34);
  transform:translateY(14px) scale(.985);
  transition:transform .22s ease;
}
.mca-alert-modal.is-open .mca-alert-dialog{transform:none}
.mca-alert-dialog__header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding:21px 22px 18px;
  border-bottom:1px solid #dde8f0;
  background:linear-gradient(135deg,#fff 45%,#edf8fd);
}
.mca-alert-dialog__header span{
  color:#078dc8;
  font-size:.5rem;
  font-weight:950;
  letter-spacing:.1em;
}
.mca-alert-dialog__header h2{margin:5px 0 3px;color:#08244a;font-size:1.2rem;letter-spacing:-.02em}
.mca-alert-dialog__header p{margin:0;color:#708399;font-size:.61rem;font-weight:650}
.mca-alert-dialog__close{
  display:grid;
  width:38px;
  height:38px;
  flex:0 0 auto;
  place-items:center;
  border:1px solid #d8e5ee;
  border-radius:13px;
  background:#fff;
  color:#61778e;
  font-size:1.35rem;
  font-weight:500;
  line-height:1;
  cursor:pointer;
}
.mca-alert-dialog__content{
  display:grid;
  grid-auto-rows:max-content;
  align-content:start;
  gap:13px;
  overflow-y:auto;
  padding:17px;
  overscroll-behavior:contain;
}
.mca-alert-modal-card{
  --alert-accent:#6d98ad;
  --alert-soft:#edf6fa;
  --alert-text:#365a6d;
  display:grid;
  grid-template-columns:66px minmax(0,1fr);
  gap:12px 15px;
  padding:17px;
  border:1px solid #d4e4eb;
  border-left:4px solid var(--alert-accent);
  border-radius:20px;
  background:linear-gradient(135deg,#fff,#f8fbfd);
  color:#0a2347;
  box-shadow:0 8px 20px rgba(33,63,87,.055);
}
.mca-alert-modal-card[data-level="yellow"]{--alert-accent:#ffdc32;--alert-soft:#fff6c9;--alert-text:#665500;border-color:#f6e8a5;background:linear-gradient(135deg,#fff,#fffef8)}
.mca-alert-modal-card[data-level="orange"]{--alert-accent:#ef7418;--alert-soft:#ffe1c7;--alert-text:#963e05;border-color:#f3c7a5;background:linear-gradient(135deg,#fff,#fff8f3)}
.mca-alert-modal-card[data-level="red"]{--alert-accent:#d63838;--alert-soft:#ffe4e4;--alert-text:#9f2323;border-color:#efbaba;background:linear-gradient(135deg,#fff,#fff7f7)}
.mca-alert-modal-card__icon{
  display:grid;
  width:66px;
  height:66px;
  grid-row:1/3;
  place-items:center;
  border-radius:18px;
  background:var(--alert-soft);
}
.mca-alert-modal-card__icon img{display:block;width:58px;height:58px;object-fit:contain}
.mca-alert-modal-card__icon .mca-alert-phenomenon-glyph{width:50px;height:50px}
.mca-alert-modal-card__heading{min-width:0}
.mca-alert-modal-card__badge{
  display:inline-flex;
  padding:5px 8px;
  border-radius:999px;
  background:var(--alert-soft);
  color:var(--alert-text);
  font-size:.47rem;
  font-weight:950;
  letter-spacing:.025em;
}
.mca-alert-modal-card h3{margin:9px 0 4px;color:var(--alert-text);font-size:.93rem;line-height:1.25}
.mca-alert-modal-card__area{margin:0;color:#718398;font-size:.55rem;font-weight:800}
.mca-alert-modal-card__description{grid-column:2;margin:0;color:#334d6a;font-size:.63rem;font-weight:650;line-height:1.55}
.mca-alert-modal-card.has-no-description .mca-alert-modal-card__icon{grid-row:1}
.mca-alert-modal-card.has-no-description .mca-alert-modal-card__meta{margin-top:8px}
.mca-alert-modal-card__meta{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
}
.mca-alert-modal-card__meta>span{
  min-width:0;
  padding:8px 9px;
  border:1px solid #dce7ef;
  border-radius:11px;
  background:rgba(255,255,255,.82);
}
.mca-alert-modal-card__meta small,
.mca-alert-modal-card__meta strong{display:block}
.mca-alert-modal-card__meta small{color:#8798aa;font-size:.41rem;font-weight:900;letter-spacing:.04em}
.mca-alert-modal-card__meta strong{margin-top:3px;color:#153454;font-size:.54rem;font-weight:900}
.mca-alert-modal-card__advice{
  grid-column:1/-1;
  margin:0;
  padding:10px 11px;
  border:1px dashed #cbdce8;
  border-radius:12px;
  background:rgba(255,255,255,.72);
  color:#344e68;
  font-size:.57rem;
  line-height:1.5;
}
.mca-alert-modal-card__advice strong{display:block;margin-bottom:3px;color:#087fbd;font-size:.47rem;letter-spacing:.04em;text-transform:uppercase}
.mca-alert-dialog__empty{
  display:flex;
  min-height:245px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:28px;
  border:1px solid #dce8f0;
  border-radius:20px;
  background:#fff;
  color:#667d94;
  text-align:center;
}
.mca-monitor-pulse{position:relative;display:grid;flex:none;width:106px;height:106px;place-items:center}
.mca-monitor-wave{position:absolute;top:50%;left:50%;box-sizing:border-box;width:70px;height:70px;margin:-35px 0 0 -35px;border:2px solid rgba(7,139,199,.28);border-radius:50%;opacity:0;pointer-events:none;animation:mca-monitor-wave 3s cubic-bezier(.2,.62,.35,1) infinite;animation-play-state:paused}
.mca-monitor-wave:nth-child(2){animation-delay:1s}
.mca-monitor-wave:nth-child(3){animation-delay:2s}
@keyframes mca-monitor-wave{0%{transform:scale(.72);opacity:0}17%{opacity:.72}100%{transform:scale(1.8);opacity:0}}
.mca-alert-modal.is-open .mca-alert-dialog__calm-pulse .mca-monitor-wave,
.mca-more-modal.is-open [data-observatory-view]:not([hidden]) .mca-observations-empty__pulse .mca-monitor-wave{animation-play-state:running}
.mca-monitor-pulse-paused .mca-monitor-wave{animation-play-state:paused!important}
.mca-alert-dialog__calm-pulse{margin-bottom:16px}
.mca-alert-dialog__calm-icon{position:relative;z-index:1;display:grid;width:70px;height:70px;place-items:center;border-radius:50%;background:#e4f8ee;color:#0aa866}
.mca-alert-dialog__calm-icon svg{width:34px;height:34px}
.mca-alert-dialog__empty strong{color:#0a2347;font-size:1rem}
.mca-alert-dialog__empty p{max-width:350px;margin:7px 0 0;font-size:.63rem;line-height:1.55}
.mca-alert-dialog__empty.is-unavailable{min-height:180px}
.mca-alert-dialog__loading{padding:50px 20px;color:#718398;font-size:.65rem;font-weight:750;text-align:center}
.mca-alert-dialog__footer{
  padding:11px 18px calc(11px + env(safe-area-inset-bottom));
  border-top:1px solid #dde8f0;
  background:#fff;
  color:#7b8da0;
  font-size:.48rem;
  font-weight:800;
  text-align:center;
}
@media(max-width:520px){
  .mca-alert-modal{align-items:end;padding:12px 0 0}
  .mca-alert-dialog{
    width:100%;
    max-height:calc(100dvh - 12px);
    border-right:0;
    border-bottom:0;
    border-left:0;
    border-radius:25px 25px 0 0;
    transform:translateY(30px);
  }
  .mca-alert-dialog__header{padding:18px 17px 15px}
  .mca-alert-dialog__header h2{font-size:1.05rem}
  .mca-alert-dialog__content{gap:11px;padding:13px}
  .mca-alert-modal-card{grid-template-columns:54px minmax(0,1fr);gap:10px 12px;padding:14px 13px;border-radius:18px}
  .mca-alert-modal-card__icon{width:54px;height:54px;border-radius:15px}
  .mca-alert-modal-card__icon img{width:49px;height:49px}
  .mca-alert-modal-card__icon .mca-alert-phenomenon-glyph{width:44px;height:44px}
  .mca-alert-modal-card h3{font-size:.82rem}
  .mca-alert-modal-card__description{grid-column:1/-1;font-size:.59rem}
  .mca-alert-modal-card__meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .mca-alert-modal-card__meta>span:last-child:nth-child(odd){grid-column:1/-1}
  .mca-alert-modal-card__advice{font-size:.54rem}
}
@media(prefers-reduced-motion:reduce){
  .mca-alert-modal,.mca-alert-dialog{transition:none}
}

/* Accesibilidad tipográfica 0.9.1: lectura cómoda sin ampliar la interfaz completa. */
.mca-app-body{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
.mca-kicker{font-size:.68rem;line-height:1.25}
.mca-current__heading p{font-size:.78rem;line-height:1.55}
.mca-temperature span{font-size:.75rem;line-height:1.35}
.mca-current__footer{font-size:.72rem;line-height:1.35}
.mca-current__footer strong{font-size:.82rem}
.mca-current-insights__source{font-size:.57rem}
.mca-current-insights small{font-size:.54rem;line-height:1.25}
.mca-current-insights strong{font-size:.68rem;line-height:1.25}
.mca-metrics small{
  overflow:visible;
  font-size:.66rem;
  line-height:1.25;
  text-overflow:clip;
  white-space:normal;
}
.mca-metrics strong{font-size:.92rem;line-height:1.2}
.mca-metrics em{
  overflow:visible;
  font-size:.57rem;
  line-height:1.3;
  text-overflow:clip;
  white-space:normal;
}
.mca-alert-card small{font-size:.61rem;line-height:1.25}
.mca-alert-card strong{font-size:.94rem;line-height:1.3}
.mca-alert-card em{font-size:.68rem;line-height:1.35}
.mca-section-title span{font-size:.61rem;line-height:1.25}
.mca-section-title h2{font-size:1.25rem;line-height:1.2}
.mca-text-button,.mca-period-badge{font-size:.68rem;line-height:1.2}
.mca-hours span{font-size:.68rem;line-height:1.2}
.mca-hours strong{font-size:1.18rem;line-height:1.1}
.mca-hours small{font-size:.62rem;line-height:1.2}
.mca-day-identity b{font-size:.82rem;line-height:1.25}
.mca-day-identity .mca-day-date{font-size:.62rem;line-height:1.25}
.mca-day-identity small{font-size:.65rem;line-height:1.3}
.mca-days article.mca-day-official>em{font-size:.59rem;line-height:1.2}
.mca-days article.mca-day-official>strong{font-size:.75rem;line-height:1.2}
.mca-days article.mca-day-official>strong i{font-size:.96rem}
.mca-bottom-nav button{font-size:.64rem;line-height:1.15}
.mca-toast{font-size:.74rem;line-height:1.4}
.mca-forecast-source,.mca-data-status{font-size:.58rem;line-height:1.3}
.mca-alert-dialog__header span{font-size:.61rem;line-height:1.2}
.mca-alert-dialog__header h2{font-size:1.3rem;line-height:1.2}
.mca-alert-dialog__header p{font-size:.72rem;line-height:1.4}
.mca-alert-modal-card__badge{font-size:.58rem;line-height:1.2}
.mca-alert-modal-card h3{font-size:1.02rem;line-height:1.3}
.mca-alert-modal-card__area{font-size:.65rem;line-height:1.35}
.mca-alert-modal-card__description{font-size:.73rem;line-height:1.55}
.mca-alert-modal-card__meta small{font-size:.52rem;line-height:1.25}
.mca-alert-modal-card__meta strong{font-size:.66rem;line-height:1.3}
.mca-alert-modal-card__advice{font-size:.68rem;line-height:1.55}
.mca-alert-modal-card__advice strong{font-size:.57rem;line-height:1.3}
.mca-alert-dialog__empty p,.mca-alert-dialog__loading{font-size:.73rem;line-height:1.55}
.mca-alert-dialog__footer{font-size:.59rem;line-height:1.35}
@media(max-width:520px){
  .mca-current__heading p{font-size:.74rem}
  .mca-temperature span{font-size:.69rem}
  .mca-current-insights small{font-size:.51rem}
  .mca-current-insights strong{font-size:.63rem}
  .mca-metrics article{min-height:86px}
  .mca-metrics small{font-size:.61rem}
  .mca-metrics strong{font-size:.86rem}
  .mca-metrics em{font-size:.53rem}
  .mca-alert-card em{white-space:normal}
  .mca-hours article{min-height:156px}
  .mca-day-identity b{font-size:.76rem}
  .mca-day-identity .mca-day-date{font-size:.57rem}
  .mca-day-identity small{font-size:.6rem}
  .mca-days article.mca-day-official{min-height:84px}
  .mca-days article.mca-day-official>em{font-size:.54rem}
  .mca-days article.mca-day-official>strong{font-size:.7rem}
  .mca-days article.mca-day-official>strong i{font-size:.88rem}
  .mca-alert-dialog__header h2{font-size:1.16rem}
  .mca-alert-modal-card h3{font-size:.94rem}
  .mca-alert-modal-card__description{font-size:.69rem}
  .mca-alert-modal-card__advice{font-size:.64rem}
}
@media(max-width:365px){
  .mca-days article.mca-day-official>em{font-size:.5rem}
  .mca-bottom-nav button{font-size:.6rem}
}

/* Más y Observatorio 0.14.0: menú real, filtros y adaptación móvil completa. */
.mca-more-dialog{
  width:min(100%,760px);
  max-height:calc(100dvh - 30px);
  border-color:rgba(191,215,229,.92);
  background:#f4f8fb;
}
.mca-more-view[hidden]{display:none!important}
.mca-more-view{min-height:0}
.mca-more-view--menu,.mca-more-view--observatory{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}
.mca-more-hero{
  position:relative;
  overflow:hidden;
  padding:27px 74px 25px 27px;
  background:
    radial-gradient(circle at 92% 15%,rgba(48,221,220,.24),transparent 27%),
    linear-gradient(140deg,#0756b3 0%,#078fd1 55%,#0aa7c8 100%);
  color:#fff;
}
.mca-more-hero:after{
  position:absolute;
  right:-85px;
  bottom:-105px;
  width:280px;
  height:280px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:50%;
  box-shadow:0 0 0 34px rgba(255,255,255,.045),0 0 0 70px rgba(255,255,255,.03);
  content:"";
}
.mca-more-hero__logo-frame{position:relative;z-index:1;display:block;width:max-content;max-width:100%;margin:0 0 22px;padding:8px 11px;border-radius:11px;background:rgba(255,255,255,.94);box-shadow:0 7px 20px rgba(0,38,90,.16)}
.mca-more-hero__logo-frame .mca-brand-wordmark{width:190px;max-width:100%}
.mca-more-hero>span{position:relative;z-index:1;font-size:.58rem;font-weight:950;letter-spacing:.09em}
.mca-more-hero h2{position:relative;z-index:1;max-width:510px;margin:7px 0 5px;font-size:1.45rem;line-height:1.15;letter-spacing:-.025em}
.mca-more-hero p{position:relative;z-index:1;max-width:520px;margin:0;color:rgba(255,255,255,.83);font-size:.72rem;font-weight:650;line-height:1.48}
.mca-more-close,.mca-observatory-back{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(212,229,239,.92);border-radius:14px;background:rgba(255,255,255,.95);color:#5f7890;font-size:1.3rem;line-height:1;cursor:pointer;box-shadow:0 5px 16px rgba(7,54,91,.08)}
.mca-more-hero>.mca-more-close{position:absolute;z-index:3;top:21px;right:21px;border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.16);color:#fff;backdrop-filter:blur(9px)}
.mca-more-hero__weather{position:absolute;z-index:0;inset:0;opacity:.18;pointer-events:none}
.mca-more-hero__weather i{position:absolute;border:1px solid #fff;border-radius:50%}
.mca-more-hero__weather i:nth-child(1){right:120px;top:-80px;width:240px;height:240px}
.mca-more-hero__weather i:nth-child(2){right:78px;top:-56px;width:240px;height:240px}
.mca-more-hero__weather i:nth-child(3){right:38px;top:-28px;width:240px;height:240px}
.mca-more-resources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;overflow-y:auto;padding:17px;overscroll-behavior:contain}
.mca-more-resource{
  position:relative;
  display:grid;
  min-width:0;
  grid-template-columns:52px minmax(0,1fr) auto;
  grid-template-rows:auto auto;
  align-items:center;
  gap:4px 12px;
  padding:14px;
  border:1px solid #d8e6ef;
  border-radius:18px;
  background:#fff;
  color:#0b2b52;
  text-align:left;
  cursor:pointer;
  box-shadow:0 7px 20px rgba(16,60,91,.05);
}
.mca-more-resource:before{position:absolute;top:15px;bottom:15px;left:0;width:3px;border-radius:0 4px 4px 0;background:#b8c8d5;content:""}
.mca-more-resource--primary:before{background:#14a9dc}
.mca-more-resource__icon{position:relative;display:grid;width:52px;height:52px;grid-row:1/3;place-items:center;border-radius:16px;background:linear-gradient(145deg,#24abe0,#0872bc);color:#fff;box-shadow:0 8px 18px rgba(8,118,186,.17)}
.mca-more-resource__icon .wi{display:block;font-size:27px;line-height:1}
.mca-more-resource__icon svg{display:block;grid-area:1/1;width:26px;height:26px;max-width:100%;max-height:100%;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.mca-more-resource>span:nth-child(2){min-width:0;overflow-wrap:anywhere}
.mca-more-resource b,.mca-more-resource small{display:block}
.mca-more-resource b{font-size:.77rem;line-height:1.25}
.mca-more-resource small{margin-top:4px;color:#62798e;font-size:.625rem;font-weight:650;line-height:1.4}
.mca-more-resource em{align-self:end;color:#8698a8;font-size:.43rem;font-style:normal;font-weight:900;letter-spacing:.035em}
.mca-more-resource--primary em{color:#078cc8}
.mca-more-resource>i{grid-column:3;grid-row:1/3;color:#0b93cb;font-size:1.6rem;font-style:normal;font-weight:400}
.mca-more-brandline{padding:11px 18px calc(11px + env(safe-area-inset-bottom));border-top:1px solid #dce8ef;background:#fff;color:#778ca0;font-size:.57rem;font-weight:750;text-align:center}

.mca-observatory-header{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:start;gap:13px;padding:19px 20px 16px;border-bottom:1px solid #dce8ef;background:linear-gradient(135deg,#fff 35%,#eaf8fd)}
.mca-observatory-header>div{min-width:0}
.mca-observatory-header span{display:block;color:#078dc8;font-size:.56rem;font-weight:950;letter-spacing:.07em}
.mca-observatory-header h2{margin:5px 0 3px;color:#08264e;font-size:1.23rem;line-height:1.17;letter-spacing:-.02em}
.mca-observatory-header p{margin:0;color:#71869a;font-size:.66rem;font-weight:650;line-height:1.4}
.mca-observatory-back{font-size:1.8rem}
.mca-observatory-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:13px 17px 0;background:#f4f8fb}
.mca-observatory-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:1px solid #d5e4ed;border-radius:14px;background:#fff;color:#657d92;font-size:.67rem;font-weight:850;cursor:pointer}
.mca-observatory-tabs button.is-active{border-color:#29a8dc;background:#e9f8fe;color:#087fb7;box-shadow:inset 0 0 0 1px rgba(41,168,220,.08)}
.mca-observatory-tabs button span{display:grid;min-width:20px;height:20px;padding:0 5px;place-items:center;border-radius:999px;background:#eef3f6;color:#6e8294;font-size:.5rem}
.mca-observatory-tabs button.is-active span{background:#fff;color:#078cc8}
.mca-observation-date-filter[hidden]{display:none!important}
.mca-observation-date-filter{position:relative;z-index:4;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:7px 9px;padding:10px 17px 0;background:#f4f8fb}
.mca-observation-date-filter__control{display:grid;min-width:0;gap:5px;color:#547087;font-size:.56rem;font-weight:850}
.mca-observation-date-filter__field{display:grid;grid-template-columns:18px minmax(0,1fr) 15px;min-width:0;height:42px;padding:0 11px;align-items:center;gap:8px;border:1px solid #b9dceb;border-radius:12px;background:linear-gradient(145deg,#fff 18%,#edf8fd 100%);color:#078fc5;text-align:left;cursor:pointer}
.mca-observation-date-filter__field:hover{border-color:#7bc9e7}
.mca-observation-date-filter__field:focus-visible{outline:3px solid rgba(7,143,197,.18);outline-offset:2px}
.mca-observation-date-filter__field[aria-expanded="true"]{border-color:#078fc5;background:linear-gradient(145deg,#fff 5%,#e4f6fd 100%)}
.mca-observation-date-filter__field svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.mca-observation-date-filter__field strong{min-width:0;overflow:hidden;color:#153e61;font-size:.68rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
.mca-observation-date-filter__field .mca-observation-date-filter__chevron{width:15px;height:15px;transition:transform .18s ease}
.mca-observation-date-filter__field[aria-expanded="true"] .mca-observation-date-filter__chevron{transform:rotate(180deg)}
.mca-observation-date-filter__clear{min-height:42px;padding:0 12px;border:1px solid #b9dceb;border-radius:12px;background:#edf8fd;color:#087fbd;font-size:.61rem;font-weight:850;cursor:pointer}
.mca-observation-date-filter__clear[hidden]{display:none!important}
.mca-observation-date-filter__clear:focus-visible{outline:3px solid rgba(7,143,197,.2);outline-offset:2px}
.mca-observation-date-filter small{grid-column:1/-1;color:#71869a;font-size:.54rem;font-weight:700;line-height:1.35}
.mca-observation-calendar[hidden]{display:none!important}
.mca-observation-calendar{position:absolute;z-index:12;top:calc(100% + 8px);right:17px;left:17px;padding:13px;border-radius:16px;background:linear-gradient(145deg,#fff 12%,#edf8fd 100%);box-shadow:0 14px 34px rgba(8,70,110,.18)}
.mca-observation-calendar header{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:8px;margin-bottom:8px}
.mca-observation-calendar header strong{color:#082d58;font-size:.8rem;font-weight:900;text-align:center;text-transform:capitalize}
.mca-observation-calendar header button,.mca-observation-calendar footer button{display:grid;min-width:40px;height:40px;padding:0;place-items:center;border:0;border-radius:12px;background:#fff;color:#087fbd;box-shadow:0 5px 13px rgba(20,90,130,.08);cursor:pointer}
.mca-observation-calendar header button:disabled{color:#afc1cf;box-shadow:none;cursor:default}
.mca-observation-calendar header svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mca-observation-calendar button:focus-visible{outline:3px solid rgba(7,143,197,.22);outline-offset:1px}
.mca-observation-calendar__weekdays,.mca-observation-calendar__days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}
.mca-observation-calendar__weekdays{margin-bottom:3px}
.mca-observation-calendar__weekdays span{display:grid;height:26px;place-items:center;color:#6c8397;font-size:.52rem;font-weight:900}
.mca-observation-calendar__blank{display:block;min-width:0;aspect-ratio:1}
.mca-observation-calendar__day{position:relative;display:grid;min-width:0;aspect-ratio:1;padding:0;place-items:center;border:0;border-radius:11px;background:transparent;color:#234b69;font-size:.67rem;font-weight:800;cursor:pointer}
.mca-observation-calendar__day:hover:not(:disabled){background:#e6f5fb}
.mca-observation-calendar__day:disabled{color:#b7c5cf;cursor:default}
.mca-observation-calendar__day.has-observations{background:#e4f5fd;color:#087fbd}
.mca-observation-calendar__day.is-today{box-shadow:inset 0 0 0 1px #78c8e7}
.mca-observation-calendar__day.is-selected{background:linear-gradient(145deg,#25a9d8,#0876be);color:#fff;box-shadow:0 6px 14px rgba(8,118,190,.2)}
.mca-observation-calendar__day i{position:absolute;top:-2px;right:-1px;display:grid;min-width:15px;height:15px;padding:0 4px;place-items:center;border:2px solid #fff;border-radius:999px;background:#087fbd;color:#fff;font-size:.44rem;font-style:normal;font-weight:900;line-height:1}
.mca-observation-calendar__day.is-selected i{background:#fff;color:#087fbd}
.mca-observation-calendar footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px;padding-top:9px;border-top:1px solid #d7eaf3}
.mca-observation-calendar footer span{display:flex;align-items:center;gap:6px;color:#648096;font-size:.52rem;font-weight:750}
.mca-observation-calendar footer span i{width:8px;height:8px;border-radius:50%;background:#087fbd;box-shadow:0 0 0 4px rgba(8,127,189,.1)}
.mca-observation-calendar footer button{width:auto;height:34px;min-width:54px;padding:0 11px;color:#087fbd;font-size:.58rem;font-weight:850}
.mca-more-view--observatory .mca-more-dialog__content{flex:1 1 auto;min-height:0;padding:13px 17px 17px}
.mca-observatory-footer{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 15px calc(10px + env(safe-area-inset-bottom));border-top:1px solid #dce7ee;background:#fff;color:#74889a;font-size:.58rem;font-weight:700;text-align:center}
.mca-observatory-footer i{display:grid;width:17px;height:17px;place-items:center;border-radius:50%;background:#e7f6fc;color:#078cc8;font-size:.6rem;font-style:normal}
.mca-observations-summary{min-height:42px;padding:9px 12px;box-shadow:none}
.mca-observation{border-radius:18px;box-shadow:0 7px 20px rgba(9,47,79,.055)}
.mca-observation__heading{grid-template-columns:58px minmax(0,1fr);padding:14px 14px 8px}
.mca-observation__heading>div{min-width:0}
.mca-observation__heading .mca-observation__eyebrow{display:block;margin:0 0 6px;color:#078bc5;font-size:.51rem;font-weight:950;letter-spacing:.055em}
.mca-observation--finalized .mca-observation__heading .mca-observation__eyebrow{color:#71869a}
.mca-observation__badges{display:flex!important;flex-wrap:wrap;gap:5px;margin:0 0 8px!important}
.mca-observation__badges>span{display:inline-flex!important;align-items:center;gap:4px;margin:0!important;padding:4px 7px;border-radius:999px;background:#eaf7fc;color:#087fb7!important;font-size:.5rem!important;font-weight:850!important;letter-spacing:0!important;line-height:1.15}
.mca-observation__badges>.mca-observation__status{background:#e1f8ed;color:#07845e!important}
.mca-observation--finalized .mca-observation__badges>.mca-observation__status{background:#eef2f5;color:#667d91!important}
.mca-observation__type img{display:block;width:20px;height:20px;object-fit:contain}
.mca-observation__type b{font-size:inherit;line-height:inherit}
.mca-observation h3{overflow:visible;font-size:.9rem;line-height:1.28;text-overflow:clip;white-space:normal;word-break:normal}
.mca-observation__heading p{font-size:.6rem}
.mca-observation__description{font-size:.69rem;line-height:1.5}
.mca-observation__measurement{font-size:.65rem}
.mca-observations-empty{min-height:270px;border:1px solid #dce8ef;border-radius:19px;background:#fff}
.mca-observations-empty>span{width:72px;height:72px;border-radius:50%;box-shadow:0 0 0 9px rgba(12,166,108,.055),0 0 0 18px rgba(12,166,108,.025)}
.mca-observations-empty>span svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mca-observations-empty>span.mca-observations-empty__pulse{width:106px;height:106px;margin-bottom:14px;border-radius:0;background:transparent;box-shadow:none}
.mca-observations-empty__icon{position:relative;z-index:1;display:grid;width:72px;height:72px;place-items:center;border-radius:50%;background:#e6f7ef;color:#0ba36e}
.mca-observations-empty__icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mca-observations-empty strong{font-size:1rem}
.mca-observations-empty p{font-size:.7rem}
.mca-observation--active .mca-observation__status:before{width:7px;height:7px;border-radius:50%;background:#0caf78;box-shadow:0 0 0 4px rgba(12,175,120,.12);content:"";animation:mca-observation-pulse 2.8s ease-in-out infinite}
@keyframes mca-observation-pulse{0%,100%{box-shadow:0 0 0 4px rgba(12,175,120,.1)}50%{box-shadow:0 0 0 7px rgba(12,175,120,.02)}}

@media(max-width:680px){
  .mca-more-modal{align-items:stretch;padding:0}
  .mca-more-dialog{width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0;transform:translateY(24px)}
  .mca-more-hero{padding:calc(24px + env(safe-area-inset-top)) 67px 23px 20px}
  .mca-more-hero>.mca-more-close{top:calc(18px + env(safe-area-inset-top));right:17px}
  .mca-more-hero__logo-frame{margin-bottom:19px}
  .mca-more-hero__logo-frame .mca-brand-wordmark{width:170px}
  .mca-more-hero h2{font-size:1.27rem}
  .mca-more-resources{grid-template-columns:1fr;gap:9px;padding:13px}
  .mca-more-resource{grid-template-columns:50px minmax(0,1fr) auto;padding:12px;border-radius:16px}
  .mca-more-resource__icon{width:50px;height:50px;border-radius:15px}
  .mca-observatory-header{grid-template-columns:38px minmax(0,1fr) 38px;gap:9px;padding:calc(14px + env(safe-area-inset-top)) 13px 13px}
  .mca-observatory-header .mca-more-close,.mca-observatory-back{width:38px;height:38px;border-radius:12px}
  .mca-observatory-header h2{font-size:1.02rem}
  .mca-observatory-header p{font-size:.6rem}
  .mca-observatory-tabs{padding:11px 12px 0}
  .mca-observation-date-filter{padding:9px 12px 0}
  .mca-observation-calendar{right:4px;left:4px;padding:12px}
  .mca-more-view--observatory .mca-more-dialog__content{gap:10px;padding:11px 12px 14px}
  .mca-observations-summary{align-items:center;flex-direction:row}
  .mca-observation__heading{grid-template-columns:52px minmax(0,1fr);gap:10px;padding:13px 12px 8px}
  .mca-observation__icon{width:52px;height:52px;border-radius:15px}
  .mca-observation__icon img{width:47px;height:47px}
  .mca-observation__heading .mca-observation__eyebrow{font-size:.47rem}
  .mca-observation h3{font-size:.82rem}
  .mca-observation__description{margin:5px 12px 10px;font-size:.65rem}
  .mca-observation__measurement{margin:0 12px 11px;font-size:.61rem}
  .mca-observation__dates{margin:0 12px 12px}
  .mca-observation__timeline{margin:0 12px 13px}
  .mca-observations-empty{min-height:250px;padding:25px 19px}
}
@media(max-width:380px){
  .mca-more-resource:not(.mca-more-resource--observatory) em{display:none}
  .mca-observatory-header p{display:none}
  .mca-observation__heading{grid-template-columns:46px minmax(0,1fr)}
  .mca-observation__icon{width:46px;height:46px}
  .mca-observation__icon img{width:42px;height:42px}
  .mca-observation__badges>span{font-size:.46rem!important}
}
@media(prefers-reduced-motion:reduce){.mca-observation--active .mca-observation__status:before{animation:none}.mca-observation-date-filter__chevron{transition:none}}
@media(prefers-reduced-motion:reduce){.mca-monitor-wave{animation:none!important;opacity:0}}

/* Composición de texto 0.9.2: evita fechas partidas, viudas y elipsis innecesarias. */
.mca-app :where(p,small,em,strong,h1,h2,h3,span){
  hyphens:none;
  -webkit-hyphens:none;
  word-break:normal;
}
.mca-app :where(h1,h2,h3,.mca-alert-card strong){text-wrap:balance}
.mca-app :where(.mca-current__heading p,.mca-alert-card em,.mca-alert-modal-card__description,.mca-alert-modal-card__advice,.mca-alert-dialog__empty p){
  orphans:2;
  widows:2;
  text-wrap:pretty;
}
.mca-nowrap{
  display:inline-block;
  white-space:nowrap;
  word-break:keep-all;
  font-variant-numeric:tabular-nums;
}
.mca-metric-rain small{overflow:visible;text-overflow:clip;text-wrap:balance;white-space:normal}
.mca-metric-rain [data-rain-total]{white-space:nowrap}
.mca-metric-rain [data-rain-station]{overflow:visible;text-overflow:clip;white-space:normal}
.mca-day-identity small,
.mca-days article>div small{
  display:block;
  max-width:none;
  overflow:visible;
  text-overflow:clip;
  white-space:normal;
  text-wrap:pretty;
}
.mca-day-identity .mca-day-date,
.mca-days article.mca-day-official>em,
.mca-days article.mca-day-official>strong,
.mca-hours span,
.mca-hours strong,
.mca-hours small,
.mca-current-insights strong,
.mca-alert-modal-card__meta strong{
  white-space:nowrap;
  word-break:keep-all;
  font-variant-numeric:tabular-nums;
}
.mca-alert-card em{
  overflow:visible;
  text-overflow:clip;
  white-space:normal;
}
.mca-alert-modal-card__meta strong{overflow:visible;text-overflow:clip}
@media(max-width:520px){
  .mca-metrics article{height:auto;min-height:92px}
  .mca-days article.mca-day-official{height:auto;min-height:92px}
  .mca-day-identity small{padding-right:2px}
}
@media(max-width:365px){
  .mca-days article.mca-day-official{min-height:96px}
  .mca-day-identity small{font-size:.57rem;line-height:1.35}
}

/* Compatibilidad y previsión 0.9.3. */
.mca-app,.mca-topbar,.mca-bottom-nav{width:100%;max-width:720px}
.mca-alert-dialog{max-height:calc(100vh - 30px)}
.mca-days article.mca-day-official>strong{
  display:inline-flex;
  min-width:78px;
  align-items:baseline;
  justify-content:flex-end;
  gap:6px;
}
.mca-day-max,.mca-day-min{display:inline-block;white-space:nowrap}
.mca-days article.mca-day-official>strong .mca-day-max{margin:0;color:#0b1c39;font-style:normal}
.mca-day-min{color:#8798aa;font-size:.82em;font-weight:800}
@supports not (display:grid){
  .mca-metrics{display:flex;flex-wrap:wrap}
  .mca-metrics article{width:calc(50% - 6px);flex:1 1 calc(50% - 6px)}
  .mca-hours{display:flex}
  .mca-days article{display:flex}
  .mca-day-identity{min-width:0;flex:1 1 auto}
  .mca-bottom-nav{display:flex}
  .mca-bottom-nav button{flex:1 1 20%}
  .mca-alert-modal-card__meta{display:flex;flex-wrap:wrap}
  .mca-alert-modal-card__meta>span{flex:1 1 120px}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .mca-topbar,.mca-bottom-nav{background:#fff}
  .mca-current__footer,.mca-current-insights{background:rgba(255,255,255,.18)}
  .mca-alert-modal__backdrop{background:rgba(5,20,42,.78)}
}
@media(max-width:520px){
  .mca-alert-dialog{max-height:calc(100vh - 12px)}
  .mca-days article.mca-day-official{
    grid-template-columns:minmax(78px,1fr) 42px minmax(60px,auto) minmax(72px,auto);
  }
  .mca-days article.mca-day-official>strong{min-width:72px;gap:5px}
  .mca-hours strong{font-size:1.08rem}
}
@media(max-width:365px){
  .mca-days article.mca-day-official{
    grid-template-columns:minmax(66px,1fr) 34px 56px 68px;
  }
  .mca-days article.mca-day-official>strong{min-width:68px;gap:4px;font-size:.66rem}
  .mca-hours strong{font-size:1rem}
}

/* Prioridad final 0.9.4: el contenido comienza bajo el área segura, sin cabecera. */
.mca-content{
  padding-top:calc(16px + env(safe-area-inset-top));
}
.mca-content>.mca-current{
  margin-top:0;
}
.mca-splash__coast{
  fill:none;
  stroke:none;
}
.mca-splash__wave{
  stroke:rgba(255,255,255,.72);
}
@media(max-width:520px){
  .mca-content{padding-top:calc(12px + env(safe-area-inset-top))}
}

/* Splash 0.9.6: faros de Cartagena, cielo limpio e isobaras sutiles. */
.mca-splash__photo img{
  object-position:center center;
  filter:saturate(.96) contrast(.98);
}
.mca-splash__photo:after{
  background:linear-gradient(180deg,rgba(242,250,255,.12) 0%,rgba(245,251,255,.03) 45%,rgba(229,245,252,.01) 72%,rgba(8,80,130,.06) 100%);
}
.mca-splash__isobars{
  position:absolute;
  z-index:2;
  top:0;
  right:0;
  left:0;
  height:52%;
  overflow:hidden;
  color:#075f99;
  opacity:.17;
  pointer-events:none;
}
.mca-splash__isobars svg{
  display:block;
  width:100%;
  height:100%;
  overflow:visible;
  fill:none;
  stroke:currentColor;
  stroke-width:1.35;
  stroke-linecap:round;
}
.mca-splash__isobars text{
  fill:currentColor;
  stroke:none;
  font-family:Arial,sans-serif;
  font-size:24px;
  font-weight:800;
}
.mca-splash__identity{
  position:absolute;
  top:calc(15% + env(safe-area-inset-top));
  right:0;
  left:0;
  width:min(86vw,390px);
  margin:0 auto;
}
.mca-splash__logo-box{
  display:block;
  width:100%;
  min-height:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
.mca-splash__logo-box .mca-brand-wordmark{
  width:min(100%,315px);
  filter:drop-shadow(0 7px 11px rgba(2,49,90,.19)) drop-shadow(0 1px 0 rgba(255,255,255,.85));
}
.mca-splash__identity p{
  margin:14px 0 10px;
  color:#073b70;
  text-shadow:0 1px 0 rgba(255,255,255,.85),0 3px 12px rgba(255,255,255,.72);
}
.mca-splash__loading{
  background:rgba(247,252,255,.68);
  box-shadow:0 8px 24px rgba(4,72,116,.09),inset 0 1px 0 rgba(255,255,255,.84);
}
@media(max-width:520px){
  .mca-splash__identity{
    top:calc(14% + env(safe-area-inset-top));
    width:min(88vw,350px);
  }
  .mca-splash__logo-box{min-height:0;padding:0;border-radius:0}
  .mca-splash__logo-box .mca-brand-wordmark{width:min(100%,285px)}
  .mca-splash__isobars{height:50%;opacity:.15}
}
@media(max-width:350px){
  .mca-splash__identity{top:calc(12% + env(safe-area-inset-top))}
  .mca-splash__logo-box{min-height:0;padding:0;border-radius:0}
  .mca-splash__logo-box .mca-brand-wordmark{width:min(100%,250px)}
}

/* Avisos 0.9.9: fenómeno blanco y transparente sobre el color oficial del nivel. */
.mca-alert-card[data-level="yellow"] .mca-alert-card__icon{
  background:linear-gradient(145deg,#ffef83,#f4cd25);
  box-shadow:0 7px 17px rgba(214,176,0,.17),inset 0 1px 0 rgba(255,255,255,.62);
}
.mca-alert-card[data-level="orange"] .mca-alert-card__icon{
  background:linear-gradient(145deg,#ffb46f,#ed751b);
  box-shadow:0 7px 17px rgba(211,82,4,.18),inset 0 1px 0 rgba(255,255,255,.48);
}
.mca-alert-card[data-level="red"] .mca-alert-card__icon{
  background:linear-gradient(145deg,#f47b7b,#d63838);
  box-shadow:0 7px 17px rgba(183,30,30,.18),inset 0 1px 0 rgba(255,255,255,.44);
}
.mca-alert-card .mca-alert-phenomenon-glyph,
.mca-alert-modal-card .mca-alert-phenomenon-glyph{
  display:block;
  object-fit:contain;
  filter:brightness(0) invert(1);
}
.mca-alert-card .mca-alert-phenomenon-glyph{width:39px;height:39px}
.mca-alert-modal-card{
  --alert-icon-from:#a9c8d6;
  --alert-icon-to:#6d98ad;
}
.mca-alert-modal-card[data-level="yellow"]{
  --alert-icon-from:#ffef83;
  --alert-icon-to:#f4cd25;
}
.mca-alert-modal-card[data-level="orange"]{
  --alert-icon-from:#ffb46f;
  --alert-icon-to:#ed751b;
}
.mca-alert-modal-card[data-level="red"]{
  --alert-icon-from:#f47b7b;
  --alert-icon-to:#d63838;
}
.mca-alert-modal-card__icon{
  background:linear-gradient(145deg,var(--alert-icon-from),var(--alert-icon-to));
  box-shadow:0 7px 17px rgba(104,76,16,.18),inset 0 1px 0 rgba(255,255,255,.42);
}
.mca-alert-modal-card__icon .mca-alert-phenomenon-glyph{width:46px;height:46px}
@media(max-width:520px){
  .mca-alert-card .mca-alert-phenomenon-glyph{width:37px;height:37px}
  .mca-alert-modal-card__icon .mca-alert-phenomenon-glyph{width:41px;height:41px}
}

/* Condiciones ambientales: aire, ciclo solar, fase lunar y polen. */
.mca-metric-air{color:#21a36c}
.mca-metric-air .mca-metric-symbol{background:#eaf9f1}
.mca-metric-air[data-air-level="2"]{color:#4a9d64}
.mca-metric-air[data-air-level="3"]{color:#b99900}
.mca-metric-air[data-air-level="4"]{color:#d64c4c}
.mca-metric-air[data-air-level="5"]{color:#8c3150}
.mca-metric-air[data-air-level="unknown"]{color:#8294a6}
.mca-metric-sunrise{color:#ee8b20}
.mca-metric-sunrise .mca-metric-symbol{background:#fff3df}
.mca-metric-sunset{color:#8b65cf}
.mca-metric-sunset .mca-metric-symbol{background:#f2edff}
.mca-metric-moon{color:#4468c7}
.mca-metric-moon .mca-metric-symbol{background:#edf2ff}
.mca-metric-meteocon{display:block;width:48px;height:48px;max-width:none;object-fit:contain}
.mca-metric-moon strong{font-size:.82rem;line-height:1.16}
.mca-metric-air strong,.mca-metric-moon strong{overflow:visible;text-overflow:clip;white-space:normal}
@media(max-width:380px){
  .mca-metric-meteocon{width:43px;height:43px}
  .mca-metric-moon strong{font-size:.75rem}
}

/* 0.12.0 · Observatorio Meteo Cartagena dentro de la pestaña Más. */
.mca-more-modal[hidden]{display:none!important}.mca-more-modal{position:fixed;z-index:84;inset:0;display:flex;align-items:center;justify-content:center;padding:15px;opacity:0;pointer-events:none;transition:opacity .22s ease}.mca-more-modal.is-open{opacity:1;pointer-events:auto}.mca-more-modal__backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(5,21,44,.75);backdrop-filter:blur(7px);cursor:pointer}.mca-more-dialog{position:relative;display:flex;flex-direction:column;width:min(100%,650px);max-height:calc(100vh - 30px);overflow:hidden;border:1px solid #cfe0eb;border-radius:27px;background:#f6f9fc;box-shadow:0 25px 70px rgba(2,22,49,.34);outline:0;transform:translateY(14px) scale(.985);transition:transform .22s ease}.mca-more-modal.is-open .mca-more-dialog{transform:none}.mca-more-dialog__header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:21px 22px 18px;border-bottom:1px solid #dbe6ed;background:linear-gradient(135deg,#fff,#eef9fe)}.mca-more-dialog__header span{color:#078cc8;font-size:.61rem;font-weight:900;letter-spacing:.055em}.mca-more-dialog__header h2{margin:5px 0 3px;color:#08264e;font-size:1.3rem;line-height:1.15}.mca-more-dialog__header p{margin:0;color:#70859a;font-size:.72rem;font-weight:650;line-height:1.4}.mca-more-dialog__header button{display:grid;flex:0 0 42px;width:42px;height:42px;place-items:center;border:1px solid #d2e2ec;border-radius:14px;background:#fff;color:#73889b;font-size:1.25rem;font-weight:800;cursor:pointer}.mca-more-dialog__content{display:grid;gap:13px;padding:17px;overflow:auto;overscroll-behavior:contain}.mca-more-dialog>footer{display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 15px;border-top:1px solid #dce7ee;background:#fff;color:#74889a;font-size:.61rem;font-weight:700;text-align:center}.mca-more-dialog>footer i{display:grid;width:17px;height:17px;place-items:center;border-radius:50%;background:#e7f6fc;color:#078cc8;font-size:.62rem;font-style:normal}.mca-observations-loading{display:flex;align-items:center;justify-content:center;gap:10px;min-height:170px;color:#6f8497;font-size:.73rem;font-weight:750}.mca-observations-loading span{width:20px;height:20px;border:3px solid #d3e8f1;border-top-color:#129bd6;border-radius:50%;animation:mca-obs-spin .8s linear infinite}@keyframes mca-obs-spin{to{transform:rotate(1turn)}}.mca-observations-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;border:1px solid #cfe4ed;border-radius:15px;background:#fff}.mca-observations-summary>span{display:flex;align-items:center;gap:9px;color:#0a7f5c;font-size:.7rem}.mca-observations-summary i{width:9px;height:9px;border-radius:50%;background:#19b77e;box-shadow:0 0 0 5px rgba(25,183,126,.12)}.mca-observations-summary small{color:#8294a5;font-size:.59rem;font-weight:750}.mca-observation{overflow:hidden;border:1px solid #d7e4ec;border-left:5px solid #90a4b5;border-radius:20px;background:#fff;box-shadow:0 10px 25px rgba(9,47,79,.07)}.mca-observation--active{border-left-color:#20a9dc;box-shadow:0 12px 28px rgba(8,127,193,.12)}.mca-observation__heading{display:grid;grid-template-columns:61px minmax(0,1fr);gap:12px;padding:15px 15px 8px}.mca-observation__icon{display:grid;width:58px;height:58px;place-items:center;border-radius:17px;background:#e8f7fd}.mca-observation--finalized .mca-observation__icon{background:#edf2f5}.mca-observation__icon img{display:block;width:52px;height:52px;object-fit:contain}.mca-observation__heading span:not(.mca-observation__icon){display:block;margin:1px 0 4px;color:#07865f;font-size:.55rem;font-weight:900;letter-spacing:.04em}.mca-observation--finalized .mca-observation__heading span:not(.mca-observation__icon){color:#758797}.mca-observation h3{margin:0;color:#09264d;font-size:.94rem;line-height:1.25}.mca-observation__heading p{margin:4px 0 0;color:#778b9d;font-size:.61rem;font-weight:750}.mca-observation__description{margin:5px 15px 10px;color:#435d74;font-size:.72rem;font-weight:620;line-height:1.5}.mca-observation__measurement{margin:0 15px 12px;padding:9px 11px;border-radius:11px;background:#eef7fb;color:#2f516b;font-size:.67rem;line-height:1.35}.mca-observation__dates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0 15px 13px}.mca-observation__dates span{padding:8px 10px;border:1px solid #d9e5ed;border-radius:11px;background:#fbfdfe}.mca-observation__dates small,.mca-observation__dates strong{display:block}.mca-observation__dates small{color:#8597a7;font-size:.47rem;font-weight:900}.mca-observation__dates strong{margin-top:2px;color:#244761;font-size:.61rem}.mca-observation__timeline{margin:0 15px 14px;border-top:1px solid #e1eaf0}.mca-observation__timeline summary{padding:11px 1px 5px;color:#0788c2;font-size:.65rem;font-weight:850;cursor:pointer}.mca-observation__timeline ol{position:relative;margin:8px 0 0;padding:0 0 0 22px;list-style:none}.mca-observation__timeline ol:before{position:absolute;top:5px;bottom:7px;left:6px;width:2px;background:#c9e6f3;content:""}.mca-observation__timeline li{position:relative;margin:0 0 11px}.mca-observation__timeline li:before{position:absolute;top:4px;left:-20px;width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:#28addd;box-shadow:0 0 0 1px #8bd1eb;content:""}.mca-observation__timeline time{color:#1488bd;font-size:.53rem;font-weight:850}.mca-observation__timeline p{margin:2px 0;color:#4c657a;font-size:.64rem;line-height:1.4}.mca-observations-empty{display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:220px;padding:24px;color:#71869a;text-align:center}.mca-observations-empty>span{display:grid;width:66px;height:66px;margin-bottom:14px;place-items:center;border-radius:20px;background:#e6f7ef;color:#0ba36e;font-size:2rem}.mca-observations-empty.is-unavailable>span{background:#fff2dd;color:#e08b11}.mca-observations-empty strong{color:#0a294f;font-size:.95rem}.mca-observations-empty p{max-width:390px;margin:7px 0 0;font-size:.68rem;line-height:1.5}@media(max-width:680px){.mca-more-modal{align-items:flex-end;padding:12px 0 0}.mca-more-dialog{width:100%;max-height:calc(100vh - 12px);border-radius:27px 27px 0 0}.mca-more-dialog__header{padding:18px 17px 15px}.mca-more-dialog__content{padding:13px}.mca-observation__dates{grid-template-columns:1fr}.mca-observations-summary{align-items:flex-start;flex-direction:column}.mca-more-dialog>footer{padding-bottom:calc(11px + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.mca-more-modal,.mca-more-dialog{transition:none}.mca-observations-loading span{animation:none}}

/* Polen previsto para Cartagena: tarjeta independiente y escala legible. */
.mca-metric-pollen{grid-column:1/-1;color:#45a51f}
.mca-metric-pollen .mca-metric-symbol{background:#f1fae8}
.mca-metric-pollen[data-pollen-state="1"]{color:#73b900}
.mca-metric-pollen[data-pollen-state="2"]{color:#efa800}
.mca-metric-pollen[data-pollen-state="3"]{color:#ef5c16}
.mca-metric-pollen[data-pollen-state="unknown"]{color:#8294a6}
.mca-metric-pollen strong{overflow:visible;text-overflow:clip;white-space:normal}
.mca-metrics .mca-metric-meteocon{filter:brightness(0) saturate(100%) invert(38%) sepia(94%) saturate(1262%) hue-rotate(170deg) brightness(88%) contrast(98%)}
@media(max-width:420px){
  .mca-metrics .mca-metric-pollen{width:100%;flex-basis:100%}
}

/* 0.10.5: la observación actual se convierte en la cabecera visual en móviles. */
@media(max-width:680px){
  .mca-app{
    padding-top:0;
  }
  .mca-content{
    padding:0 16px 25px;
  }
  .mca-content>.mca-current{
    box-sizing:border-box;
    width:calc(100% + 32px);
    margin:0 -16px;
    padding-top:calc(28px + env(safe-area-inset-top));
    border-width:0;
    border-radius:0 0 32px 32px;
  }
  .mca-content>.mca-current:after{
    top:env(safe-area-inset-top);
  }
}

/* Instalación PWA: sugerencia compacta, accesible y fuera del contenido meteorológico. */
.mca-install-card[hidden]{display:none!important}
.mca-install-card{
  position:fixed;
  z-index:90;
  right:14px;
  bottom:calc(86px + env(safe-area-inset-bottom));
  left:14px;
  display:grid;
  grid-template-columns:52px minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  width:min(calc(100% - 28px),620px);
  margin:auto;
  padding:12px 42px 12px 12px;
  border:1px solid #c8dfed;
  border-radius:20px;
  background:rgba(255,255,255,.97);
  color:#09234a;
  box-shadow:0 17px 42px rgba(9,46,82,.22);
  -webkit-backdrop-filter:blur(15px);
  backdrop-filter:blur(15px);
}
.mca-install-card>img{width:52px;height:52px;border-radius:15px;box-shadow:0 6px 14px rgba(20,95,183,.2)}
.mca-install-card strong{display:block;font-size:.78rem;line-height:1.25}
.mca-install-card p{margin:4px 0 0;color:#6c8297;font-size:.62rem;font-weight:650;line-height:1.35}
.mca-install-card.is-guidance p{color:#46657e;font-size:.65rem;line-height:1.48}
.mca-install-card__primary:disabled{opacity:.7;cursor:wait}
.mca-more-resource--install:before{background:#14a9dc}
.mca-more-install-wrap{position:relative;display:flex;min-width:0;flex-direction:column;align-items:stretch;border:1px solid #d8e6ef;border-radius:18px;background:#fff;box-shadow:0 7px 20px rgba(16,60,91,.05)}
.mca-more-install-wrap:before{position:absolute;top:15px;bottom:15px;left:0;width:3px;border-radius:0 4px 4px 0;background:#14a9dc;content:""}
.mca-more-install-wrap.is-installed:before{background:#9aaebb}
.mca-more-install-wrap.is-update-available{border-color:#9dd5ed;background:#f7fcff;box-shadow:0 7px 20px rgba(11,132,190,.08)}
.mca-more-install-wrap.is-update-available:before{background:#159bd5}
.mca-more-install-wrap>.mca-more-resource{width:100%;flex:0 0 auto;border:0;border-radius:18px;background:transparent;box-shadow:none}
.mca-more-install-wrap>.mca-more-resource:before{display:none}
.mca-more-install-wrap.has-release-notes>.mca-more-resource{padding-bottom:37px}
.mca-release-pill[hidden]{display:none!important}
.mca-release-pill{position:absolute;z-index:1;bottom:3px;left:76px;display:inline-flex;min-height:40px;align-items:center;gap:5px;padding:0 9px;border:0;background:transparent;color:#55798f;font-size:.53rem;font-weight:900;line-height:1.1;cursor:pointer}
.mca-release-pill:before{position:absolute;z-index:0;inset:7px 0;border:1px solid #d4dfe6;border-radius:999px;background:#edf2f5;content:""}
.mca-release-pill>*{position:relative;z-index:1}
.mca-release-pill svg{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.mca-release-pill i{padding:2px 5px;border-radius:999px;background:#087fbd;color:#fff;font-size:.43rem;font-style:normal;font-weight:900}
.mca-release-pill:hover:before{border-color:#b9dceb;background:#edf8fd}
.mca-release-pill:focus-visible{outline:3px solid rgba(7,143,197,.28);outline-offset:2px}
.mca-more-resource--install.is-installed{
  cursor:pointer;
  box-shadow:none;
}
.mca-more-resource--install.is-installed:before{background:#9aaebb}
.mca-more-resource--install.is-installed .mca-more-resource__icon{border-color:#d7e2e8;background:#edf2f5;color:#748b9b;box-shadow:none}
.mca-more-resource--install.is-installed b{color:#526c7d}
.mca-more-resource--install.is-installed small{color:#8497a4}
.mca-install-resource-state{grid-column:3;grid-row:1/3;color:#0b93cb;font-size:1.6rem;font-weight:400;font-style:normal;line-height:1;white-space:nowrap}
.mca-more-resource--install.is-installed>[data-install-resource-state]{padding:6px 9px;border:1px solid #d4dfe6;border-radius:999px;background:#edf2f5;color:#687f8f;font-size:.52rem;font-weight:900}
.mca-more-resource--install.is-installed.is-checking>[data-install-resource-state]{color:#557385}
.mca-more-resource--install.is-installed.is-update-available>[data-install-resource-state]{border-color:#159bd5;background:linear-gradient(145deg,#159edf,#1261cd);color:#fff;box-shadow:0 5px 12px rgba(18,97,205,.18)}
.mca-more-resource--install.is-installed.is-applying>[data-install-resource-state]{border-color:#159bd5;background:#e1f5fc;color:#087cae}
@media(max-width:380px){.mca-more-resource--install.is-installed>[data-install-resource-state]{padding:5px 7px;font-size:.48rem}.mca-release-pill{left:74px}}
.mca-install-card__primary{min-height:38px;padding:8px 13px;border-radius:12px;background:linear-gradient(145deg,#159edf,#1261cd);color:#fff;font-size:.65rem;font-weight:900;cursor:pointer}
.mca-install-card__close{position:absolute;top:7px;right:8px;width:30px;height:30px;border-radius:10px;background:transparent;color:#7b8ea0;font-size:1.35rem;line-height:1;cursor:pointer}
@media(max-width:520px){
  .mca-install-card{grid-template-columns:46px minmax(0,1fr);padding:11px 40px 11px 11px}
  .mca-install-card>img{width:46px;height:46px;border-radius:14px}
  .mca-install-card__primary{grid-column:1/-1;width:100%}
}
@media(prefers-reduced-motion:reduce){
  .mca-install-card{-webkit-backdrop-filter:none;backdrop-filter:none}
}

/* La descarga puede ser automática; la confirmación se muestra dentro de la app. */
.mca-update-card[hidden]{display:none!important}
.mca-update-card{
  position:fixed;
  z-index:95;
  right:14px;
  bottom:calc(86px + env(safe-area-inset-bottom));
  left:14px;
  display:grid;
  grid-template-columns:48px minmax(0,1fr) auto auto;
  align-items:center;
  gap:11px;
  width:min(calc(100% - 28px),680px);
  margin:auto;
  padding:12px;
  border:1px solid rgba(117,180,219,.7);
  border-radius:20px;
  background:rgba(250,253,255,.97);
  color:#09234a;
  box-shadow:0 18px 48px rgba(7,57,105,.24);
  opacity:0;
  transform:translateY(16px) scale(.985);
  transition:opacity .24s ease,transform .24s ease;
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
}
.mca-update-card.is-visible{opacity:1;transform:none}
body.mca-modal-open .mca-update-card{display:none!important}
.mca-update-card__icon{
  display:grid;
  width:48px;
  height:48px;
  place-items:center;
  border-radius:15px;
  background:linear-gradient(145deg,#149fdd,#0757a6);
  color:#fff;
  box-shadow:0 7px 18px rgba(7,87,166,.25);
}
.mca-update-card__icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mca-update-card__copy strong{display:block;font-size:.9rem;line-height:1.25}
.mca-update-card__copy p{margin:4px 0 0;color:#49647d;font-size:.72rem;font-weight:650;line-height:1.4}
.mca-update-card__primary,
.mca-update-card__later{min-height:38px;border-radius:12px;font-size:.73rem;font-weight:900;cursor:pointer}
.mca-update-card__primary{padding:8px 14px;background:linear-gradient(145deg,#159edf,#1261cd);color:#fff;box-shadow:0 6px 15px rgba(18,97,205,.2)}
.mca-update-card__primary:disabled{opacity:.7;cursor:wait}
.mca-update-card__later{padding:8px 11px;background:#eaf2f8;color:#49647d}
@media(max-width:600px){
  .mca-update-card{grid-template-columns:44px minmax(0,1fr) auto;gap:10px;padding:11px}
  .mca-update-card__icon{grid-column:1;grid-row:1;width:44px;height:44px;border-radius:14px}
  .mca-update-card__copy{grid-column:2/4;grid-row:1}
  .mca-update-card__primary,.mca-update-card__later{grid-row:2;width:100%}
  .mca-update-card__primary{grid-column:1/3}
  .mca-update-card__later{grid-column:3/4}
}
@media(prefers-reduced-motion:reduce){
  .mca-update-card{transition:none;-webkit-backdrop-filter:none;backdrop-filter:none}
}

.mca-release-modal[hidden]{display:none!important}
.mca-release-modal{position:fixed;z-index:116;inset:0;display:grid;place-items:center;padding:16px;opacity:0;pointer-events:none;transition:opacity .18s ease}
.mca-release-modal.is-open{opacity:1;pointer-events:auto}
.mca-release-modal__backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(3,18,39,.76);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.mca-release-dialog{position:relative;display:grid;width:min(100%,460px);max-height:calc(100dvh - 32px);grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:1px solid #d8e4ed;border-radius:24px;background:#f6f9fc;box-shadow:0 20px 60px rgba(0,20,50,.28);color:#08244a;transform:translateY(8px);transition:transform .18s ease;outline:0}
.mca-release-modal.is-open .mca-release-dialog{transform:none}
.mca-release-dialog>header{display:grid;grid-template-columns:44px minmax(0,1fr) 40px;align-items:start;gap:10px;padding:17px;border-bottom:1px solid #d8e4ed;background:linear-gradient(135deg,#fff,#edf8fd)}
.mca-release-dialog__icon{display:grid;width:44px;height:44px;place-items:center;border-radius:14px;background:linear-gradient(145deg,#25a9d8,#0876be);color:#fff;box-shadow:0 7px 16px rgba(7,126,190,.18)}
.mca-release-dialog__icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.mca-release-dialog>header small{color:#087fbd;font-size:.55rem;font-weight:900;letter-spacing:.07em}
.mca-release-dialog>header h2{margin:3px 0;color:#08244a;font-size:1.05rem;line-height:1.18}
.mca-release-dialog>header p{margin:3px 0 0;color:#6c7f94;font-size:.62rem;font-weight:650;line-height:1.4}
.mca-release-dialog>header button{display:grid;width:40px;height:40px;place-items:center;border:1px solid #d8e4ed;border-radius:12px;background:#fff;color:#607b91;font-size:1.3rem;cursor:pointer}
.mca-release-dialog__content{min-height:0;overflow-y:auto;padding:17px;-webkit-overflow-scrolling:touch}
.mca-release-dialog__content ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.mca-release-dialog__content li{display:grid;justify-items:start;gap:7px;min-width:0;padding:11px 12px;border:1px solid #d8e4ed;border-radius:14px;background:#fff;color:#36546c;font-size:.72rem;font-weight:650;line-height:1.5;overflow-wrap:anywhere}
.mca-release-group-title{margin:0 0 10px;color:#08244a;font-size:13px;font-weight:850;line-height:1.35}
.mca-release-group-title--recent{margin-top:20px}
.mca-release-change-label{display:inline-block;max-width:100%;padding:3px 8px;border-radius:999px;background:#f4f7fa;color:#49657f;font-size:9px;font-weight:800;line-height:1.4}
.mca-release-change-label--new{background:#edf8fd;color:#0874a4}
.mca-release-dialog>footer{display:flex;justify-content:flex-end;padding:11px 17px calc(11px + env(safe-area-inset-bottom));border-top:1px solid #d8e4ed;background:#fff}
.mca-release-dialog>footer button{min-height:42px;padding:8px 17px;border:0;border-radius:12px;background:linear-gradient(145deg,#25a9d8,#0876be);color:#fff;font-size:.68rem;font-weight:850;cursor:pointer}
.mca-release-dialog button:focus-visible{outline:3px solid rgba(7,143,197,.28);outline-offset:2px}
@media(max-width:380px){.mca-release-modal{padding:11px}.mca-release-dialog>header{padding:13px;gap:8px}.mca-release-dialog__content{padding:13px}}
@media(prefers-reduced-motion:reduce){.mca-release-modal,.mca-release-dialog{transition:none}.mca-release-modal__backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}}

/* Equilibrio visual 0.12.4: centra el icono en el espacio útil de la portada. */
.mca-current__weather .mca-weather-art{transform:translateY(-10px)}
@media(max-width:520px){
  .mca-current__weather .mca-weather-art{transform:translateY(-7px)}
}
@media(max-width:365px){
  .mca-current__weather .mca-weather-art{transform:translateY(-4px)}
}

/* 0.11.5: barra del sistema oscura y continuidad con la cabecera móvil. */
@media(max-width:680px){
  html,
  .mca-app-body{
    background-color:#0757a6;
  }
  .mca-app{
    background-color:#f6f9fc;
    background-image:none;
  }
  .mca-content>.mca-current{
    background:linear-gradient(155deg,#0757a6 0%,#0b64b7 10%,#168bdc 34%,#1d60d7 69%,#2b39ae 100%);
  }
  .mca-content>.mca-current:after{
    display:none;
  }
}
@media(max-width:380px){
  .mca-content{
    padding-right:12px;
    padding-left:12px;
  }
  .mca-content>.mca-current{
    width:calc(100% + 24px);
    margin-right:-12px;
    margin-left:-12px;
    border-radius:0 0 28px 28px;
  }
}

/* Sello de cascada 0.14.0: prevalece sobre las reglas históricas del modal. */
.mca-more-dialog{width:min(100%,760px);max-height:calc(100dvh - 30px);border-color:rgba(191,215,229,.92);background:#f4f8fb}
.mca-observation{border-radius:18px;box-shadow:0 7px 20px rgba(9,47,79,.055)}
.mca-observation__heading{grid-template-columns:58px minmax(0,1fr);padding:14px 14px 8px}
.mca-observation h3{overflow:visible;text-overflow:clip;white-space:normal;word-break:normal}
.mca-observations-empty{min-height:270px;border:1px solid #dce8ef;border-radius:19px;background:#fff}
@media(max-width:680px){
  .mca-more-modal{align-items:stretch;padding:0}
  .mca-more-dialog{width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0;transform:translateY(24px)}
  .mca-more-modal.is-open .mca-more-dialog{transform:none}
  .mca-observations-summary{align-items:center;flex-direction:row}
  .mca-observation__heading{grid-template-columns:52px minmax(0,1fr);gap:10px;padding:13px 12px 8px}
  .mca-observation__icon{width:52px;height:52px;border-radius:15px}
  .mca-observation__icon img{width:47px;height:47px}
}
@media(max-width:380px){
  .mca-observation__heading{grid-template-columns:46px minmax(0,1fr)}
  .mca-observation__icon{width:46px;height:46px}
  .mca-observation__icon img{width:42px;height:42px}
}

/* 0.14.1 · Scroll fiable del Observatorio e imagen de los faros en Más. */
.mca-more-hero{
  background:
    linear-gradient(112deg,rgba(5,75,170,.94) 0%,rgba(5,126,195,.82) 56%,rgba(8,174,198,.68) 100%),
    url("brand/cartagena-faros-splash-v4.webp") center 68%/cover no-repeat;
}
.mca-more-hero:after{
  opacity:.82;
}
.mca-more-hero__weather{
  opacity:.24;
}
.mca-more-view--menu{
  flex:1 1 0;
  width:100%;
  height:100%;
  min-height:0;
}
.mca-more-view--observatory{
  isolation:isolate;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  flex:1 1 0;
  width:100%;
  height:100%;
  min-height:0;
  overflow:hidden;
  overscroll-behavior:none;
}
.mca-observatory-toolbar{position:relative;z-index:8;min-width:0;background:#f4f8fb;transform:translateZ(0)}
.mca-observatory-scroll{
  min-width:0;
  min-height:0;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior-y:contain;
  touch-action:pan-y;
  -webkit-overflow-scrolling:touch;
  scrollbar-gutter:stable;
}
.mca-more-view--observatory .mca-more-dialog__content{
  flex:none;
  height:auto!important;
  min-width:0;
  min-height:max-content;
  overflow-x:hidden;
  overflow-y:visible!important;
  grid-auto-rows:max-content;
  align-content:start;
  overscroll-behavior:auto;
  touch-action:auto;
  scrollbar-gutter:auto;
}
.mca-more-view--observatory .mca-observation,
.mca-more-view--observatory .mca-observations-summary,
.mca-more-view--observatory .mca-observations-empty,
.mca-more-view--observatory .mca-observations-loading{
  min-height:max-content;
}
.mca-observation__timeline[open]{
  overflow:visible;
}
.mca-observation__timeline ol{
  padding-bottom:2px;
}
@media(max-width:680px){
  .mca-more-dialog{
    height:100dvh;
    min-height:0;
  }
  .mca-more-hero{
    background-position:center 72%;
  }
  .mca-more-view--observatory .mca-more-dialog__content{
    height:auto!important;
    padding-bottom:22px;
  }
  .mca-observatory-header,
  .mca-observatory-tabs,
  .mca-observation-date-filter,
  .mca-observatory-footer{
    flex:0 0 auto;
  }
  .mca-observation{
    height:max-content;
  }
}

/* 0.14.2 · La altura completa pertenece solo al panel móvil. */
@media(min-width:681px){
  .mca-more-dialog{
    height:auto;
  }
  .mca-more-view--menu,
  .mca-more-view--observatory{
    flex:1 1 auto;
    height:auto;
  }
  .mca-more-view--menu{
    overflow:hidden;
  }
  .mca-more-view--observatory{
    max-height:calc(100dvh - 30px);
  }
}
@media(max-width:680px){
  .mca-more-view--menu,
  .mca-more-view--observatory{
    flex:1 1 0;
    height:100%;
  }
}

/* 0.15.0 · Observatorio amplio en escritorio e iconografía estática propia. */
.mca-observation__icon{
  background:linear-gradient(145deg,#159fdd,#0965c1);
  color:#fff;
  box-shadow:0 8px 19px rgba(8,112,190,.2);
}
.mca-observation--finalized .mca-observation__icon{
  background:linear-gradient(145deg,#209ed4,#276fbb);
  color:#fff;
}
.mca-observation__icon>.wi{
  display:block;
  color:inherit;
  font-size:2rem;
  line-height:1;
}
.mca-observation__type{
  border:1px solid rgba(255,255,255,.18)!important;
  background:linear-gradient(145deg,#159fdd,#0877c8)!important;
  color:#fff!important;
  box-shadow:0 4px 10px rgba(8,113,184,.13);
}
.mca-observation__type>.wi{
  display:inline-block;
  flex:0 0 auto;
  width:1.15em;
  color:#fff;
  font-size:.92rem;
  line-height:1;
  text-align:center;
}
.mca-observation__type>b{
  color:#fff;
}
/* Calendario del Observatorio independiente del flujo de tarjetas. */
.mca-observation-calendar__backdrop[hidden]{display:none!important}
.mca-observation-calendar__backdrop{
  position:fixed;z-index:89;inset:0;width:100%;height:100%;padding:0;
  border:0;background:rgba(6,36,74,.38);cursor:pointer;
}
.mca-more-view--observatory>.mca-observation-calendar{
  position:fixed;z-index:90;top:50%;left:50%;right:auto;
  width:min(350px,calc(100vw - 24px));max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  overflow:auto;padding:16px;border:1px solid #cde3ef;border-radius:20px;
  background:#fff;box-shadow:0 20px 60px rgba(0,32,69,.27);
  transform:translate(-50%,-50%);overscroll-behavior:contain;
}
.mca-observation-calendar header{grid-template-columns:40px minmax(0,1fr) 40px 40px}
.mca-observation-calendar header strong{text-transform:none}
.mca-observation-calendar__day{min-height:38px;aspect-ratio:auto}
@media(max-width:520px){
  .mca-more-view--observatory>.mca-observation-calendar{width:min(350px,calc(100vw - 20px));padding:12px}
}
@media(min-width:681px){
  .mca-more-dialog{
    width:min(1500px,calc(100vw - 56px));
    height:calc(100dvh - 48px);
    min-height:0;
    max-height:calc(100dvh - 48px);
  }
  .mca-more-view--menu,
  .mca-more-view--observatory{
    flex:1 1 0;
    height:100%;
    min-height:0;
  }
  .mca-more-resources{
    flex:1 1 auto;
    align-content:start;
  }
  .mca-more-view--observatory .mca-more-dialog__content{
    height:auto!important;
  }
}
@media(max-width:680px){
  .mca-observation__icon>.wi{
    font-size:1.72rem;
  }
  .mca-observation__type{
    padding:6px 9px!important;
  }
  .mca-observation__type>.wi{
    font-size:.82rem;
  }
}

/* 0.15.1 · Teatro Romano reinterpretado como fondo sutil de Ahora. */
.mca-content>.mca-current{
  background:
    linear-gradient(112deg,rgba(5,86,177,.97) 0%,rgba(10,111,204,.94) 43%,rgba(25,88,203,.86) 72%,rgba(42,55,177,.88) 100%),
    url("brand/cartagena-teatro-meteo-v1.webp") center 66%/cover no-repeat;
}
.mca-content>.mca-current:before{
  background:rgba(255,255,255,.075);
}
@media(max-width:680px){
  .mca-content>.mca-current{
    background:
      linear-gradient(155deg,rgba(7,87,166,.98) 0%,rgba(11,100,183,.95) 23%,rgba(22,139,220,.9) 48%,rgba(29,96,215,.88) 72%,rgba(43,57,174,.92) 100%),
      url("brand/cartagena-teatro-meteo-v1.webp") 63% 65%/cover no-repeat;
  }
}

/* 0.16.0 · Teatro más presente y ambiente visual conectado al tiempo real. */
.mca-content>.mca-current{
  background:
    linear-gradient(112deg,rgba(5,86,177,.96) 0%,rgba(10,111,204,.92) 43%,rgba(25,88,203,.83) 72%,rgba(42,55,177,.87) 100%),
    url("brand/cartagena-teatro-meteo-v1.webp") center bottom/auto 148% no-repeat;
}
.mca-current>.mca-current__ambience{
  position:absolute;
  z-index:0;
  inset:0;
  overflow:hidden;
  border-radius:inherit;
  pointer-events:none;
}
.mca-current__ambience>span{
  position:absolute;
  display:block;
  opacity:0;
  transition:opacity .8s ease;
}
.mca-ambience-sun{
  top:-45px;
  right:-25px;
  width:190px;
  height:190px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,244,168,.9) 0 19%,rgba(255,225,112,.3) 20% 37%,rgba(255,218,92,0) 68%);
  filter:blur(.2px);
}
.mca-ambience-moon{
  top:25px;
  right:38px;
  width:76px;
  height:76px;
  border-radius:50%;
  background:radial-gradient(circle at 38% 35%,#fff 0,#e9f6ff 48%,#b9daf1 100%);
  box-shadow:0 0 28px rgba(220,244,255,.42),0 0 70px rgba(144,211,255,.22);
}
.mca-ambience-cloud{
  width:185px;
  height:43px;
  border-radius:999px;
  background:rgba(224,243,255,.62);
  filter:blur(5px);
}
.mca-ambience-cloud:before,
.mca-ambience-cloud:after{
  position:absolute;
  bottom:8px;
  border-radius:50%;
  background:inherit;
  content:"";
}
.mca-ambience-cloud:before{left:34px;width:64px;height:64px}
.mca-ambience-cloud:after{right:28px;width:82px;height:82px}
.mca-ambience-cloud--one{top:48px;right:-36px}
.mca-ambience-cloud--two{top:146px;left:-58px;transform:scale(.72)}
.mca-ambience-rain{
  inset:0;
  background:repeating-linear-gradient(107deg,transparent 0 22px,rgba(209,241,255,.6) 23px 25px,transparent 26px 48px);
  background-size:110% 86px;
  mask-image:linear-gradient(to bottom,transparent 8%,#000 31%,#000 78%,transparent 100%);
  animation:mca-ambience-rain 1.8s linear infinite;
}
.mca-ambience-lightning{
  top:70px;
  right:18%;
  width:43px;
  height:100px;
  background:linear-gradient(#fff9bd,#fff);
  clip-path:polygon(48% 0,100% 0,64% 39%,91% 39%,20% 100%,41% 55%,13% 55%);
  filter:drop-shadow(0 0 14px rgba(255,240,141,.8));
  animation:none;
}
.mca-ambience-leaves{
  inset:0;
  animation:mca-ambience-wind 7s linear infinite;
}
.mca-ambience-leaves i{
  position:absolute;
  width:15px;
  height:8px;
  border-radius:90% 10% 90% 10%;
  background:rgba(219,241,196,.78);
  box-shadow:0 0 8px rgba(255,255,255,.15);
}
.mca-ambience-leaves i:nth-child(1){top:27%;left:9%;transform:rotate(28deg)}
.mca-ambience-leaves i:nth-child(2){top:45%;left:38%;transform:rotate(-18deg) scale(.8)}
.mca-ambience-leaves i:nth-child(3){top:20%;left:68%;transform:rotate(48deg) scale(1.15)}
.mca-ambience-leaves i:nth-child(4){top:61%;left:82%;transform:rotate(-36deg) scale(.72)}
.mca-current[data-meteo-scene="clear-day"] .mca-ambience-sun{opacity:.34}
.mca-current[data-meteo-scene="clear-night"] .mca-ambience-moon{opacity:.32}
.mca-current[data-meteo-scene="clouds"] .mca-ambience-cloud{opacity:.18}
.mca-current[data-meteo-scene="rain"] .mca-ambience-cloud{opacity:.2}
.mca-current[data-meteo-scene="rain"] .mca-ambience-rain{opacity:.13}
.mca-current[data-meteo-scene="storm"] .mca-ambience-cloud{opacity:.24}
.mca-current[data-meteo-scene="storm"] .mca-ambience-rain{opacity:.1}
.mca-current[data-meteo-scene="storm"] .mca-ambience-lightning{opacity:.2;animation:mca-ambience-flash 6s ease-in-out infinite}
.mca-current[data-meteo-scene="wind"] .mca-ambience-leaves{opacity:.2}
@keyframes mca-ambience-rain{to{background-position:-42px 86px}}
@keyframes mca-ambience-flash{0%,8%,11%,100%{filter:drop-shadow(0 0 8px rgba(255,240,141,.35));opacity:.07}9%,10%{filter:drop-shadow(0 0 20px rgba(255,240,141,.95));opacity:.25}}
@keyframes mca-ambience-wind{0%{transform:translate3d(-12%,10px,0) rotate(-3deg)}50%{transform:translate3d(8%,-8px,0) rotate(4deg)}100%{transform:translate3d(22%,-18px,0) rotate(-2deg)}}
@media(max-width:680px){
  .mca-content>.mca-current{
    background:
      linear-gradient(155deg,rgba(7,87,166,.97) 0%,rgba(11,100,183,.93) 23%,rgba(22,139,220,.87) 48%,rgba(29,96,215,.84) 72%,rgba(43,57,174,.9) 100%),
      url("brand/cartagena-teatro-meteo-v1.webp") 60% bottom/auto 155% no-repeat;
  }
  .mca-ambience-sun{right:-55px}
  .mca-ambience-moon{top:34px;right:20px;width:62px;height:62px}
  .mca-ambience-cloud--one{right:-75px}
}
@media(prefers-reduced-motion:reduce){
  .mca-current__ambience>span{transition:none}
  .mca-ambience-rain,.mca-ambience-lightning,.mca-ambience-leaves{animation:none}
}

/* 0.16.1 · Posición del teatro y aislamiento estricto de cada fenómeno. */
.mca-content>.mca-current{
  background-position:center 110%;
}
.mca-current:not([data-meteo-scene="storm"]) .mca-ambience-lightning{
  display:none;
  opacity:0!important;
  animation:none!important;
}
.mca-current:not([data-meteo-scene="rain"]):not([data-meteo-scene="storm"]) .mca-ambience-rain{
  display:none;
  opacity:0!important;
  animation:none!important;
}
.mca-current:not([data-meteo-scene="clouds"]):not([data-meteo-scene="rain"]):not([data-meteo-scene="storm"]) .mca-ambience-cloud{
  display:none;
  opacity:0!important;
}
.mca-current:not([data-meteo-scene="wind"]) .mca-ambience-leaves{
  display:none;
  opacity:0!important;
  animation:none!important;
}
.mca-current:not([data-meteo-scene="clear-day"]) .mca-ambience-sun,
.mca-current:not([data-meteo-scene="clear-night"]) .mca-ambience-moon{
  display:none;
  opacity:0!important;
}
@media(max-width:680px){
  .mca-content>.mca-current{
    background-position:60% 110%;
  }
}

/* 0.16.2 · Fusión suave del fondo fotográfico, sin borde circular visible. */
.mca-content>.mca-current:before{
  right:-125px;
  bottom:-165px;
  width:390px;
  height:390px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(117,151,255,.095) 0%,rgba(104,138,244,.055) 42%,rgba(78,111,218,.018) 64%,transparent 76%);
  filter:blur(18px);
}
.mca-current>.mca-current__ambience:after{
  position:absolute;
  z-index:0;
  right:0;
  bottom:0;
  left:0;
  height:27%;
  background:linear-gradient(to bottom,transparent,rgba(16,73,171,.1));
  content:"";
  pointer-events:none;
}

/* 0.18.1 · Playas de la Región de Murcia filtradas por municipio. */
.mca-beaches-screen[hidden],.mca-beaches-notice[hidden],.mca-beaches-filters[hidden],.mca-beaches-search[hidden]{display:none!important}
.mca-app,.mca-bottom-nav{transition:max-width .28s ease,width .28s ease}
.mca-app.is-beaches-view,.mca-app-body.mca-beaches-open .mca-bottom-nav{max-width:1180px}
.mca-app.is-beaches-view>.mca-content{display:none}
.mca-beaches-screen{
  min-height:100%;
  padding:20px 22px calc(26px + env(safe-area-inset-bottom));
  background:
    radial-gradient(circle at 100% 0,rgba(83,195,234,.13),transparent 28%),
    linear-gradient(180deg,#f4f9fc 0%,#edf5f9 100%);
}
.mca-beaches-hero{
  position:relative;
  display:grid;
  grid-template-columns:78px minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  min-height:172px;
  overflow:hidden;
  padding:28px 30px;
  border:1px solid rgba(122,203,232,.5);
  border-radius:28px;
  background:linear-gradient(125deg,#0868b9 0%,#078ecb 53%,#22bad0 100%);
  color:#fff;
  box-shadow:0 18px 40px rgba(8,95,158,.18);
}
.mca-beaches-hero:after{position:absolute;z-index:0;top:0;right:0;bottom:0;width:66%;background:url("brand/cabo-de-palos-playas.png") center 45%/cover no-repeat;opacity:.58;content:"";pointer-events:none;transform:scaleX(-1);-webkit-mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.52) 68%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.52) 68%,transparent 100%)}
.mca-beaches-hero:before{position:absolute;z-index:1;inset:0;background:linear-gradient(100deg,rgba(5,92,174,.98) 0%,rgba(4,118,192,.91) 47%,rgba(11,162,203,.68) 100%);content:"";pointer-events:none}
.mca-beaches-hero>*:not(.mca-beaches-hero__waves){position:relative;z-index:2}
.mca-beaches-hero__waves{position:absolute;z-index:1;inset:0;overflow:hidden;opacity:.26;pointer-events:none}
.mca-beaches-hero__waves i{position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.8);border-radius:44%;animation:mca-beach-wave 14s linear infinite}
.mca-beaches-hero__waves i:nth-child(1){top:-315px;right:-60px}
.mca-beaches-hero__waves i:nth-child(2){right:85px;bottom:-365px;animation-duration:18s;animation-direction:reverse}
.mca-beaches-hero__waves i:nth-child(3){right:-210px;bottom:-315px;animation-duration:21s}
.mca-beaches-hero__icon{display:grid;width:74px;height:74px;place-items:center;border:1px solid rgba(255,255,255,.38);border-radius:23px;background:rgba(255,255,255,.16);box-shadow:inset 0 1px rgba(255,255,255,.28),0 12px 24px rgba(0,59,111,.18);backdrop-filter:blur(8px)}
.mca-beaches-hero__icon svg{width:43px;height:43px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mca-beaches-kicker{display:block;margin-bottom:6px;color:#d6f7ff;font-size:.67rem;font-weight:900;letter-spacing:.085em}
.mca-beaches-hero h1{margin:0;color:#fff;font-size:2rem;line-height:1.08;letter-spacing:-.025em}
.mca-beaches-hero p{max-width:590px;margin:8px 0 0;color:rgba(255,255,255,.86);font-size:.84rem;font-weight:650;line-height:1.45}
.mca-beaches-live{position:absolute!important;top:19px;right:20px;display:flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(5,74,142,.32);box-shadow:inset 0 1px rgba(255,255,255,.17);color:#fff;font-size:.55rem;font-weight:900;white-space:nowrap;backdrop-filter:blur(9px)}
.mca-beaches-live>i{position:relative;display:grid;width:17px;height:17px;place-items:center;border:1px solid rgba(158,255,213,.55);border-radius:50%;background:rgba(77,233,166,.12)}
.mca-beaches-live>i:before,.mca-beaches-live>i:after{position:absolute;inset:-1px;border:1px solid rgba(127,246,195,.55);border-radius:50%;content:"";animation:mca-beach-monitor 2.5s ease-out infinite}
.mca-beaches-live>i:after{animation-delay:1.25s}
.mca-beaches-live>i b{display:block;width:7px;height:7px;border-radius:50%;background:#71f0b5;box-shadow:0 0 8px rgba(113,240,181,.7)}
.mca-beaches-live>strong{color:inherit;font:inherit;letter-spacing:.025em}
.mca-beaches-overview{display:grid;grid-template-columns:58px minmax(0,1fr) 44px;align-items:center;gap:14px;margin:16px 0;padding:16px 18px;border:1px solid #d3e3ec;border-radius:20px;background:rgba(255,255,255,.92);box-shadow:0 10px 26px rgba(13,65,102,.07)}
.mca-beaches-overview__flag{position:relative;display:block;width:52px;height:52px;border-radius:16px;background:linear-gradient(145deg,#e2f7fd,#f7fcfe)}
.mca-beaches-overview__flag:before{position:absolute;top:12px;bottom:10px;left:17px;width:3px;border-radius:3px;background:#0c8dc7;content:""}
.mca-beaches-overview__flag i{position:absolute;top:12px;left:20px;width:22px;height:15px;border-radius:2px 5px 5px 2px;background:#18acd5;clip-path:polygon(0 0,100% 12%,83% 50%,100% 88%,0 100%)}
.mca-beaches-overview strong,.mca-beaches-overview small{display:block}
.mca-beaches-overview strong{color:#08284e;font-size:.89rem;line-height:1.3}
.mca-beaches-overview small{margin-top:4px;color:#71869a;font-size:.65rem;font-weight:700;line-height:1.35}
.mca-beaches-overview button{display:grid;width:44px;height:44px;place-items:center;border:1px solid #d4e5ed;border-radius:14px;background:#f7fbfd;color:#098bc5;cursor:pointer}
.mca-beaches-overview button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.mca-beaches-overview button.is-loading svg{animation:mca-beach-spin .8s linear infinite}
.mca-beaches-notice{display:flex;align-items:flex-start;gap:11px;margin:0 0 16px;padding:13px 15px;border:1px solid #f1d28b;border-radius:17px;background:#fff9ed;color:#805600}
.mca-beaches-notice>span{display:grid;flex:0 0 19px;width:19px;height:19px;place-items:center;border-radius:50%;background:#e5a700;color:#fff;font-size:.62rem;font-weight:900}
.mca-beaches-notice p{margin:0;font-size:.67rem;font-weight:700;line-height:1.48}
.mca-beaches-municipalities{display:flex;gap:8px;overflow-x:auto;margin:0 -2px 13px;padding:2px 2px 7px;scroll-snap-type:x proximity;scrollbar-width:none}
.mca-beaches-municipalities::-webkit-scrollbar{display:none}
.mca-beach-municipality{display:inline-flex;flex:0 0 auto;align-items:center;gap:7px;min-height:42px;padding:8px 13px;border:1px solid #d1e1ea;border-radius:999px;background:#fff;color:#60768a;font-size:.63rem;font-weight:850;white-space:nowrap;scroll-snap-align:start;cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease}
.mca-beach-municipality:hover{transform:translateY(-1px);border-color:#8bcce7}
.mca-beach-municipality.is-active{border-color:#078bc7;background:linear-gradient(135deg,#087abb,#10a7d1);color:#fff;box-shadow:0 7px 16px rgba(7,139,199,.2)}
.mca-beach-municipality b{display:grid;min-width:20px;height:20px;padding:0 5px;place-items:center;border-radius:999px;background:#eaf5fa;color:#167fae;font-size:.52rem}
.mca-beach-municipality.is-active b{background:rgba(255,255,255,.2);color:#fff}
.mca-beaches-filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:13px}
.mca-beach-filter{display:flex;align-items:center;justify-content:center;gap:7px;min-height:46px;padding:8px 10px;border:1px solid #d4e2eb;border-radius:15px;background:#fff;color:#597087;font-size:.66rem;font-weight:800;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease}
.mca-beach-filter:hover{transform:translateY(-1px);box-shadow:0 7px 16px rgba(9,66,104,.07)}
.mca-beach-filter.is-active{border-color:#29abe0;background:#eaf8fe;color:#087db8;box-shadow:0 0 0 2px rgba(41,171,224,.08)}
.mca-beach-filter i{width:10px;height:10px;border-radius:3px;background:#91a2b3}
.mca-beach-filter.is-green i{background:#16b66f}.mca-beach-filter.is-yellow i{background:#f0b800}.mca-beach-filter.is-red i{background:#e4343f}.mca-beach-filter.is-all i{background:#21a8d8}
.mca-beach-filter b{color:#0a284d;font-size:.8rem}.mca-beach-filter span{white-space:nowrap}
.mca-beaches-search{display:grid;grid-template-columns:22px minmax(0,1fr) 32px;align-items:center;gap:8px;margin-bottom:17px;padding:0 11px 0 15px;border:1px solid #cedfea;border-radius:17px;background:#fff;box-shadow:0 7px 18px rgba(17,70,106,.04)}
.mca-beaches-search>span{color:#7e96a9}.mca-beaches-search svg{display:block;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.mca-beaches-search input{min-width:0;height:50px;border:0;outline:0;background:transparent;color:#0a284e;font:inherit;font-size:.75rem;font-weight:700}
.mca-beaches-search input::placeholder{color:#8ca0b2}
.mca-beaches-search button{display:grid;width:30px;height:30px;place-items:center;border:0;border-radius:10px;background:#edf5f9;color:#658096;font-size:1rem;cursor:pointer}
.mca-beaches-search button[hidden]{display:block;visibility:hidden}
.mca-beaches-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.mca-beach-card{--mca-flag:#91a2b3;position:relative;min-width:0;overflow:hidden;border:1px solid #d6e3eb;border-top:4px solid var(--mca-flag);border-radius:20px;background:#fff;box-shadow:0 10px 25px rgba(8,51,84,.07);transition:transform .2s ease,box-shadow .2s ease}
.mca-beach-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(8,51,84,.11)}
.mca-beach-card.is-green{--mca-flag:#13b76d}.mca-beach-card.is-yellow{--mca-flag:#efb800}.mca-beach-card.is-red{--mca-flag:#e53542}
.mca-beach-card__heading{display:grid;grid-template-columns:58px minmax(0,1fr);gap:13px;align-items:center;padding:17px 17px 13px}
.mca-beach-card__flag{position:relative;display:block;width:56px;height:56px;border-radius:17px;background:#edf5f8;background:color-mix(in srgb,var(--mca-flag) 10%,#f7fbfd)}
.mca-beach-card__flag:before{position:absolute;top:13px;bottom:10px;left:17px;width:3px;border-radius:3px;background:var(--mca-flag);content:""}
.mca-beach-card__flag i{position:absolute;top:13px;left:20px;width:25px;height:17px;border-radius:2px 5px 5px 2px;background:var(--mca-flag);clip-path:polygon(0 0,100% 12%,82% 50%,100% 88%,0 100%);transform-origin:left center;animation:mca-flag-wave 3.4s ease-in-out infinite}
.mca-beach-card h2{margin:0 0 7px;color:#08274e;font-size:.83rem;line-height:1.24;text-transform:uppercase}
.mca-beach-card__municipality{display:block;margin:0 0 4px;color:#078bc7;font-size:.48rem;font-weight:900;letter-spacing:.045em;text-transform:uppercase}
.mca-beach-card__heading strong,.mca-beach-card__heading small{display:block}
.mca-beach-card__heading strong{color:var(--mca-flag);font-size:.73rem;line-height:1.25}
.mca-beach-card.is-none .mca-beach-card__heading strong{color:#65798d}
.mca-beach-card__heading small{margin-top:2px;color:#778b9e;font-size:.58rem;font-weight:700;line-height:1.35}
.mca-beach-card__meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:0 13px 13px}
.mca-beach-card__meta>span{position:relative;min-width:0;padding:10px 9px 9px 31px;border:1px solid #e1eaf0;border-radius:12px;background:#f8fbfd}
.mca-beach-card__meta i{position:absolute;top:11px;left:10px;color:#0b91c9;font-size:.87rem;font-style:normal}
.mca-beach-card__meta small,.mca-beach-card__meta b{display:block;overflow:hidden;text-overflow:ellipsis}
.mca-beach-card__meta small{color:#8a9baa;font-size:.44rem;font-weight:900;letter-spacing:.02em}
.mca-beach-card__meta b{margin-top:2px;color:#3c5870;font-size:.55rem;line-height:1.3;white-space:nowrap}
.mca-beaches-loading,.mca-beaches-empty{grid-column:1/-1;display:flex;min-height:230px;align-items:center;flex-direction:column;justify-content:center;padding:30px;border:1px solid #d6e4ec;border-radius:22px;background:#fff;color:#71869a;text-align:center}
.mca-beaches-loading{flex-direction:row;gap:11px;font-size:.72rem;font-weight:750}
.mca-beaches-loading>span{width:23px;height:23px;border:3px solid #d9ebf2;border-top-color:#119dd4;border-radius:50%;animation:mca-beach-spin .8s linear infinite}
.mca-beaches-empty>span{display:grid;width:59px;height:59px;margin-bottom:13px;place-items:center;border-radius:18px;background:#e9f7fc;color:#0b91c9;font-size:1.6rem;font-weight:800}
.mca-beaches-empty.is-unavailable>span{background:#fff1dd;color:#dd8a15}
.mca-beaches-empty strong{color:#0a294e;font-size:.87rem}.mca-beaches-empty p{max-width:390px;margin:6px 0 0;font-size:.65rem;line-height:1.5}
.mca-beaches-source{padding:17px 8px 2px;color:#8295a6;font-size:.58rem;font-weight:700;text-align:center}
@keyframes mca-beach-spin{to{transform:rotate(1turn)}}
@keyframes mca-beach-wave{to{transform:rotate(1turn)}}
@keyframes mca-beach-pulse{0%{box-shadow:0 0 0 0 rgba(127,246,195,.32)}70%,100%{box-shadow:0 0 0 9px rgba(127,246,195,0)}}
@keyframes mca-beach-monitor{0%{opacity:.65;transform:scale(.7)}75%,100%{opacity:0;transform:scale(1.65)}}
@keyframes mca-flag-wave{0%,100%{transform:skewY(0) scaleX(1)}50%{transform:skewY(-5deg) scaleX(.9)}}
@media(max-width:820px){
  .mca-beaches-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mca-beaches-hero{grid-template-columns:68px minmax(0,1fr);padding:24px}
  .mca-beaches-hero__icon{width:64px;height:64px;border-radius:20px}.mca-beaches-hero__icon svg{width:38px;height:38px}
  .mca-beaches-live{top:16px;right:16px}
}
@media(max-width:580px){
  .mca-beaches-screen{padding:12px 13px calc(20px + env(safe-area-inset-bottom))}
  .mca-beaches-hero{grid-template-columns:54px minmax(0,1fr);gap:12px;min-height:164px;padding:50px 17px 18px;border-radius:24px}
  .mca-beaches-hero__icon{width:53px;height:53px;border-radius:17px}.mca-beaches-hero__icon svg{width:32px;height:32px}
  .mca-beaches-hero:after{width:100%;background-position:center 44%;opacity:.4;-webkit-mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.2));mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.2))}
  .mca-beaches-live{top:13px;right:14px;padding:6px 9px;font-size:.47rem}
  .mca-beaches-kicker{font-size:.56rem}.mca-beaches-hero h1{font-size:1.35rem}.mca-beaches-hero p{margin-top:5px;font-size:.67rem;line-height:1.4}
  .mca-beaches-overview{grid-template-columns:48px minmax(0,1fr) 38px;gap:10px;margin:12px 0;padding:13px;border-radius:18px}
  .mca-beaches-overview__flag{width:46px;height:46px}.mca-beaches-overview strong{font-size:.72rem}.mca-beaches-overview small{font-size:.57rem}.mca-beaches-overview button{width:38px;height:38px;border-radius:12px}
  .mca-beaches-notice{padding:11px 12px}.mca-beaches-notice p{font-size:.58rem}
  .mca-beaches-filters{display:flex;gap:8px;overflow-x:auto;margin-right:-13px;padding:1px 13px 7px 0;scrollbar-width:none}.mca-beaches-filters::-webkit-scrollbar{display:none}
  .mca-beach-filter{flex:0 0 auto;min-height:41px;padding:7px 12px;border-radius:14px;font-size:.59rem}
  .mca-beaches-search{margin-bottom:13px}.mca-beaches-search input{height:46px;font-size:.68rem}
  .mca-beaches-grid{grid-template-columns:1fr;gap:10px}
  .mca-beach-card{border-radius:18px}.mca-beach-card__heading{grid-template-columns:54px minmax(0,1fr);padding:14px 14px 11px}.mca-beach-card__flag{width:52px;height:52px}.mca-beach-card h2{font-size:.78rem}
  .mca-beach-card__meta{padding:0 11px 11px}.mca-beach-card__meta b{font-size:.52rem}
  .mca-beaches-loading,.mca-beaches-empty{min-height:210px;padding:24px}
}
@media(max-width:370px){
  .mca-beaches-hero{grid-template-columns:1fr;padding-top:50px}.mca-beaches-hero__icon{display:none}
  .mca-beaches-overview{grid-template-columns:minmax(0,1fr) 38px}.mca-beaches-overview__flag{display:none}
  .mca-beach-card__meta{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .mca-app,.mca-bottom-nav,.mca-beach-filter,.mca-beach-municipality,.mca-beach-card{transition:none}
  .mca-beaches-hero__waves i,.mca-beaches-live>i:before,.mca-beaches-live>i:after,.mca-beach-card__flag i,.mca-beaches-loading>span{animation:none}
}

/* Cabecera: espacio propio para la insignia y faro completo a la derecha. */
.mca-beaches-hero{grid-template-columns:78px minmax(0,1fr);padding-top:66px;min-height:210px}
.mca-beaches-hero:after{
  top:18px;bottom:-18px;background-position:center top;opacity:.9;
}
.mca-beaches-hero:before{
  background:linear-gradient(100deg,rgba(5,82,158,.96) 0%,rgba(4,104,175,.83) 43%,rgba(8,137,180,.22) 100%);
}
.mca-beaches-live{left:24px;right:auto;top:16px;font-size:.64rem}
.mca-beaches-hero__waves{opacity:.16}
.mca-beach-card__meta b{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
@media(max-width:820px){
  .mca-beaches-hero{grid-template-columns:64px minmax(0,1fr);padding:64px 22px 24px}
  .mca-beaches-live{left:22px;right:auto}
}
@media(max-width:580px){
  .mca-beaches-hero{grid-template-columns:54px minmax(0,1fr);padding:62px 17px 22px;min-height:200px}
  .mca-beaches-live{left:17px;right:auto;top:14px;font-size:.6rem}
  .mca-beaches-hero:after{top:22px;bottom:-22px;background-position:center top;opacity:.9}
  .mca-beaches-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .mca-beach-card{display:flex;flex-direction:column}
  .mca-beach-card__heading{grid-template-columns:minmax(0,1fr);align-items:start;gap:10px;padding:12px}
  .mca-beach-card__heading>div{min-width:0}
  .mca-beach-card h2{font-size:.76rem;line-height:1.35;overflow-wrap:anywhere;text-wrap:wrap}
  .mca-beach-card__heading strong{font-size:.7rem}
  .mca-beach-card__heading small{font-size:.61rem;line-height:1.45}
  .mca-beach-card__municipality{font-size:.53rem;overflow-wrap:anywhere}
  .mca-beach-card__meta{grid-template-columns:minmax(0,1fr);margin-top:auto;padding:0 10px 12px}
  .mca-beach-card__meta b{font-size:.59rem;line-height:1.4}
  .mca-beach-card__meta small{font-size:.5rem;white-space:normal}
}
@media(max-width:370px){
  .mca-beaches-hero{grid-template-columns:minmax(0,1fr)}
  .mca-beach-card__heading{padding:10px}
}

/* Panorama completo: el borde izquierdo de la foto se funde con el azul. */
.mca-beaches-hero{
  aspect-ratio:auto;
  box-sizing:border-box;
  width:100%;max-width:100%;min-width:0;
}
.mca-beaches-hero>div:not(.mca-beaches-hero__waves){min-width:0;max-width:100%}
.mca-beaches-hero h1,.mca-beaches-hero p,.mca-beaches-kicker{white-space:normal;overflow-wrap:anywhere}
.mca-beaches-hero:after{
  top:0;right:0;bottom:auto;left:auto;width:auto;height:100%;aspect-ratio:3 / 1;
  background-image:url("brand/cabo-de-palos-panorama-v2.png");
  background-size:100% 100%;background-position:center;background-repeat:no-repeat;
  transform:none;opacity:1;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.5) 14%,#000 34%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.5) 14%,#000 34%);
}
.mca-beaches-hero:before{
  background:linear-gradient(90deg,rgba(5,78,149,.96) 0%,rgba(5,91,163,.85) 42%,rgba(5,113,176,.45) 72%,rgba(5,113,176,.18) 100%);
}

/* 0.19.8 · La cabecera alcanza ambos bordes también en tablet y con zoom. */
.mca-beaches-hero{
  width:calc(100% + 44px);
  max-width:none;
  margin-right:-22px;
  margin-left:-22px;
}
@media(max-width:680px){
  .mca-beaches-screen{padding:0 16px calc(20px + env(safe-area-inset-bottom))}
  .mca-beaches-hero{
    width:calc(100% + 32px);
    min-height:350px;
    margin:0 -16px;
    padding:calc(76px + env(safe-area-inset-top)) 24px 28px;
    border:0;
    border-radius:0 0 32px 32px;
    box-shadow:0 18px 38px rgba(8,95,158,.2);
  }
  .mca-beaches-hero:after{right:-90px}
  .mca-beaches-live{top:calc(18px + env(safe-area-inset-top));left:24px}
}
@media(max-width:380px){
  .mca-beaches-screen{padding-right:12px;padding-left:12px}
  .mca-beaches-hero{width:calc(100% + 24px);margin-right:-12px;margin-left:-12px;padding-right:20px;padding-left:20px;border-radius:0 0 28px 28px}
  .mca-beaches-live{left:20px}
}

/* El desplazamiento continúa activo, pero sin reservar una franja vacía lateral. */
.mca-app.is-beaches-view,.mca-app.is-forecast-view{scrollbar-gutter:auto;scrollbar-width:none}
.mca-app.is-beaches-view::-webkit-scrollbar,.mca-app.is-forecast-view::-webkit-scrollbar{width:0;height:0}

/* 0.20.0 · Weather Icons y acabado visual unificado en Ahora. */
.mca-current .mca-weather-art{
  display:grid;
  width:132px;
  height:122px;
  place-items:center;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.28);
  border-radius:30px;
  background:linear-gradient(145deg,rgba(255,255,255,.17),rgba(255,255,255,.07));
  box-shadow:inset 0 1px rgba(255,255,255,.24),0 12px 28px rgba(4,45,119,.16);
  -webkit-backdrop-filter:blur(7px);
  backdrop-filter:blur(7px);
}
.mca-current .mca-current-icon{display:grid;width:100%;height:100%;place-items:center;color:#fff;font-size:5.05rem;filter:drop-shadow(0 7px 9px rgba(2,34,95,.2))}
.mca-current-icon>.mca-now-weather-glyph{display:grid;width:100%;height:100%;place-items:center;color:#fff;font-size:1em;font-style:normal;line-height:1}
.mca-current-icon>.mca-now-weather-glyph:before{display:block;background:none;color:#fff;font-size:1em;line-height:1;-webkit-text-fill-color:#fff}
.mca-metrics article .mca-metric-symbol{
  display:grid;
  width:50px;
  height:50px;
  place-items:center;
  border:1px solid rgba(12,134,197,.2);
  border-radius:15px;
  background:linear-gradient(145deg,#25a9d8,#0876be);
  color:#fff;
  box-shadow:0 7px 15px rgba(7,126,190,.16),inset 0 1px rgba(255,255,255,.22);
}
.mca-now-metric-icon{display:grid;place-items:center;color:#fff;font-size:1.65rem;font-style:normal;line-height:1}
.mca-now-metric-icon:before{display:block;background:none;color:#fff;line-height:1;-webkit-text-fill-color:#fff}
.mca-moon-phase-icon.is-phase-updated:before{animation:mca-moon-phase-reveal 240ms ease-out both}
@keyframes mca-moon-phase-reveal{from{opacity:.45;transform:scale(.9)}to{opacity:1;transform:scale(1)}}
.mca-weather-effects-paused .mca-moon-phase-icon:before{animation:none}
@media(prefers-reduced-motion:reduce){.mca-moon-phase-icon:before{animation:none!important}}
.mca-hours article>.mca-hour-icon,.mca-days article>.mca-day-icon{
  display:grid;
  place-items:center;
  margin:0;
  border:1px solid rgba(12,134,197,.18);
  background:linear-gradient(145deg,#25a9d8,#0876be);
  color:#fff;
  box-shadow:0 7px 15px rgba(7,126,190,.16),inset 0 1px rgba(255,255,255,.2);
}
.mca-hours article>.mca-hour-icon{width:50px;height:50px;border-radius:15px;font-size:1.75rem}
.mca-days article>.mca-day-icon,.mca-days article.mca-day-official>.mca-day-icon{width:44px;height:44px;border-radius:13px;font-size:1.55rem}
.mca-hour-icon>.mca-now-weather-glyph,.mca-day-icon>.mca-now-weather-glyph{display:grid;width:100%;height:100%;place-items:center;color:#fff;font-size:1em;font-style:normal;line-height:1}
.mca-hour-icon>.mca-now-weather-glyph:before,.mca-day-icon>.mca-now-weather-glyph:before{display:block;background:none!important;color:#fff!important;font-size:1em;line-height:1;-webkit-text-fill-color:#fff!important}
.mca-hours article.is-now>.mca-hour-icon{background:linear-gradient(145deg,#08b9d5,#0872c5);box-shadow:0 8px 17px rgba(5,139,193,.22),inset 0 1px rgba(255,255,255,.24)}
@media(max-width:520px){
  .mca-current .mca-weather-art{width:116px;height:108px;border-radius:25px}
  .mca-current .mca-current-icon{font-size:4.25rem}
  .mca-metrics article .mca-metric-symbol{width:43px;height:43px;border-radius:13px}
  .mca-now-metric-icon{font-size:1.5rem}
  .mca-hours article>.mca-hour-icon{width:46px;height:46px;border-radius:13px;font-size:1.58rem}
  .mca-days article>.mca-day-icon,.mca-days article.mca-day-official>.mca-day-icon{width:40px;height:40px;border-radius:12px;font-size:1.4rem}
}
@media(max-width:365px){
  .mca-current .mca-weather-art{width:96px;height:92px;border-radius:22px}
  .mca-current .mca-current-icon{font-size:3.65rem}
  .mca-metrics article .mca-metric-symbol{width:38px;height:38px;border-radius:11px}
  .mca-now-metric-icon{font-size:1.35rem}
}
@media(prefers-reduced-motion:reduce){.mca-current .mca-weather-art{-webkit-backdrop-filter:none;backdrop-filter:none}}

/* 0.20.1 · Icono principal limpio y ondas ambientales en Ahora. */
.mca-current .mca-weather-art{
  width:124px;
  height:108px;
  overflow:visible;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
.mca-current .mca-current-icon{
  font-size:4.9rem;
  filter:drop-shadow(0 7px 10px rgba(2,34,95,.24));
}
.mca-current__ambience>.mca-ambience-waves{
  position:absolute;
  z-index:0;
  inset:0;
  display:block;
  overflow:hidden;
  opacity:.18;
  transition:none;
}
.mca-ambience-waves>i{
  position:absolute;
  display:block;
  width:430px;
  height:430px;
  border:1px solid rgba(255,255,255,.72);
  border-radius:44%;
  animation:mca-now-wave 18s linear infinite;
}
.mca-ambience-waves>i:nth-child(1){top:-332px;right:-86px}
.mca-ambience-waves>i:nth-child(2){right:92px;bottom:-386px;animation-duration:23s;animation-direction:reverse}
.mca-ambience-waves>i:nth-child(3){right:-225px;bottom:-344px;animation-duration:27s}
@keyframes mca-now-wave{to{transform:rotate(1turn)}}
@media(max-width:520px){
  .mca-current .mca-weather-art{width:108px;height:96px}
  .mca-current .mca-current-icon{font-size:4.15rem}
  .mca-current__ambience>.mca-ambience-waves{opacity:.15}
  .mca-ambience-waves>i{width:360px;height:360px}
  .mca-ambience-waves>i:nth-child(1){top:-278px;right:-88px}
  .mca-ambience-waves>i:nth-child(2){right:48px;bottom:-323px}
  .mca-ambience-waves>i:nth-child(3){right:-210px;bottom:-292px}
}
@media(max-width:365px){
  .mca-current .mca-weather-art{width:90px;height:82px}
  .mca-current .mca-current-icon{font-size:3.55rem}
}
@media(prefers-reduced-motion:reduce){
  .mca-ambience-waves>i{animation:none}
}

/* 0.20.2 · Centrado óptico del estado actual y horas más ligeras. */
.mca-current__weather .mca-weather-art{
  transform:translateY(7px);
}
.mca-hours article>.mca-hour-icon,
.mca-hours article.is-now>.mca-hour-icon{
  width:52px;
  height:52px;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  color:#078bc7;
  font-size:2.15rem;
}
.mca-hour-icon>.mca-now-weather-glyph:before{
  background:linear-gradient(145deg,#25b4d8 0%,#0876be 74%)!important;
  background-clip:text!important;
  -webkit-background-clip:text!important;
  color:transparent!important;
  filter:drop-shadow(0 4px 7px rgba(8,118,190,.14));
  -webkit-text-fill-color:transparent!important;
}
@media(max-width:520px){
  .mca-current__weather .mca-weather-art{transform:translateY(9px)}
  .mca-hours article>.mca-hour-icon,
  .mca-hours article.is-now>.mca-hour-icon{width:48px;height:48px;font-size:1.95rem}
}
@media(max-width:365px){
  .mca-current__weather .mca-weather-art{transform:translateY(8px)}
}

/* 0.20.3 · Zona segura uniforme para todos los glifos horarios. */
.mca-hours article>.mca-hour-icon,
.mca-hours article.is-now>.mca-hour-icon{
  width:58px;
  height:58px;
  overflow:visible;
  font-size:1.82rem;
}
.mca-hour-icon>.mca-now-weather-glyph{
  display:grid;
  width:58px;
  height:58px;
  overflow:visible;
  place-items:center;
  line-height:1.2;
}
.mca-hour-icon>.mca-now-weather-glyph:before{
  display:inline-block;
  max-width:none;
  padding:.12em;
  line-height:1.2;
  transform:scale(.92);
  transform-origin:center;
}
@media(max-width:520px){
  .mca-hours article>.mca-hour-icon,
  .mca-hours article.is-now>.mca-hour-icon,
  .mca-hour-icon>.mca-now-weather-glyph{width:54px;height:54px}
  .mca-hours article>.mca-hour-icon,
  .mca-hours article.is-now>.mca-hour-icon{font-size:1.74rem}
}

/* 0.20.4 · Superficie común para equilibrar el peso de los iconos horarios. */
.mca-hours article>.mca-hour-icon,
.mca-hours article.is-now>.mca-hour-icon{
  width:52px;
  height:52px;
  overflow:visible;
  border:1px solid rgba(255,255,255,.3);
  border-radius:16px;
  background:linear-gradient(145deg,#25b4d8 0%,#0780c4 68%,#086eb7 100%);
  box-shadow:0 7px 15px rgba(7,126,190,.16),inset 0 1px rgba(255,255,255,.24);
  color:#fff;
  font-size:1.72rem;
}
.mca-hours article.is-now>.mca-hour-icon{
  background:linear-gradient(145deg,#1fc4dc 0%,#0876c5 76%);
  box-shadow:0 8px 17px rgba(5,139,193,.2),inset 0 1px rgba(255,255,255,.28);
}
.mca-hour-icon>.mca-now-weather-glyph{
  width:52px;
  height:52px;
}
.mca-hour-icon>.mca-now-weather-glyph:before{
  background:none!important;
  color:#fff!important;
  filter:drop-shadow(0 2px 3px rgba(0,69,130,.16));
  -webkit-text-fill-color:#fff!important;
}
@media(max-width:520px){
  .mca-hours article>.mca-hour-icon,
  .mca-hours article.is-now>.mca-hour-icon,
  .mca-hour-icon>.mca-now-weather-glyph{width:50px;height:50px}
  .mca-hours article>.mca-hour-icon,
  .mca-hours article.is-now>.mca-hour-icon{border-radius:15px;font-size:1.66rem}
}

/* 0.21.0 · Seguimiento local en directo dentro de la cabecera de Ahora. */
.mca-observation-live[hidden]{display:none!important}
.mca-observation-live{
  position:relative;
  display:grid;
  width:100%;
  grid-template-columns:42px minmax(0,1fr) 24px;
  align-items:center;
  gap:11px;
  margin:0 0 15px;
  padding:9px 10px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.27);
  border-radius:17px;
  background:linear-gradient(100deg,rgba(3,45,104,.55),rgba(0,117,180,.38));
  box-shadow:inset 0 1px rgba(255,255,255,.18),0 8px 19px rgba(0,34,86,.13);
  color:#fff;
  font:inherit;
  text-align:left;
  cursor:pointer;
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
}
.mca-observation-live:before{
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  width:3px;
  background:#5ce5c0;
  box-shadow:0 0 12px rgba(92,229,192,.72);
  content:"";
}
.mca-observation-live__icon{
  display:grid;
  width:42px;
  height:42px;
  place-items:center;
  border:1px solid rgba(255,255,255,.24);
  border-radius:13px;
  background:rgba(255,255,255,.15);
  box-shadow:inset 0 1px rgba(255,255,255,.18);
}
.mca-observation-live__icon>.wi{color:#fff;font-size:1.45rem;line-height:1}
.mca-observation-live__copy{display:block;min-width:0}
.mca-observation-live__copy small,
.mca-observation-live__copy strong,
.mca-observation-live__copy em{display:block}
.mca-observation-live__copy small{
  color:#bffbea;
  font-size:.49rem;
  font-weight:950;
  letter-spacing:.045em;
  line-height:1.2;
}
.mca-observation-live__copy small>i{
  display:inline-block;
  width:7px;
  height:7px;
  margin-right:5px;
  border:2px solid rgba(255,255,255,.62);
  border-radius:50%;
  background:#52e0bb;
  box-shadow:0 0 0 4px rgba(82,224,187,.14),0 0 11px rgba(82,224,187,.68);
  vertical-align:-1px;
  animation:mca-live-pulse 1.8s ease-out infinite;
}
.mca-observation-live__copy strong{
  display:-webkit-box;
  margin-top:3px;
  overflow:hidden;
  color:#fff;
  font-size:.7rem;
  font-weight:850;
  line-height:1.25;
  white-space:normal;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.mca-observation-live__copy em{
  margin-top:2px;
  overflow:hidden;
  color:rgba(255,255,255,.74);
  font-size:.5rem;
  font-style:normal;
  font-weight:700;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.mca-observation-live__arrow{
  display:grid;
  width:24px;
  height:32px;
  place-items:center;
  border-radius:10px;
  background:rgba(255,255,255,.11);
  color:#fff;
  font-size:1.25rem;
  line-height:1;
}
.mca-observation-live:focus-visible{outline:3px solid rgba(162,239,255,.78);outline-offset:2px}
.mca-observation-live:hover{background:linear-gradient(100deg,rgba(3,45,104,.64),rgba(0,130,190,.48))}
@keyframes mca-live-pulse{
  0%{box-shadow:0 0 0 0 rgba(82,224,187,.52),0 0 10px rgba(82,224,187,.64)}
  70%,100%{box-shadow:0 0 0 7px rgba(82,224,187,0),0 0 12px rgba(82,224,187,.5)}
}
@media(max-width:520px){
  .mca-observation-live{grid-template-columns:38px minmax(0,1fr) 22px;gap:9px;margin-bottom:13px;padding:8px 9px;border-radius:15px}
  .mca-observation-live__icon{width:38px;height:38px;border-radius:12px}
  .mca-observation-live__icon>.wi{font-size:1.28rem}
  .mca-observation-live__copy small{font-size:.44rem}
  .mca-observation-live__copy strong{font-size:.62rem}
  .mca-observation-live__copy em{font-size:.45rem}
}
@media(prefers-reduced-motion:reduce){
  .mca-observation-live__copy small>i{animation:none}
}

/* 0.21.1 · Ondas y nuevo encuadre de los faros en la cabecera de Más. */
.mca-more-hero{
  isolation:isolate;
  background:
    linear-gradient(112deg,rgba(5,75,170,.95) 0%,rgba(5,126,195,.8) 56%,rgba(8,174,198,.61) 100%),
    url("brand/cartagena-faros-splash-v4.webp") center 70%/106% auto no-repeat;
}
.mca-more-hero:after{
  z-index:0;
  inset:auto 0 0;
  width:auto;
  height:38%;
  border:0;
  border-radius:0;
  background:linear-gradient(to bottom,transparent,rgba(3,83,165,.31));
  box-shadow:none;
  opacity:1;
  pointer-events:none;
}
.mca-more-hero__weather{
  z-index:0;
  overflow:hidden;
  opacity:.17;
}
.mca-more-hero__weather i{
  width:420px;
  height:420px;
  border:1px solid rgba(255,255,255,.78);
  border-radius:44%;
  animation:mca-more-wave 18s linear infinite;
}
.mca-more-hero__weather i:nth-child(1){top:-135px;right:-72px}
.mca-more-hero__weather i:nth-child(2){top:auto;right:86px;bottom:-182px;animation-duration:23s;animation-direction:reverse}
.mca-more-hero__weather i:nth-child(3){top:auto;right:-198px;bottom:-146px;animation-duration:27s}
@keyframes mca-more-wave{to{transform:rotate(1turn)}}
@media(max-width:680px){
  .mca-more-hero{
    background:
      linear-gradient(112deg,rgba(5,75,170,.95) 0%,rgba(5,126,195,.8) 56%,rgba(8,174,198,.61) 100%),
      url("brand/cartagena-faros-splash-v4.webp") center 77%/108% auto no-repeat;
  }
  .mca-more-hero__weather{opacity:.15}
  .mca-more-hero__weather i{width:360px;height:360px}
  .mca-more-hero__weather i:nth-child(1){top:-85px;right:-86px}
  .mca-more-hero__weather i:nth-child(2){right:44px;bottom:-138px}
  .mca-more-hero__weather i:nth-child(3){right:-190px;bottom:-120px}
}
@media(prefers-reduced-motion:reduce){
  .mca-more-hero__weather i{animation:none}
}

/* 0.21.2 · Ondas perceptibles y distintivo LIVE en el acceso al Observatorio. */
.mca-more-hero__weather{
  z-index:1;
  opacity:.48;
}
.mca-more-hero__weather i{
  border-width:1.8px;
  border-color:rgba(205,247,255,.92);
  border-radius:42% 58% 53% 47% / 48% 44% 56% 52%;
  filter:drop-shadow(0 0 3px rgba(141,235,255,.28));
  will-change:transform;
}
.mca-more-hero__weather i:nth-child(2){border-radius:56% 44% 48% 52% / 43% 58% 42% 57%}
.mca-more-hero__weather i:nth-child(3){border-radius:47% 53% 41% 59% / 56% 45% 55% 44%}
.mca-more-resource--primary em{
  position:relative;
  display:inline-flex;
  width:max-content;
  height:22px;
  min-height:22px;
  align-items:center;
  gap:5px;
  margin-top:0;
  padding:0 8px;
  border:1px solid rgba(17,174,219,.24);
  border-radius:999px;
  background:linear-gradient(115deg,#dff9ff 0%,#c8efff 34%,#e8fbff 58%,#d5f5ff 100%);
  background-size:220% 100%;
  color:#057dae;
  box-shadow:0 0 0 3px rgba(20,177,218,.055),0 4px 10px rgba(7,137,186,.08),inset 0 1px rgba(255,255,255,.86);
  font-size:.53rem;
  line-height:1;
  letter-spacing:.045em;
  animation:mca-observatory-live-gradient 7s ease-in-out infinite;
}
.mca-observatory-state{
  display:flex;
  min-width:0;
  align-items:center;
  align-content:center;
  flex-wrap:wrap;
  gap:5px 7px;
  align-self:center;
}
.mca-more-resource--observatory.has-active-observations .mca-observatory-state{flex-wrap:wrap}
.mca-more-resource--observatory.has-active-observations .mca-observatory-count{flex:0 1 auto;min-width:0}
.mca-observatory-count{
  display:inline-flex;
  box-sizing:border-box;
  height:22px;
  min-height:22px;
  align-items:center;
  padding:0 8px;
  border:1px solid #dce6ed;
  border-radius:999px;
  background:#f4f7f9;
  color:#6f8294;
  font-size:.53rem;
  font-weight:850;
  line-height:1;
  letter-spacing:.005em;
  white-space:nowrap;
}
.mca-observatory-count.is-active{
  border-color:rgba(15,174,172,.3);
  background:#e4faf5;
  color:#087e70;
}
.mca-observatory-count.is-unavailable{
  border-color:#e3e8ec;
  background:#f6f7f8;
  color:#83919d;
}
.mca-observatory-notification{
  position:absolute;
  z-index:4;
  top:-6px;
  right:-6px;
  display:grid;
  min-width:20px;
  height:20px;
  padding:0 5px;
  place-items:center;
  border:2px solid #fff;
  border-radius:999px;
  background:linear-gradient(145deg,#20c8ad,#0797b8);
  color:#fff;
  box-shadow:0 4px 10px rgba(4,117,142,.26);
  font-size:.5rem;
  font-weight:950;
  line-height:1;
}
.mca-observatory-notification[hidden]{display:none}
.mca-observatory-notification:after{
  position:absolute;
  inset:-3px;
  border:1px solid rgba(14,177,174,.55);
  border-radius:inherit;
  content:"";
  animation:mca-observatory-notification-wave 2.8s cubic-bezier(.2,.62,.35,1) infinite;
}
.mca-more-resource--observatory.has-active-observations{
  border-color:#a9dfeb;
  background:#fff;
  box-shadow:0 9px 24px rgba(7,135,177,.11);
}
.mca-more-resource--observatory.has-active-observations:before{background:#12b7b2}
.mca-more-resource--observatory.has-active-observations .mca-more-resource__icon{box-shadow:0 9px 21px rgba(8,118,186,.23)}
.mca-more-resource--primary .mca-live-dot{
  position:relative;
  z-index:2;
  width:7px;
  height:7px;
  flex:0 0 7px;
  border-radius:50%;
  background:#18c59b;
  box-shadow:0 0 0 3px rgba(24,197,155,.13),0 0 8px rgba(24,197,155,.45);
  animation:mca-observatory-live-dot 2.8s ease-in-out infinite;
}
.mca-more-resource--primary .mca-live-label{position:relative;z-index:2}
@keyframes mca-observatory-live-gradient{
  0%,100%{
    background-position:0% 50%;
  }
  50%{
    background-position:100% 50%;
  }
}
@keyframes mca-observatory-live-dot{
  0%,100%{box-shadow:0 0 0 3px rgba(24,197,155,.11),0 0 6px rgba(24,197,155,.34)}
  50%{box-shadow:0 0 0 5px rgba(24,197,155,.025),0 0 10px rgba(24,197,155,.52)}
}
@keyframes mca-observatory-notification-wave{
  0%{transform:scale(.82);opacity:0}
  20%{opacity:.58}
  100%{transform:scale(1.55);opacity:0}
}
@media(max-width:680px){
  .mca-more-hero__weather{opacity:.45}
  .mca-more-resource--primary em{padding:0 8px;font-size:.5rem}
  .mca-observatory-count{font-size:.5rem}
  .mca-more-resource--observatory{grid-template-columns:50px minmax(0,1fr) 14px}
  .mca-more-resource--observatory>.mca-more-resource__icon{grid-column:1;grid-row:1/3}
  .mca-more-resource--observatory>span:nth-child(2){grid-column:2;grid-row:1}
  .mca-more-resource--observatory .mca-observatory-state{grid-column:2;grid-row:2}
  .mca-more-resource--observatory.has-active-observations .mca-observatory-state{flex-wrap:wrap;gap:5px}
  .mca-more-resource--observatory.has-active-observations .mca-observatory-count{max-width:100%;padding:0 7px}
  .mca-more-resource--observatory>i{grid-column:3;grid-row:1/3}
}
@media(max-width:380px){
  .mca-more-resource--observatory .mca-observatory-count{max-width:150px;overflow:hidden;text-overflow:ellipsis}
}
@media(prefers-reduced-motion:reduce){
  .mca-more-hero__weather i,
  .mca-more-resource--primary em,
  .mca-more-resource--primary .mca-live-dot,
  .mca-observatory-notification:after{animation:none}
  .mca-nav-alert[data-level]>span:before,.mca-nav-alert[data-level]>span:after{animation:none;opacity:0}
}

/* 0.21.5 · Temperaturas cálida/fría en los cinco días de Ahora. */
.mca-days article>strong{
  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
  gap:3px;
  color:inherit;
}
.mca-days .mca-day-max,
.mca-days .mca-day-min{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0;
  border-radius:8px;
  font-style:normal;
  font-weight:850;
  line-height:1;
  white-space:nowrap;
}
.mca-days .mca-day-max{
  padding:4px 5px;
  background:#fff0e5;
  color:#bd5b22;
  font-size:.72rem;
}
.mca-days .mca-day-min{
  padding:4px 4px;
  background:#eaf5fd;
  color:#4b7da2;
  font-size:.58rem;
}
@media(max-width:520px){
  .mca-days article>strong{gap:2px}
  .mca-days .mca-day-max{padding:4px;font-size:.66rem}
  .mca-days .mca-day-min{padding:4px 3px;font-size:.52rem}
}
@media(max-width:350px){
  .mca-days .mca-day-max{font-size:.62rem}
  .mca-days .mca-day-min{font-size:.49rem}
}

/* 0.21.6 · Color semántico también en las cifras de temperatura. */
.mca-days article>strong .mca-day-max{
  color:#d45b16!important;
  font-weight:900;
  -webkit-text-fill-color:#d45b16!important;
}
.mca-days article>strong .mca-day-min{
  color:#2f78aa!important;
  font-weight:900;
  -webkit-text-fill-color:#2f78aa!important;
}

/* 0.28.29 · El resumen de Ahora comparte la lectura visual de Previsión. */
.mca-days article.mca-day-official{
  grid-template-columns:minmax(100px,1fr) 44px 82px 48px;
  gap:7px;
  min-height:84px;
  padding:11px 13px;
}
.mca-days article.mca-day-official>em{
  display:flex;
  min-width:0;
  padding:0;
  align-items:flex-end;
  flex-direction:column;
  gap:2px;
  background:transparent;
  line-height:1;
}
.mca-days article.mca-day-official>em small{margin:0;color:#008fc5;font-size:8px;font-weight:700}
.mca-days article.mca-day-official>em strong{color:#008fc5;font-size:12px;font-weight:900}
@media(max-width:360px){
  .mca-days article.mca-day-official{grid-template-columns:minmax(76px,1fr) 38px 70px 42px;gap:4px;padding:10px}
  .mca-days article.mca-day-official>.mca-day-icon{width:38px;height:38px}
  .mca-days article.mca-day-official>em strong{font-size:11px}
}

/* 0.24.18 · Ambiente meteorológico moderno y contenido en la tarjeta principal. */
.mca-current__ambience>.mca-ambience-waves,
.mca-current__ambience>.mca-ambience-sun,
.mca-current__ambience>.mca-ambience-moon{
  display:none!important;
}
.mca-current__ambience>.mca-ambience-skyflow{
  inset:-38%;
  display:block;
  border-radius:42%;
  background:
    radial-gradient(ellipse at 24% 36%,rgba(111,224,255,.42) 0 13%,rgba(74,190,255,.18) 28%,transparent 55%),
    radial-gradient(ellipse at 72% 62%,rgba(122,137,255,.38) 0 12%,rgba(81,111,246,.14) 32%,transparent 58%),
    linear-gradient(118deg,transparent 26%,rgba(166,235,255,.18) 48%,transparent 70%);
  filter:blur(18px);
  opacity:0;
  transform:translate3d(-8%,-3%,0) rotate(-4deg) scale(1.04);
  transform-origin:center;
  will-change:transform,opacity;
}
.mca-current[data-meteo-scene="clear-day"] .mca-ambience-skyflow{
  opacity:.72;
  animation:mca-skyflow-day 18s ease-in-out infinite alternate;
}
.mca-current[data-meteo-scene="clear-night"] .mca-ambience-skyflow{
  background:
    radial-gradient(ellipse at 30% 35%,rgba(92,198,255,.3) 0 12%,rgba(68,146,242,.12) 31%,transparent 56%),
    radial-gradient(ellipse at 72% 62%,rgba(124,112,255,.34) 0 13%,rgba(75,80,225,.13) 34%,transparent 60%);
  opacity:.58;
  animation:mca-skyflow-night 22s ease-in-out infinite alternate;
}
@keyframes mca-skyflow-day{
  0%{transform:translate3d(-9%,-4%,0) rotate(-5deg) scale(1.03)}
  50%{transform:translate3d(7%,3%,0) rotate(2deg) scale(1.11)}
  100%{transform:translate3d(15%,-2%,0) rotate(6deg) scale(1.05)}
}
@keyframes mca-skyflow-night{
  from{transform:translate3d(-7%,2%,0) rotate(-3deg) scale(1.04)}
  to{transform:translate3d(12%,-4%,0) rotate(4deg) scale(1.12)}
}

.mca-current__ambience>.mca-ambience-cloud{
  left:-230px;
  right:auto;
  width:210px;
  height:42px;
  border-radius:999px;
  background:linear-gradient(180deg,rgba(237,249,255,.76),rgba(196,226,246,.38));
  box-shadow:0 12px 32px rgba(5,52,113,.08);
  filter:blur(7px);
  will-change:transform,opacity;
}
.mca-current__ambience>.mca-ambience-cloud:before{left:37px;width:76px;height:68px}
.mca-current__ambience>.mca-ambience-cloud:after{right:25px;width:92px;height:82px}
.mca-current__ambience>.mca-ambience-cloud--one{
  top:22%;
  animation:mca-cloud-drift-one 25s linear -7s infinite;
}
.mca-current__ambience>.mca-ambience-cloud--two{
  top:61%;
  animation:mca-cloud-drift-two 33s linear -20s infinite;
}
.mca-current[data-meteo-scene="clouds"] .mca-ambience-cloud{opacity:.2}
.mca-current[data-meteo-scene="rain"] .mca-ambience-cloud{opacity:.17}
.mca-current[data-meteo-scene="storm"] .mca-ambience-cloud{opacity:.2}
@keyframes mca-cloud-drift-one{
  from{transform:translate3d(0,0,0) scale(.92)}
  50%{transform:translate3d(360px,9px,0) scale(1.02)}
  to{transform:translate3d(760px,-4px,0) scale(.92)}
}
@keyframes mca-cloud-drift-two{
  from{transform:translate3d(0,0,0) scale(.7)}
  50%{transform:translate3d(390px,-8px,0) scale(.78)}
  to{transform:translate3d(770px,4px,0) scale(.7)}
}

.mca-current__ambience>.mca-ambience-rain{
  inset:0;
  overflow:hidden;
  background:none;
  mask-image:none;
  animation:none;
  will-change:opacity;
}
.mca-ambience-rain:before{
  position:absolute;
  inset:-72px -30px 0;
  background-image:
    repeating-linear-gradient(106deg,transparent 0 31px,rgba(205,241,255,.8) 32px 34px,transparent 35px 67px),
    repeating-linear-gradient(106deg,transparent 0 49px,rgba(232,249,255,.52) 50px 51px,transparent 52px 93px);
  background-position:0 0,20px -31px;
  background-size:100% 86px,100% 112px;
  content:"";
  mask-image:linear-gradient(to bottom,transparent 3%,#000 24%,#000 86%,transparent 100%);
  animation:mca-rain-drops 1.15s linear infinite;
  will-change:transform;
}
.mca-ambience-rain:after{
  position:absolute;
  right:3%;
  bottom:8%;
  left:3%;
  height:24%;
  background:
    radial-gradient(ellipse at 12% 65%,transparent 0 6px,rgba(198,239,255,.72) 7px,transparent 9px),
    radial-gradient(ellipse at 45% 35%,transparent 0 5px,rgba(221,246,255,.62) 6px,transparent 8px),
    radial-gradient(ellipse at 78% 72%,transparent 0 7px,rgba(190,235,255,.68) 8px,transparent 10px);
  background-size:84px 38px,113px 45px,137px 52px;
  content:"";
  opacity:.54;
  animation:mca-rain-splashes 2.2s ease-in-out infinite;
}
.mca-current[data-meteo-scene="rain"] .mca-ambience-rain{opacity:.16}
.mca-current[data-meteo-scene="storm"] .mca-ambience-rain{opacity:.13}
@keyframes mca-rain-drops{to{transform:translate3d(-33px,86px,0)}}
@keyframes mca-rain-splashes{0%,100%{transform:scale(.94);opacity:.24}50%{transform:scale(1.04);opacity:.7}}

.mca-current__ambience>.mca-ambience-lightning{
  inset:0;
  width:auto;
  height:auto;
  background:radial-gradient(circle at 78% 28%,rgba(225,246,255,.22),transparent 23%);
  clip-path:none;
  filter:none;
  opacity:0;
  will-change:opacity;
}
.mca-ambience-lightning:before{
  position:absolute;
  top:14%;
  right:17%;
  width:31px;
  height:76px;
  background:linear-gradient(180deg,rgba(237,250,255,.9),rgba(165,222,255,.5));
  clip-path:polygon(46% 0,72% 0,55% 38%,76% 38%,30% 100%,43% 55%,25% 55%);
  content:"";
  filter:drop-shadow(0 0 8px rgba(180,226,255,.55));
}
.mca-current[data-meteo-scene="storm"] .mca-ambience-lightning{
  opacity:0;
  animation:mca-lightning-safe 10s linear infinite;
}
@keyframes mca-lightning-safe{
  0%,71%,73.1%,75.2%,100%{opacity:0}
  72%{opacity:.2}
  72.5%{opacity:.06}
  74%{opacity:.28}
}

@media(max-width:520px){
  .mca-current__ambience>.mca-ambience-skyflow{inset:-30% -55%}
  .mca-current__ambience>.mca-ambience-cloud{filter:blur(6px)}
  .mca-current__ambience>.mca-ambience-cloud--one{top:18%}
  .mca-current__ambience>.mca-ambience-cloud--two{top:58%}
}
@media(prefers-reduced-motion:reduce){
  .mca-current__ambience>.mca-ambience-skyflow,
  .mca-current__ambience>.mca-ambience-cloud,
  .mca-ambience-rain:before,
  .mca-ambience-rain:after,
  .mca-current__ambience>.mca-ambience-lightning{
    animation:none!important;
  }
  .mca-current[data-meteo-scene="storm"] .mca-ambience-lightning{opacity:.08}
}

/* 0.24.19 · La fotografía cubre el pie de la tarjeta sin dejar un corte visible. */
.mca-content>.mca-current{
  background-position:center center,center bottom;
  background-size:auto,auto 162%;
}
@media(max-width:680px){
  .mca-content>.mca-current{
    background-position:center center,60% bottom;
    background-size:auto,auto 168%;
  }
}

/* 0.24.42 · Lluvia de trazos independientes y tormenta con destello contenido. */
.mca-ambience-rain:before,
.mca-ambience-rain:after{display:none!important}
.mca-current__ambience>.mca-ambience-rain{inset:0;display:block;overflow:hidden;background:linear-gradient(180deg,rgba(4,24,67,.03),rgba(2,17,54,.13));opacity:0;transform:translateZ(0)}
.mca-ambience-rain>i{position:absolute;top:-78px;left:var(--rain-x);display:block;width:1.4px;height:var(--rain-length);border-radius:999px;background:linear-gradient(to bottom,transparent,rgba(228,249,255,.96));opacity:var(--rain-opacity);transform:translate3d(56px,-90px,0) rotate(15deg);transform-origin:center;animation:mca-rain-streak var(--rain-speed) linear var(--rain-delay) infinite;will-change:transform}
.mca-current[data-meteo-scene="rain"] .mca-ambience-rain{opacity:.46}
.mca-current[data-meteo-scene="rain"] .mca-ambience-cloud{display:none!important;opacity:0!important}
.mca-current[data-meteo-scene="storm"] .mca-ambience-rain{opacity:.58}
@keyframes mca-rain-streak{to{transform:translate3d(-72px,590px,0) rotate(15deg)}}
.mca-current__ambience>.mca-ambience-lightning{inset:0;display:block;width:auto;height:auto;background:rgba(225,242,255,.85);clip-path:none;filter:none;mix-blend-mode:screen;opacity:0;pointer-events:none}
.mca-ambience-lightning:before{display:none!important}
.mca-current[data-meteo-scene="storm"] .mca-ambience-lightning{opacity:0;animation:mca-lightning-safe 12s linear 3s infinite}
@keyframes mca-lightning-safe{0%,69%,71.2%,73.4%,100%{opacity:0}70%{opacity:.24}70.45%{opacity:.04}72.2%{opacity:.42}72.65%{opacity:.05}}
@media(prefers-reduced-motion:reduce){.mca-ambience-rain>i{animation:none!important;opacity:.2;transform:translate3d(0,90px,0) rotate(15deg)}.mca-current[data-meteo-scene="storm"] .mca-ambience-lightning{animation:none!important;opacity:0}}

/* 0.24.43 · Día despejado, cielo nocturno y densidad real de nubes. */
.mca-current__ambience>.mca-ambience-flare{top:8%;left:-55%;display:block;width:330px;height:165px;border-radius:50%;background:radial-gradient(circle at 80% 46%,rgba(255,255,235,.94) 0 2%,rgba(180,235,255,.32) 3% 8%,transparent 18%),radial-gradient(circle at 60% 52%,rgba(110,222,255,.28) 0 3%,transparent 8%),radial-gradient(circle at 42% 56%,rgba(132,174,255,.2) 0 5%,transparent 12%),radial-gradient(circle at 22% 62%,rgba(212,153,255,.14) 0 4%,transparent 10%);filter:blur(.15px);mix-blend-mode:screen;opacity:0;transform:translate3d(0,0,0) rotate(-8deg);will-change:transform,opacity}
.mca-ambience-flare:before{position:absolute;top:19%;right:9%;width:108px;height:108px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,245,.34),rgba(145,220,255,.12) 28%,transparent 68%);box-shadow:0 0 48px rgba(171,225,255,.2);content:""}
.mca-ambience-flare:after{position:absolute;top:47%;right:-55px;width:245px;height:1px;background:linear-gradient(90deg,transparent,rgba(224,247,255,.4),transparent);content:"";transform:rotate(-13deg);transform-origin:right center}
.mca-current[data-meteo-scene="clear-day"] .mca-ambience-flare{opacity:0;animation:mca-lensflare-drift 24s ease-in-out 1s infinite}
@keyframes mca-lensflare-drift{0%,8%{opacity:0;transform:translate3d(0,16px,0) rotate(-8deg) scale(.86)}28%{opacity:.28}52%{opacity:.44;transform:translate3d(360px,-10px,0) rotate(-8deg) scale(1)}76%{opacity:.2}92%,100%{opacity:0;transform:translate3d(760px,18px,0) rotate(-8deg) scale(.9)}}

.mca-content>.mca-current[data-meteo-scene="clear-night"]{background:linear-gradient(180deg,rgba(2,21,61,.9) 0%,rgba(4,44,105,.79) 48%,rgba(9,36,93,.62) 100%),url("brand/cartagena-teatro-meteo-v1.webp") 60% bottom/auto 168% no-repeat}
.mca-current__ambience>.mca-ambience-stars{inset:0;display:block;overflow:hidden;opacity:0}
.mca-current[data-meteo-scene="clear-night"] .mca-ambience-stars{opacity:.84}
.mca-ambience-stars>i{position:absolute;top:var(--star-y);left:var(--star-x);display:block;width:var(--star-size);height:var(--star-size);border-radius:50%;background:#eef8ff;box-shadow:0 0 4px rgba(210,236,255,.72);opacity:.34;animation:mca-star-twinkle var(--star-speed) ease-in-out var(--star-delay) infinite;will-change:opacity,transform}
@keyframes mca-star-twinkle{0%,100%{opacity:.24;transform:scale(.82)}46%{opacity:.72;transform:scale(1.12)}58%{opacity:.42;transform:scale(.94)}}

.mca-current__ambience>.mca-ambience-cloud--three{top:39%;animation:mca-cloud-drift-three 31s linear -14s infinite}
.mca-current__ambience>.mca-ambience-cloud--four{top:74%;animation:mca-cloud-drift-four 36s linear -29s infinite}
.mca-current__ambience>.mca-ambience-cloud--five{top:8%;animation:mca-cloud-drift-five 28s linear -23s infinite}
.mca-current__ambience>.mca-ambience-cloud--six{top:52%;animation:mca-cloud-drift-six 40s linear -34s infinite}
@keyframes mca-cloud-drift-three{from{transform:translate3d(-30px,0,0) scale(.55)}to{transform:translate3d(790px,-7px,0) scale(.62)}}
@keyframes mca-cloud-drift-four{from{transform:translate3d(-80px,5px,0) scale(.88)}to{transform:translate3d(820px,-5px,0) scale(.94)}}
@keyframes mca-cloud-drift-five{from{transform:translate3d(-120px,-3px,0) scale(.72)}to{transform:translate3d(800px,7px,0) scale(.78)}}
@keyframes mca-cloud-drift-six{from{transform:translate3d(-60px,4px,0) scale(1.05)}to{transform:translate3d(840px,-6px,0) scale(1.12)}}
.mca-current[data-meteo-scene="clouds"] .mca-ambience-cloud{opacity:0}
.mca-current[data-meteo-scene="clouds"][data-cloud-density="high"] .mca-ambience-cloud--one,.mca-current[data-meteo-scene="clouds"][data-cloud-density="high"] .mca-ambience-cloud--three{opacity:.12;height:22px;background:linear-gradient(180deg,rgba(238,250,255,.55),rgba(205,232,249,.18));filter:blur(10px)}
.mca-current[data-meteo-scene="clouds"][data-cloud-density="light"] .mca-ambience-cloud--one,.mca-current[data-meteo-scene="clouds"][data-cloud-density="light"] .mca-ambience-cloud--two{opacity:.14}
.mca-current[data-meteo-scene="clouds"][data-cloud-density="medium"] .mca-ambience-cloud--one,.mca-current[data-meteo-scene="clouds"][data-cloud-density="medium"] .mca-ambience-cloud--two,.mca-current[data-meteo-scene="clouds"][data-cloud-density="medium"] .mca-ambience-cloud--three,.mca-current[data-meteo-scene="clouds"][data-cloud-density="medium"] .mca-ambience-cloud--four{opacity:.18}
.mca-current[data-meteo-scene="clouds"][data-cloud-density="dense"] .mca-ambience-cloud{opacity:.24}
.mca-current[data-meteo-scene="clouds"][data-cloud-density="dense"] .mca-current__ambience:before{position:absolute;z-index:0;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(9,43,91,.13),rgba(18,54,104,.05));content:"";pointer-events:none}
.mca-current[data-meteo-scene="storm"] .mca-ambience-cloud{opacity:.23}
@media(max-width:520px){.mca-current__ambience>.mca-ambience-flare{width:285px;height:145px}.mca-current[data-meteo-scene="clear-night"] .mca-ambience-stars{opacity:.78}}
@media(prefers-reduced-motion:reduce){.mca-current__ambience>.mca-ambience-flare,.mca-ambience-stars>i,.mca-current__ambience>.mca-ambience-cloud{animation:none!important}.mca-current[data-meteo-scene="clear-day"] .mca-ambience-flare{opacity:.14;transform:translate3d(40%,0,0)}.mca-ambience-stars>i{opacity:.58}}

/* 0.24.28 · Ventana y paneles seguros en PWA instalada (iOS/Android). */
:root{
  --mca-safe-top:env(safe-area-inset-top,0px);
  --mca-safe-right:env(safe-area-inset-right,0px);
  --mca-safe-bottom-reported:env(safe-area-inset-bottom,0px);
  --mca-safe-bottom:min(var(--mca-safe-bottom-reported),36px);
  --mca-safe-left:env(safe-area-inset-left,0px);
  --mca-nav-height:75px;
}

html.mca-installed-app,
html.mca-installed-app .mca-app-body{
  width:100%;
  height:var(--mca-visible-height,100vh);
  min-height:0;
  overflow:hidden;
  background:#f6f9fc;
}

.mca-installed-app .mca-app{
  top:0;
  bottom:calc(var(--mca-nav-height) + var(--mca-safe-bottom));
  height:auto;
  min-height:0;
}

.mca-installed-app .mca-bottom-nav{
  height:calc(var(--mca-nav-height) + var(--mca-safe-bottom));
  padding:
    7px max(8px,var(--mca-safe-right))
    calc(6px + var(--mca-safe-bottom))
    max(8px,var(--mca-safe-left));
  background:#fff;
}

.mca-installed-app .mca-alert-modal,
.mca-installed-app .mca-more-modal{
  top:0;
  right:0;
  bottom:auto;
  left:0;
  width:100%;
  height:var(--mca-visible-height,100vh);
  min-height:0;
}

@media(max-width:680px){
  .mca-installed-app .mca-alert-modal{
    align-items:end;
    padding:0;
  }
  .mca-installed-app .mca-alert-dialog{
    width:100%;
    height:auto;
    max-height:calc(var(--mca-visible-height,100vh) - var(--mca-safe-top,0px));
    border:0;
    border-radius:25px 25px 0 0;
    transform:none;
    transition:none;
  }
  .mca-installed-app .mca-alert-dialog__header{
    flex:0 0 auto;
    padding:
      16px
      max(17px,var(--mca-safe-right))
      15px
      max(17px,var(--mca-safe-left));
  }
  .mca-installed-app .mca-alert-dialog__content{
    min-height:0;
    flex:0 1 auto;
    padding-right:max(13px,var(--mca-safe-right));
    padding-left:max(13px,var(--mca-safe-left));
  }
  .mca-installed-app .mca-alert-dialog__footer{
    flex:0 0 auto;
    padding-right:max(18px,var(--mca-safe-right));
    padding-bottom:calc(11px + var(--mca-safe-bottom));
    padding-left:max(18px,var(--mca-safe-left));
  }
  .mca-installed-app .mca-more-dialog{
    width:100%;
    height:100%;
    max-height:none;
    transform:none;
    transition:none;
  }
  .mca-installed-app .mca-more-hero,
  .mca-installed-app .mca-observatory-header,
  .mca-installed-app .mca-rain-header,
  .mca-installed-app .mca-wc-header{
    padding-top:calc(16px + var(--mca-safe-top));
  }
  .mca-installed-app .mca-more-hero>.mca-more-close{
    top:calc(16px + var(--mca-safe-top));
  }
}

/* 0.24.29 · El fondo del menú cubre la franja de gesto que iOS deja fuera del viewport. */
html.mca-installed-app,
html.mca-installed-app .mca-app-body{
  background:#fff;
}

.mca-installed-app .mca-bottom-nav{
  isolation:isolate;
}

.mca-installed-app .mca-bottom-nav:after{
  position:absolute;
  z-index:0;
  top:calc(100% - 1px);
  right:calc(-1 * var(--mca-safe-right));
  left:calc(-1 * var(--mca-safe-left));
  height:180px;
  background:#fff;
  content:"";
  pointer-events:none;
}

.mca-installed-app .mca-bottom-nav>button{
  position:relative;
  z-index:1;
}

/* 0.24.30 · Evita que un inset inferior anómalo de iOS eleve todo el menú. */
@supports (padding-bottom:min(1px,2px)){
  .mca-installed-app{
    --mca-safe-bottom:min(var(--mca-safe-bottom-reported),36px);
  }
}

/* 0.24.38 · Superficie y contenido del menú alineados en el viewport real de iOS. */
.mca-ios-installed{
  --mca-nav-content-shift:min(0px,calc(var(--mca-safe-bottom) - var(--mca-screen-gap-bottom,0px)));
}

.mca-ios-installed .mca-app{
  bottom:calc(
    max(0px,calc(var(--mca-nav-height) + var(--mca-safe-bottom) - var(--mca-screen-gap-bottom,0px)))
    - var(--mca-nav-content-shift)
    + 8px
  );
}

.mca-ios-installed .mca-bottom-nav{
  transform:translate3d(0,var(--mca-screen-gap-bottom,0px),0);
  border-top:0;
  background:#fff;
  box-shadow:none;
}

.mca-ios-installed .mca-bottom-nav:before{
  position:absolute;
  z-index:0;
  top:calc(var(--mca-nav-content-shift) - 8px);
  right:calc(-1 * var(--mca-safe-right));
  left:calc(-1 * var(--mca-safe-left));
  height:calc(var(--mca-nav-height) + 8px);
  border-top:1px solid rgba(194,214,227,.9);
  background:#fff;
  box-shadow:0 -10px 28px rgba(18,56,87,.09);
  content:"";
  pointer-events:none;
}

.mca-ios-installed .mca-bottom-nav>button{
  transform:translate3d(0,calc(var(--mca-nav-content-shift) - 8px),0);
}

.mca-ios-installed .mca-alert-modal,
.mca-ios-installed .mca-more-modal{
  height:var(--mca-visible-height,100vh);
}

/* 0.24.34 · Galerías ampliables en la cronología del Observatorio. */
.mca-observation__photos{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0 2px}
.mca-observation__photo{
  display:block;
  width:92px;
  height:66px;
  margin:0;
  padding:0;
  overflow:hidden;
  border:2px solid #fff;
  border-radius:11px;
  background:#dcecf4;
  box-shadow:0 4px 12px rgba(7,58,94,.16),0 0 0 1px #bdd8e6;
  cursor:zoom-in;
}
.mca-observation__photo img{display:block;width:100%;height:100%;object-fit:cover}
.mca-observation__photo:focus-visible{outline:3px solid rgba(20,157,214,.34);outline-offset:2px}
.mca-observation-photo-modal[hidden]{display:none!important}
.mca-observation-photo-modal{
  position:fixed;
  z-index:1200;
  inset:0;
  display:grid;
  place-items:center;
  padding:max(18px,var(--mca-safe-top,0px)) max(14px,var(--mca-safe-right,0px)) max(18px,var(--mca-safe-bottom,0px)) max(14px,var(--mca-safe-left,0px));
}
.mca-observation-photo-modal__backdrop{position:absolute;inset:0;width:100%;height:100%;padding:0;background:rgba(2,15,34,.88);cursor:zoom-out;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}
.mca-observation-photo-modal__figure{position:relative;z-index:1;display:grid;max-width:min(920px,100%);max-height:100%;margin:0;place-items:center}
.mca-observation-photo-modal__figure img{display:block;max-width:100%;max-height:calc(var(--mca-visible-height,100vh) - var(--mca-safe-top,0px) - var(--mca-safe-bottom,0px) - 72px);border-radius:16px;background:#07192d;box-shadow:0 22px 65px rgba(0,0,0,.42);object-fit:contain}
.mca-observation-photo-modal__figure figcaption{max-width:720px;margin-top:10px;padding:8px 12px;border-radius:10px;background:rgba(5,28,52,.82);color:#fff;font-size:.68rem;font-weight:650;line-height:1.45;text-align:center}
.mca-observation-photo-modal__close{position:absolute;z-index:2;top:10px;right:10px;display:grid;width:42px;height:42px;padding:0;place-items:center;border:1px solid rgba(255,255,255,.44);border-radius:14px;background:rgba(5,28,52,.78);color:#fff;font-size:1.45rem;line-height:1;box-shadow:0 7px 18px rgba(0,0,0,.2);cursor:pointer}
.mca-observation-photo-modal__nav{position:absolute;z-index:2;top:50%;display:grid;width:44px;height:52px;padding:0;place-items:center;border:1px solid rgba(255,255,255,.4);border-radius:14px;background:rgba(5,28,52,.72);color:#fff;font-size:2rem;line-height:1;transform:translateY(-50%);cursor:pointer}.mca-observation-photo-modal__nav--previous{left:10px}.mca-observation-photo-modal__nav--next{right:10px}.mca-observation-photo-modal__counter{position:absolute;z-index:2;right:12px;bottom:12px;padding:5px 9px;border-radius:999px;background:rgba(5,28,52,.78);color:#fff;font-size:.65rem;font-weight:800}
.mca-observation-photo-modal__nav[hidden],.mca-observation-photo-modal__counter[hidden]{display:none!important}
.mca-observation-photo-open{overflow:hidden}
@media(max-width:520px){
  .mca-observation__photo{width:86px;height:62px}
  .mca-observation-photo-modal__figure img{border-radius:13px}
  .mca-observation-photo-modal__close{top:8px;right:8px;width:40px;height:40px}
  .mca-observation-photo-modal__nav{width:40px;height:48px}.mca-observation-photo-modal__nav--previous{left:7px}.mca-observation-photo-modal__nav--next{right:7px}
}

/* 0.24.35 · El último hito de un seguimiento en curso permanece en directo. */
.mca-observation--active .mca-observation__timeline li:first-child:before{
  animation:mca-observation-live-pulse 2.15s ease-in-out infinite;
}
@keyframes mca-observation-live-pulse{
  0%,100%{box-shadow:0 0 0 1px #8bd1eb,0 0 0 3px rgba(40,173,221,.08)}
  50%{box-shadow:0 0 0 1px #66c5e7,0 0 0 8px rgba(40,173,221,.24)}
}
@media(prefers-reduced-motion:reduce){
  .mca-observation--active .mca-observation__timeline li:first-child:before{animation:none}
}

/* 0.24.45 · Pies de fuente siempre visibles en los paneles internos de iOS. */
.mca-more-view--rain .mca-rain-footer,
.mca-more-view--observatory .mca-observatory-footer,
.mca-more-view--wind .mca-wc-footer,
.mca-more-view--temperature .mca-wc-footer,
.mca-more-view--coast .mca-wc-footer{
  position:relative;
  z-index:2;
  flex:0 0 auto;
}
@media(max-width:680px){
  .mca-installed-app .mca-rain-footer,
  .mca-installed-app .mca-observatory-footer,
  .mca-installed-app .mca-wc-footer{
    padding-right:max(15px,var(--mca-safe-right));
    padding-bottom:calc(10px + var(--mca-safe-bottom));
    padding-left:max(15px,var(--mca-safe-left));
  }
}

/* 0.24.46 · Las escenas solo consumen GPU cuando la tarjeta principal es visible. */
.mca-ambience-rain>i,
.mca-current__ambience>.mca-ambience-cloud,
.mca-ambience-stars>i{
  animation-play-state:paused;
}
.mca-current[data-meteo-scene="rain"] .mca-ambience-rain>i,
.mca-current[data-meteo-scene="storm"] .mca-ambience-rain>i,
.mca-current[data-meteo-scene="storm"] .mca-current__ambience>.mca-ambience-cloud,
.mca-current[data-meteo-scene="clouds"] .mca-current__ambience>.mca-ambience-cloud,
.mca-current[data-meteo-scene="clear-night"] .mca-ambience-stars>i{
  animation-play-state:running;
}
.mca-weather-effects-paused .mca-current__ambience{
  visibility:hidden;
}
.mca-weather-effects-paused .mca-current__ambience *,
.mca-weather-effects-paused .mca-current__ambience *:before,
.mca-weather-effects-paused .mca-current__ambience *:after{
  animation-play-state:paused!important;
}

/* Mantiene las estrellas visibles con menos capas animadas en teléfonos. */
@media(max-width:680px){
  .mca-ambience-stars>i{will-change:auto}
  .mca-ambience-stars>i:nth-child(n+13){animation:none;opacity:.58}
}

/* 0.24.47 · Cabecera de Más completa, redondeada y separada del listado. */
.mca-more-view--menu{
  background:#f4f8fb;
}

.mca-more-view--menu .mca-more-hero{
  position:relative;
  z-index:2;
  flex:0 0 auto;
  margin-bottom:4px;
  border-radius:0 0 30px 30px;
  box-shadow:0 10px 24px rgba(7,73,132,.13);
}
.mca-more-view--menu .mca-more-resources{
  flex:1 1 0;
  min-height:0;
  padding-top:12px;
  overflow-anchor:none;
}
.mca-more-view--menu .mca-more-brandline{
  position:relative;
  z-index:2;
  flex:0 0 auto;
}
.mca-more-resource--observatory{
  isolation:auto;
  grid-template-rows:auto;
  align-items:center;
  min-height:100px;
}
.mca-more-resource--observatory>.mca-more-resource__icon{
  grid-column:1;
  grid-row:1;
}
.mca-more-resource--observatory>.mca-observatory-copy{
  display:grid;
  min-width:0;
  width:100%;
  grid-column:2;
  grid-row:1;
  align-content:center;
  justify-items:start;
  gap:7px;
}
.mca-observatory-title{display:block;min-width:0;width:100%}
.mca-more-resource--observatory>.mca-observatory-copy .mca-observatory-state{
  grid-column:auto;
  grid-row:auto;
  width:100%;
  align-self:auto;
}
.mca-more-resource--observatory>i{grid-column:3;grid-row:1}
/* El estado activo permanece en el flujo normal: evita capas animadas
   independientes que Android puede dejar sin repintar tras desplazar el menú. */
.mca-more-resource--observatory .mca-observatory-state>em,
.mca-more-resource--observatory .mca-live-dot{animation:none}
.mca-more-resource--observatory .mca-observatory-notification:after{display:none}
@media(max-width:680px){
  .mca-more-view--menu .mca-more-hero{
    margin-bottom:5px;
    border-radius:0 0 27px 27px;
  }
  .mca-more-resource--observatory>.mca-more-resource__icon{grid-row:1}
  .mca-more-resource--observatory>.mca-observatory-copy{grid-row:1}
  .mca-more-resource--observatory>i{grid-row:1}
  .mca-more-resource--observatory{min-height:104px}
}

/* 0.24.48 · Fuente opcional en cada actualización del Observatorio. */
.mca-observation__source{
  display:inline-flex;
  max-width:100%;
  margin:4px 0 3px;
  padding:4px 8px;
  align-items:center;
  border:1px solid #cce5f1;
  border-radius:999px;
  background:#eef8fc;
  color:#177da9;
  font-size:.5rem;
  font-weight:850;
  line-height:1.25;
  letter-spacing:.025em;
  overflow-wrap:anywhere;
}

/* 0.28.32 · Cronología reconocible como control desplegable. */
.mca-observation__timeline{margin:0 14px 14px;border:0}
.mca-observation__timeline summary{
  display:flex;min-height:44px;padding:8px 10px;align-items:center;justify-content:space-between;gap:10px;
  border:1px solid #cfe5f0;border-radius:11px;background:#edf8fd;color:#0b79aa;cursor:pointer;list-style:none
}
.mca-observation__timeline summary::-webkit-details-marker{display:none}
.mca-observation__timeline summary>span{display:grid;gap:2px}
.mca-observation__timeline summary strong{font-size:.68rem;line-height:1.1}
.mca-observation__timeline summary small{color:#66839a;font-size:.52rem;font-weight:750}
.mca-observation__timeline summary>em{display:flex;min-width:66px;min-height:28px;padding:4px 7px;align-items:center;justify-content:center;gap:6px;border-radius:8px;background:#fff;color:#087fbd;font-size:.55rem;font-style:normal;font-weight:850;box-shadow:0 3px 9px rgba(7,126,190,.08)}
.mca-observation__timeline summary svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}
.mca-observation__timeline-close{display:none}
.mca-observation__timeline[open]{padding-bottom:10px;border:1px solid #d6e8f1;border-radius:12px;background:#f8fcfe}
.mca-observation__timeline[open] summary{margin:-1px -1px 0;border-color:#b9deed;background:#e5f5fb}
.mca-observation__timeline[open] .mca-observation__timeline-open{display:none}
.mca-observation__timeline[open] .mca-observation__timeline-close{display:inline}
.mca-observation__timeline[open] summary svg{transform:rotate(180deg)}
.mca-observation__timeline[open] ol{margin-right:10px;margin-left:10px}
.mca-observation--finalized .mca-observation__timeline summary{border-color:#d9e3e9;background:#f3f6f8;color:#557184}
.mca-observation__timeline summary:focus-visible{outline:3px solid rgba(7,143,197,.25);outline-offset:2px}
.mca-observation__timeline .mca-observation__rich-text{margin:4px 0;color:#4c657a;font-size:.64rem;line-height:1.5;overflow-wrap:anywhere}
.mca-observation__timeline .mca-observation__rich-text p{margin:0 0 7px;font:inherit;line-height:inherit}
.mca-observation__timeline .mca-observation__rich-text p:last-child{margin-bottom:0}
.mca-observation__timeline .mca-observation__rich-text ul,.mca-observation__timeline .mca-observation__rich-text ol{position:static;margin:5px 0 8px!important;padding:0 0 0 19px;list-style:disc}
.mca-observation__timeline .mca-observation__rich-text ol{list-style:decimal}
.mca-observation__timeline .mca-observation__rich-text ul:before,.mca-observation__timeline .mca-observation__rich-text ol:before,.mca-observation__timeline .mca-observation__rich-text li:before{display:none!important;content:none!important;animation:none!important}
.mca-observation__timeline .mca-observation__rich-text li{position:static;margin:3px 0;padding:0;list-style:inherit}
.mca-observation__timeline .mca-observation__rich-text a{color:#087fbd;text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}
.mca-observation__timeline .mca-observation__rich-text a:focus-visible{outline:2px solid #087fbd;outline-offset:2px}
@media(prefers-reduced-motion:reduce){.mca-observation__timeline summary svg{transition:none}}
/* 0.25.0 · Preferencias y estado de las notificaciones PUSH. */
.mca-more-resource--push .mca-more-resource__icon{background:linear-gradient(145deg,#6957d7,#8b63e8)}
.mca-more-resource--push .mca-more-resource__icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.mca-push-resource-state{justify-self:end;color:#7b65d9;font-size:.5rem;font-style:normal;font-weight:900;letter-spacing:.04em}
.mca-more-view--push{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%;min-height:0;background:#f5f7fb}
.mca-more-view--push[hidden]{display:none!important}
.mca-wc-header--push{background:linear-gradient(135deg,#f8f5ff,#eef7ff);border-bottom-color:#ded8f5}
.mca-wc-header--push>div>span{color:#725bd0}
.mca-push-content{overflow-y:auto;padding:13px 12px 20px;-webkit-overflow-scrolling:touch}
.mca-push-status{display:grid;grid-template-columns:48px 1fr;gap:11px;align-items:center;padding:14px;border:1px solid #d9e4ec;border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(25,62,96,.07)}
.mca-push-status__icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,#e9edf1,#dce6ec);color:#62798a}
.mca-push-status__icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.mca-push-status small{display:block;margin-bottom:3px;color:#8493a0;font-size:.52rem;font-weight:900;letter-spacing:.06em}
.mca-push-status strong{display:block;color:#123252;font-size:.86rem;line-height:1.2}
.mca-push-status p{margin:4px 0 0;color:#718394;font-size:.63rem;line-height:1.4}
.mca-push-status[data-state="active"]{border-color:#bfe9da;background:linear-gradient(145deg,#fff,#f4fffb)}
.mca-push-status[data-state="active"] .mca-push-status__icon{background:linear-gradient(145deg,#22c692,#0eaa79);color:#fff;box-shadow:0 7px 16px rgba(14,170,121,.2)}
.mca-push-status[data-state="denied"],.mca-push-status[data-state="unavailable"]{border-color:#f0d0d0;background:#fffafa}
.mca-push-status[data-state="denied"] .mca-push-status__icon,.mca-push-status[data-state="unavailable"] .mca-push-status__icon{background:#f8e5e5;color:#ba4141}
.mca-push-primary{width:100%;margin:12px 0 0;padding:12px 16px;border:0;border-radius:13px;background:linear-gradient(145deg,#7159d6,#4c73dd);color:#fff;font-size:.72rem;font-weight:900;box-shadow:0 8px 18px rgba(86,91,207,.22)}
.mca-push-primary:disabled{background:#dce3e8;color:#718391;box-shadow:none}
.mca-push-options{min-width:0;margin:14px 0 0;padding:0;border:0}
.mca-push-options>legend{width:100%;margin:0 0 8px;color:#173955;font-size:.72rem;font-weight:900}
.mca-push-options:disabled{opacity:.52}
.mca-push-toggle{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;padding:13px;border:1px solid #dce6ee;border-radius:15px;background:#fff}
.mca-push-toggle>span{min-width:0}
.mca-push-toggle b,.mca-push-aemet>div>b{display:block;color:#173955;font-size:.7rem}
.mca-push-toggle small,.mca-push-aemet>div>small{display:block;margin-top:3px;color:#718393;font-size:.58rem;line-height:1.4}
.mca-push-toggle input{position:absolute;opacity:0;pointer-events:none}
.mca-push-toggle>i{position:relative;flex:0 0 42px;width:42px;height:24px;margin-top:2px;border-radius:999px;background:#cbd6dd;transition:.2s}
.mca-push-toggle>i:after{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(24,49,69,.25);content:"";transition:.2s}
.mca-push-toggle input:checked+i{background:#18b984}
.mca-push-toggle input:checked+i:after{transform:translateX(18px)}
.mca-push-observatory{overflow:hidden;border:1px solid #dce6ee;border-radius:16px;background:#fff;box-shadow:0 7px 18px rgba(23,57,85,.04)}
.mca-push-observatory>.mca-push-toggle{border:0;border-radius:0;background:linear-gradient(145deg,#fff,#fbfdff)}
.mca-push-frequency{display:grid;gap:7px;margin:0 11px 11px;padding:10px;border:1px solid #dceaf2;border-radius:13px;background:linear-gradient(145deg,#f7fbfe,#f1f8fc);transition:opacity .2s,filter .2s}
.mca-push-frequency.is-disabled{opacity:.42;filter:grayscale(.35)}
.mca-push-frequency__heading{display:flex;align-items:center;gap:8px;padding:0 2px 3px;color:#1688b9}
.mca-push-frequency__heading>span{font-size:.55rem;text-shadow:0 0 0 rgba(22,136,185,.25)}
.mca-push-frequency__heading b{display:block;color:#21445e;font-size:.61rem}
.mca-push-frequency__heading small{display:block;margin-top:1px;color:#7b8f9f;font-size:.49rem}
.mca-push-frequency>label{position:relative;display:grid;grid-template-columns:15px minmax(0,1fr) auto;gap:8px;align-items:center;padding:9px;border:1px solid #dfe9ef;border-radius:11px;background:#fff;color:#35516a;cursor:pointer}
.mca-push-frequency>label:has(input:checked){border-color:#38b8d8;background:linear-gradient(145deg,#f3fcff,#eaf9fd);box-shadow:0 0 0 2px rgba(27,162,199,.07)}
.mca-push-frequency>label input{width:13px;height:13px;margin:0;accent-color:#159bc7}
.mca-push-frequency>label span b{display:block;color:#173955;font-size:.6rem;line-height:1.2}
.mca-push-frequency>label span small{display:block;margin-top:2px;color:#748899;font-size:.5rem;line-height:1.35}
.mca-push-frequency>label em{padding:3px 5px;border-radius:999px;background:#eaf1f5;color:#708596;font-size:.4rem;font-style:normal;font-weight:900;white-space:nowrap}
.mca-push-frequency>label:has(input[value="all"]:checked) em{background:#d9f8ee;color:#07855e}
.mca-push-frequency>p{display:flex;gap:6px;align-items:flex-start;margin:1px 2px 0;color:#718696;font-size:.48rem;line-height:1.4}
.mca-push-frequency>p i{display:grid;flex:0 0 14px;width:14px;height:14px;place-items:center;border-radius:50%;background:#dceff7;color:#1681ae;font-size:.42rem;font-style:normal;font-weight:900}
.mca-push-aemet{display:grid;gap:7px;margin-top:9px;padding:13px;border:1px solid #dce6ee;border-radius:15px;background:#fff}
.mca-push-aemet>div{margin-bottom:3px}
.mca-push-aemet>label{display:flex;align-items:center;gap:9px;padding:9px 10px;border:1px solid #e3eaf0;border-radius:11px;color:#35516a;font-size:.64rem;font-weight:800}
.mca-push-aemet>label:has(input:checked){border-color:#8069dd;background:#f5f2ff;color:#5038ae}
.mca-push-aemet input{accent-color:#6f57d3}
.mca-push-aemet label span small{display:inline;margin-left:5px;padding:2px 5px;border-radius:999px;background:#e7e1ff;color:#6049bd;font-size:.46rem;font-weight:900;text-transform:uppercase}
.mca-push-disable{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;margin:15px auto 0;padding:11px 14px;border:1px solid #f0c9ce;border-radius:12px;background:linear-gradient(145deg,#fffafa,#fff1f3);color:#a93445;font-size:.62rem;font-weight:900;box-shadow:0 5px 13px rgba(156,45,61,.07)}
.mca-push-disable svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}
.mca-push-disable:active{transform:translateY(1px);box-shadow:none}
.mca-push-privacy{display:flex;flex-direction:column;align-items:center;margin:14px 0 0;padding:13px 14px;border:1px solid #dce9f1;border-radius:14px;background:#fafdff;color:#667d8e;text-align:center;font-size:.55rem;line-height:1.45}
.mca-push-privacy i{display:grid;place-items:center;width:18px;height:18px;margin-bottom:5px;border-radius:50%;background:#dff2fb;color:#1384b5;font-size:.5rem;font-style:normal;font-weight:900}
.mca-push-privacy strong{color:#234966;font-size:.64rem}
.mca-push-privacy p{margin:4px 0 0}
.mca-push-privacy small{display:block;margin-top:6px;color:#70899b;font-size:.5rem}
.mca-push-privacy a{display:inline-flex;margin-top:8px;color:#126fa0;font-size:.54rem;font-weight:900;text-decoration:underline;text-underline-offset:3px}
@media(max-width:380px){.mca-push-content{padding-inline:10px}.mca-push-status{padding:12px}.mca-push-aemet,.mca-push-toggle{padding:11px}.mca-push-frequency{margin-inline:9px;padding:8px}.mca-push-frequency>label{grid-template-columns:14px minmax(0,1fr)}.mca-push-frequency>label em{grid-column:2;justify-self:start}}

/* 0.26.0 · Política de privacidad y aviso legal integrados. */
.mca-more-view--menu .mca-more-brandline{display:flex;flex-direction:column;gap:4px}
.mca-more-brandline button,.mca-push-privacy button{padding:0;border:0;background:transparent;color:#147ca9;font-size:.54rem;font-weight:900;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.mca-privacy-modal[hidden]{display:none!important}
.mca-privacy-modal{position:fixed;z-index:110;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;pointer-events:none;transition:opacity .18s ease}
.mca-privacy-modal.is-open{opacity:1;pointer-events:auto}
.mca-privacy-modal__backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(3,18,39,.82);backdrop-filter:blur(8px)}
.mca-privacy-dialog{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(100%,720px);max-height:calc(100dvh - 32px);overflow:hidden;border:1px solid #cee0eb;border-radius:24px;background:#f7fafc;box-shadow:0 25px 80px rgba(0,14,34,.42);outline:0;transform:translateY(12px) scale(.99);transition:transform .18s ease}
.mca-privacy-modal.is-open .mca-privacy-dialog{transform:none}
.mca-privacy-dialog>header{display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:12px;align-items:start;padding:19px 20px 16px;border-bottom:1px solid #dae7ee;background:linear-gradient(135deg,#fff,#edf8fd)}
.mca-privacy-dialog>header span{display:block;color:#087fba;font-size:.52rem;font-weight:950;letter-spacing:.07em}
.mca-privacy-dialog>header h2{margin:4px 0 3px;color:#0a294d;font-size:1.14rem;line-height:1.2}
.mca-privacy-dialog>header p{margin:0;color:#718698;font-size:.62rem;line-height:1.4}
.mca-privacy-dialog>header button{display:grid;width:40px;height:40px;place-items:center;border:1px solid #d4e2ea;border-radius:13px;background:#fff;color:#668096;font-size:1.22rem;font-weight:800;box-shadow:0 5px 13px rgba(18,63,94,.07)}
.mca-privacy-dialog__content{overflow-y:auto;padding:15px 17px 21px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.mca-privacy-dialog>footer{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 15px calc(10px + env(safe-area-inset-bottom));border-top:1px solid #dce7ee;background:#fff;color:#74889a;font-size:.55rem;font-weight:750;text-align:center}
.mca-privacy-dialog>footer i{display:grid;width:16px;height:16px;place-items:center;border-radius:50%;background:#e2f4fb;color:#087faf;font-size:.5rem;font-style:normal}

/* Pies de fuente y leyendas: una misma alineación en todas las pantallas. */
.mca-fc-footnote,
.mca-beaches-source,
.mca-alert-dialog__footer,
.mca-more-brandline,
.mca-observatory-footer,
.mca-events-footer,
.mca-rain-footer,
.mca-wc-footer,
.mca-privacy-dialog>footer{
  text-align:center;
}
.mca-observatory-footer>span,
.mca-rain-footer>span,
.mca-wc-footer>span,
.mca-privacy-dialog>footer>span{
  min-width:0;
  text-align:center;
}
.mca-legal-document{color:#3c566c;font-size:.65rem;line-height:1.58}
.mca-legal-document .mca-legal-updated{margin:0 0 10px;padding:9px 11px;border-radius:10px;background:#eaf6fb;color:#35627c;font-size:.57rem}
.mca-legal-document section{margin:0 0 10px;padding:13px 14px;border:1px solid #dbe7ee;border-radius:14px;background:#fff}
.mca-legal-document h3{margin:0 0 7px;color:#0a3157;font-size:.75rem;line-height:1.3}
.mca-legal-document p{margin:6px 0}
.mca-legal-document ul{margin:7px 0;padding-left:18px}
.mca-legal-document li{margin:5px 0}
.mca-legal-document a{color:#087dab;font-weight:800;overflow-wrap:anywhere}
.mca-legal-document .mca-legal-contact{background:#0876be;border-color:#0876be;color:#fff;padding:16px}
.mca-legal-document .mca-legal-contact h3{color:#fff}
.mca-legal-document .mca-legal-contact p{color:#fff;margin:6px 0 8px}
.mca-legal-document .mca-legal-contact a{display:inline-flex;align-items:center;min-height:44px;max-width:100%;color:#fff;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere;word-break:break-word}
.mca-legal-document .mca-legal-contact a:hover{text-decoration-thickness:2px}
.mca-legal-document .mca-legal-contact a:focus-visible{outline:2px solid #fff;outline-offset:3px;border-radius:4px}
.mca-legal-document dl{margin:7px 0}
.mca-legal-document dl>div{display:grid;grid-template-columns:125px minmax(0,1fr);gap:9px;padding:6px 0;border-bottom:1px solid #edf2f5}
.mca-legal-document dt{color:#6d8192;font-size:.56rem;font-weight:850;text-transform:uppercase}
.mca-legal-document dd{min-width:0;margin:0;color:#173c59;font-weight:750;overflow-wrap:anywhere}
@media(max-width:680px){
  .mca-privacy-modal{align-items:stretch;padding:0}
  .mca-privacy-dialog{width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0}
  .mca-privacy-dialog>header{padding:calc(14px + env(safe-area-inset-top)) 13px 12px}
  .mca-privacy-dialog__content{padding:12px 11px 18px}
  .mca-legal-document section{padding:12px}
}
@media(max-width:380px){.mca-legal-document dl>div{grid-template-columns:1fr;gap:2px}.mca-privacy-dialog>header p{display:none}}
@media(prefers-reduced-motion:reduce){.mca-privacy-modal,.mca-privacy-dialog{transition:none}}

.mca-observations-retry{min-height:42px;margin-top:18px;padding:9px 20px;border:1px solid #087db5;border-radius:999px;background:#087db5;color:#fff;font:inherit;font-size:.72rem;font-weight:850;cursor:pointer}
.mca-observations-empty.is-unavailable>span{box-shadow:none}
.mca-observations-retry:hover{background:#086a9d}
.mca-observations-retry:focus-visible{outline:3px solid #0b93cb;outline-offset:3px}

/* 0.28.143 · Invitación contextual: solo en la PWA instalada sin PUSH activo. */
.mca-push-invite{position:relative;overflow:hidden;margin-top:14px;padding:17px 18px 15px;border:1px solid #c9e3f0;border-radius:19px;background:#fff;color:#08244a;box-shadow:0 11px 27px rgba(16,76,117,.09)}
.mca-push-invite[hidden]{display:none!important}
.mca-push-invite:before{position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#087fbd,#25b4e0);content:""}
.mca-push-invite__lead{display:flex;align-items:flex-start;gap:13px}
.mca-push-invite__icon{display:grid;flex:0 0 55px;width:55px;height:55px;place-items:center;border-radius:15px;background:#087fbd;color:#fff}
.mca-push-invite__icon svg{width:37px;height:37px;fill:currentColor;stroke:none}
.mca-push-invite__lead>div{min-width:0}
.mca-push-invite h2{margin:2px 0 4px;color:#08244a;font-size:1.01rem;font-weight:900;line-height:1.22;letter-spacing:-.02em}
.mca-push-invite__lead p{margin:0;color:#466680;font-size:.7rem;font-weight:650;line-height:1.48}
.mca-push-invite__topics{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0 15px}
.mca-push-invite__topics span{padding:7px 10px;border-radius:999px;background:#edf7fb;color:#225875;font-size:.59rem;font-weight:850;line-height:1.2}
.mca-push-invite__actions{display:flex;align-items:center;gap:9px}
.mca-push-invite__actions button{min-height:44px;border:0;font:inherit;cursor:pointer}
.mca-push-invite__primary{display:flex;flex:1;align-items:center;justify-content:center;gap:8px;padding:11px 14px;border-radius:12px;background:#087fbd;color:#fff;font-size:.69rem!important;font-weight:900!important;box-shadow:0 6px 15px rgba(8,127,189,.16)}
.mca-push-invite__primary svg{width:14px;height:14px;flex:0 0 14px}
.mca-push-invite__primary:hover{background:#076da5}
.mca-push-invite__later{padding:9px 10px;border-radius:10px;background:transparent;color:#35627e;font-size:.65rem!important;font-weight:850!important;white-space:nowrap}
.mca-push-invite__later:hover{background:#eef7fb}
.mca-push-invite__actions button:focus-visible{outline:3px solid #19a9df;outline-offset:2px}
.mca-push-invite__note{margin:10px 0 0;color:#637f93;font-size:.59rem;font-weight:650;line-height:1.35;text-align:center}
.mca-push-invite[data-state="denied"] .mca-push-invite__topics{display:none}
@media(max-width:390px){.mca-push-invite{padding:16px 14px 14px}.mca-push-invite__lead{gap:10px}.mca-push-invite__icon{flex-basis:49px;width:49px;height:49px}.mca-push-invite__icon svg{width:34px;height:34px}.mca-push-invite h2{font-size:.91rem}.mca-push-invite__lead p{font-size:.65rem}.mca-push-invite__topics span{font-size:.55rem}.mca-push-invite__primary{font-size:.62rem!important}.mca-push-invite__later{font-size:.6rem!important;padding-inline:5px}}

/* Android instalado: compacta solo la zona propia de la app, sin invadir la barra del sistema. */
html.mca-android-installed,.mca-app-body.mca-android-installed{--mca-nav-height:66px}

/* 0.28.144 · Aviso oficial de hoy integrado en la ficha azul. */
.mca-current-alert{position:relative;z-index:1;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;width:100%;min-height:66px;gap:10px;margin:11px 0 0;padding:10px;border:1px solid rgba(255,255,255,.26);border-radius:16px;background:rgba(255,255,255,.11);color:#fff;text-align:left;box-shadow:inset 0 1px 0 rgba(255,255,255,.1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font:inherit;cursor:pointer}
.mca-current-alert[hidden],.mca-alert-card[hidden]{display:none!important}
.mca-current-alert:hover{background:rgba(255,255,255,.17)}
.mca-current-alert:focus-visible{outline:3px solid #fff;outline-offset:3px}
.mca-current-alert__icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,#ffef83,#f4cd25);box-shadow:0 7px 17px rgba(214,176,0,.17),inset 0 1px 0 rgba(255,255,255,.62)}
.mca-current-alert[data-level="orange"] .mca-current-alert__icon{background:linear-gradient(145deg,#ffb46f,#ed751b);box-shadow:0 7px 17px rgba(211,82,4,.18),inset 0 1px 0 rgba(255,255,255,.48)}
.mca-current-alert[data-level="red"] .mca-current-alert__icon{background:linear-gradient(145deg,#f47b7b,#d63838);box-shadow:0 7px 17px rgba(183,30,30,.18),inset 0 1px 0 rgba(255,255,255,.44)}
.mca-current-alert__icon img{display:block;width:34px;height:34px;object-fit:contain;filter:brightness(0) invert(1)}
.mca-current-alert__content{display:block;min-width:0}
.mca-current-alert__heading{display:flex;align-items:center;flex-wrap:wrap;gap:5px;line-height:1.2}
.mca-current-alert__level{display:inline-flex;align-items:center;min-height:19px;padding:2px 7px;border-radius:999px;background:#fff3b8;color:#6f5b00;font-size:.52rem;font-weight:950;letter-spacing:.025em;white-space:nowrap}
.mca-current-alert[data-level="orange"] .mca-current-alert__level{background:#ffe1c7;color:#913b00}
.mca-current-alert[data-level="red"] .mca-current-alert__level{background:#ffe4e4;color:#a91f1f}
.mca-current-alert__state{color:#fff;font-size:.62rem;font-weight:800}
.mca-current-alert__title{display:block;margin-top:4px;color:#fff;font-size:.78rem;font-weight:900;line-height:1.28;overflow-wrap:anywhere}
.mca-current-alert__link{display:inline-flex;align-items:center;gap:3px;color:#fff;font-size:.6rem;font-weight:900;white-space:nowrap}
.mca-current-alert__link svg{display:block;width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.mca-current-alert+.mca-current-insights{margin-top:11px}
@media(max-width:390px){.mca-current-alert{grid-template-columns:39px minmax(0,1fr) auto;gap:8px;padding:9px}.mca-current-alert__icon{width:39px;height:39px}.mca-current-alert__icon img{width:32px;height:32px}.mca-current-alert__level{font-size:.5rem}.mca-current-alert__title{font-size:.73rem}.mca-current-alert__state{font-size:.58rem}.mca-current-alert__link{font-size:.55rem}}

/* 0.28.145 · Nivel de aviso visible en los días de previsión. */
.mca-day-identity{min-width:0}
.mca-forecast-day-alert{
  --mca-day-alert:#0876be;
  --mca-day-alert-bg:rgba(224,245,255,.86);
  --mca-day-alert-border:rgba(8,118,190,.35);
  display:inline-flex;
  width:max-content;
  max-width:100%;
  min-height:22px;
  align-items:center;
  gap:4px;
  margin-top:6px;
  padding:3px 7px 3px 5px;
  border:1px solid var(--mca-day-alert-border);
  border-radius:999px;
  background:var(--mca-day-alert-bg);
  color:var(--mca-day-alert);
  font:inherit;
  font-size:8px;
  font-weight:900;
  line-height:1;
  white-space:nowrap;
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
}
button.mca-forecast-day-alert{appearance:none;cursor:pointer}
.mca-forecast-day-alert[data-level=yellow]{--mca-day-alert:#795b00;--mca-day-alert-bg:rgba(255,247,204,.92);--mca-day-alert-border:rgba(213,167,0,.48)}
.mca-forecast-day-alert[data-level=orange]{--mca-day-alert:#a44308;--mca-day-alert-bg:rgba(255,236,220,.92);--mca-day-alert-border:rgba(223,114,30,.48)}
.mca-forecast-day-alert[data-level=red]{--mca-day-alert:#a51f28;--mca-day-alert-bg:rgba(255,229,231,.94);--mca-day-alert-border:rgba(203,52,52,.45)}
.mca-forecast-day-alert__icon{display:block;flex:0 0 auto;width:13px;height:13px;color:var(--mca-day-alert)}
.mca-forecast-day-alert__icon path:first-child{fill:currentColor}
.mca-forecast-day-alert__icon path:last-child{stroke:#fff}
button.mca-forecast-day-alert:focus-visible{outline:2px solid var(--mca-day-alert);outline-offset:2px}
.mca-days article.has-alert{min-height:101px}
@media(max-width:360px){.mca-forecast-day-alert{gap:3px;padding:3px 5px 3px 4px;font-size:7px}.mca-forecast-day-alert__icon{width:11px;height:11px}.mca-days article.has-alert{min-height:96px}}

/* 0.28.166 · Fotografía limpia de prensa, sin ondas ni círculos añadidos. */
.mca-more-view--menu .mca-more-hero{background-color:#082b50;background-image:linear-gradient(90deg,rgba(4,24,48,.88),rgba(5,30,56,.47) 62%,rgba(5,30,56,.12)),url('brand/cartagena-teatro-tormenta-menu-v1.webp');background-repeat:no-repeat;background-size:cover,auto 100%;background-position:center,right center;min-height:220px;overflow:hidden}
.mca-more-view--menu .mca-more-hero:before,.mca-more-view--menu .mca-more-hero:after{content:none!important;display:none!important}.mca-more-view--menu .mca-more-hero__weather{display:none!important}
@media(max-width:600px){.mca-more-view--menu .mca-more-hero{min-height:224px;background-size:cover,cover;background-position:center,center 56%;background-image:linear-gradient(90deg,rgba(4,24,48,.76),rgba(5,30,56,.3)),url('brand/cartagena-teatro-tormenta-menu-v1.webp')}}