/* Lluvia en tiempo real · red SAIH Segura · 0.22.5 */
.mca-more-resource--rain:before{background:#079bd2}
.mca-more-resource--rain em{display:inline-flex;width:max-content;margin-top:3px;padding:5px 8px;border:1px solid #c8e8f5;border-radius:999px;background:#eefaff;color:#0786bd;font-size:.43rem;line-height:1;letter-spacing:.045em}

.mca-more-view--rain{display:flex;flex:1 1 0;width:100%;height:100%;min-height:0;flex-direction:column;overflow:hidden;background:#f2f7fb}
.mca-rain-header{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:13px;padding:18px 20px;border-bottom:1px solid #d5e5ef;background:linear-gradient(135deg,#fff,#eaf8fe)}
.mca-rain-header>div{min-width:0}
.mca-rain-header span{display:block;color:#078fc8;font-size:.58rem;font-weight:950;letter-spacing:.065em}
.mca-rain-header h2{margin:4px 0 3px;color:#082b57;font-size:1.25rem;line-height:1.15}
.mca-rain-header p{margin:0;color:#6d8499;font-size:.67rem;font-weight:650;line-height:1.35}

.mca-rain-periods{display:flex;flex:0 0 auto;gap:8px;overflow-x:auto;padding:11px 20px;border-bottom:1px solid #dbe8f0;background:#fff;scrollbar-width:none}
.mca-rain-periods::-webkit-scrollbar{display:none}
.mca-rain-periods button{display:inline-flex;min-width:max-content;min-height:38px;align-items:center;justify-content:center;gap:5px;padding:8px 13px;border:1px solid #dbe7ee;border-radius:999px;background:#f0f5f8;color:#637b90;font:850 .59rem/1 Montserrat,sans-serif;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}
.mca-rain-periods button:hover{transform:translateY(-1px);border-color:#afd8ea;color:#1579a4}
.mca-rain-periods button.is-active{border-color:#0f9bd0;background:linear-gradient(135deg,#16a9dd,#0876bd);color:#fff;box-shadow:0 6px 15px rgba(8,130,194,.18)}
.mca-rain-periods button i{font-size:13px}

.mca-rain-content{flex:1 1 0;min-height:0;overflow-x:hidden;overflow-y:auto;padding:14px 16px 20px;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable}
.mca-rain-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px}
.mca-rain-summary>div{min-width:0;padding:10px 11px;border:1px solid #d6e6ef;border-radius:14px;background:#fff;box-shadow:0 5px 14px rgba(12,63,98,.045)}
.mca-rain-summary small,.mca-rain-summary strong,.mca-rain-summary em{display:block}
.mca-rain-summary small{color:#7890a4;font-size:.45rem;font-weight:900;letter-spacing:.035em}
.mca-rain-summary strong{margin-top:3px;overflow:hidden;color:#08345f;font-size:.72rem;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.mca-rain-summary em{margin-top:2px;overflow:hidden;color:#638096;font-size:.47rem;font-style:normal;font-weight:800;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.mca-rain-period-label{margin:0 2px 10px;color:#56738b;font-size:.61rem;font-weight:750;line-height:1.45}
.mca-rain-period-label:before{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#15a8dc;box-shadow:0 0 0 4px rgba(21,168,220,.1);content:""}
.mca-rain-notice{display:flex;align-items:flex-start;gap:8px;margin:0 0 10px;padding:9px 11px;border:1px solid #efd49d;border-radius:12px;background:#fff9ea;color:#7a622c;font-size:.57rem;font-weight:700;line-height:1.45}
.mca-rain-notice[hidden]{display:none!important}
.mca-rain-notice i{display:grid;flex:0 0 16px;height:16px;place-items:center;border-radius:50%;background:#edb51f;color:#fff;font-size:.48rem;font-style:normal}
.mca-rain-pws-link{display:flex;align-items:center;gap:9px;width:100%;min-height:44px;margin:0 0 12px;padding:9px 11px;border:1px solid #c7e3f0;border-radius:12px;background:#edf8fd;color:#08244a;font:800 .65rem Montserrat,Poppins,Arial,sans-serif;text-align:left;cursor:pointer}
.mca-rain-pws-link .wi{color:#087fbd;font-size:1rem}.mca-rain-pws-link span:nth-child(2){flex:1;min-width:0;line-height:1.35}.mca-rain-pws-link span:last-child{color:#087fbd;font-size:1.1rem}
.mca-rain-pws-link:focus-visible{outline:3px solid rgba(8,127,189,.35);outline-offset:2px}

.mca-rain-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.mca-rain-card{--rain-fill:0%;position:relative;min-width:0;overflow:hidden;padding:13px;border:1px solid #d6e4ed;border-top:4px solid #c6d4de;border-radius:18px;background:#fff;box-shadow:0 7px 19px rgba(12,54,87,.055)}
.mca-rain-card[data-raining="true"]{border-top-color:#13a5d9;box-shadow:0 8px 21px rgba(7,125,185,.09)}
.mca-rain-card__heading{display:flex;min-height:36px;align-items:flex-start;justify-content:space-between;gap:7px}
.mca-rain-card__station{overflow-wrap:anywhere;color:#315b78;font-size:.67rem;font-weight:950;line-height:1.2;text-transform:uppercase}
.mca-rain-card__state{flex:0 0 auto;padding:4px 6px;border-radius:999px;background:#edf3f6;color:#7a8fa1;font-size:.4rem;font-weight:950;letter-spacing:.035em}
.mca-rain-card[data-raining="true"] .mca-rain-card__state{background:#eaf7fd;color:#087fbd}
.mca-rain-card__body{display:grid;grid-template-columns:minmax(0,1fr) 58px;align-items:end;gap:7px;margin-top:7px}
.mca-rain-card__reading{min-width:0}
.mca-rain-card__value{color:#062d59;font-size:1.8rem;font-weight:950;line-height:1;letter-spacing:-.04em;white-space:nowrap}
.mca-rain-card__value small{margin-left:2px;color:#748ba0;font-size:.55rem;letter-spacing:0}
.mca-rain-card__period{display:block;margin-top:5px;color:#597b94;font-size:.47rem;font-weight:900;letter-spacing:.025em;line-height:1.25}
.mca-rain-card__time{display:flex;align-items:center;gap:5px;margin-top:11px;padding-top:9px;border-top:1px solid #e7eff4;color:#8193a4;font-size:.48rem;font-weight:750;line-height:1.3}
.mca-rain-card__time i{color:#0b96cd;font-size:11px}

.mca-rain-gauge{position:relative;width:52px;height:64px;justify-self:end;color:#0a94cc}
.mca-rain-gauge__glass{position:absolute;inset:8px 5px 2px;overflow:hidden;border:2px solid #a7cee0;border-top:0;border-radius:4px 4px 14px 14px;background:linear-gradient(180deg,#f7fcff,#eaf6fb);box-shadow:inset 0 0 0 2px rgba(255,255,255,.72)}
.mca-rain-gauge__glass:after{position:absolute;z-index:3;inset:25% 5px auto;height:1px;background:#c9e0ea;box-shadow:0 12px #c9e0ea;content:"";opacity:.75}
.mca-rain-gauge__rim{position:absolute;z-index:4;top:5px;right:1px;left:1px;height:8px;border:2px solid #90bfd4;border-radius:50%;background:#f9fdff;box-shadow:0 3px 8px rgba(13,105,148,.11)}
.mca-rain-gauge__water{position:absolute;z-index:2;right:0;bottom:0;left:0;height:0;background:linear-gradient(180deg,#54d6ed,#0796d0);transition:height 1.15s cubic-bezier(.2,.72,.22,1)}
.mca-rain-gauge__water:before{position:absolute;top:-4px;left:-18%;width:136%;height:9px;border-radius:48%;background:#8be7f3;content:"";animation:mca-saih-water 3s ease-in-out infinite}
.mca-rain-gauge__drop{display:none;position:absolute;z-index:5;top:-3px;width:4px;height:7px;border-radius:50% 50% 55% 55%;background:#36c1e5;opacity:0}
.mca-rain-card[data-raining="true"][data-period="0"] .mca-rain-gauge__drop{display:block;animation:mca-saih-drop 2.2s linear infinite}
.mca-rain-gauge__drop:nth-of-type(1){left:13px;animation-delay:0s!important}
.mca-rain-gauge__drop:nth-of-type(2){left:28px;animation-delay:.75s!important}
.mca-rain-gauge__drop:nth-of-type(3){left:39px;animation-delay:1.4s!important}
@keyframes mca-saih-water{0%,100%{transform:translateX(-4%) scaleY(.9)}50%{transform:translateX(4%) scaleY(1.08)}}
@keyframes mca-saih-drop{0%{transform:translateY(0);opacity:0}12%{opacity:.8}72%{opacity:.5}100%{transform:translateY(40px);opacity:0}}

.mca-rain-loading,.mca-rain-empty{display:flex;grid-column:1/-1;min-height:220px;align-items:center;justify-content:center;gap:9px;padding:24px;border:1px solid #dae7ef;border-radius:18px;background:#fff;color:#6f8497;font-size:.68rem;font-weight:750;text-align:center}
.mca-rain-loading>span{width:20px;height:20px;border:3px solid #d7eaf2;border-top-color:#129bd6;border-radius:50%;animation:mca-saih-spin .8s linear infinite}
@keyframes mca-saih-spin{to{transform:rotate(1turn)}}
.mca-rain-footer{display:flex;flex:0 0 auto;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:.54rem;font-weight:700;line-height:1.35;text-align:center}
.mca-rain-footer i{display:grid;flex:0 0 16px;height:16px;place-items:center;border-radius:50%;background:#e4f5fc;color:#078cc8;font-size:.5rem;font-style:normal}

@media(min-width:681px){.mca-more-view--rain{height:auto;max-height:calc(100dvh - 30px)}.mca-rain-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mca-rain-content{max-height:620px}}
@media(max-width:680px){.mca-rain-header{padding:calc(17px + env(safe-area-inset-top)) 14px 15px}.mca-rain-content{height:0;padding:12px 12px 20px}.mca-rain-summary{gap:6px}.mca-rain-summary>div{padding:9px 8px}.mca-rain-card{padding:11px}.mca-rain-card__body{grid-template-columns:minmax(0,1fr) 50px}.mca-rain-card__value{font-size:1.55rem}.mca-rain-gauge{width:46px;height:59px}.mca-rain-periods{padding-right:22px;padding-left:18px}}
@media(max-width:360px){.mca-rain-header h2{font-size:1.07rem}.mca-rain-grid{grid-template-columns:1fr}.mca-rain-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.mca-rain-summary>div:last-child{grid-column:1/-1}.mca-rain-card__value{font-size:1.75rem}}
@media(prefers-reduced-motion:reduce){.mca-rain-periods button,.mca-rain-gauge__water,.mca-rain-gauge__water:before,.mca-rain-gauge__drop,.mca-rain-loading>span{animation:none!important;transition:none!important}}