/* =====================================================================
   p-iztapalapa.css — /fumigacion-iztapalapa/ · efecto firma «Radar en vivo»
   El estado inicial del efecto vive SOLO bajo .izr--vivo (lo pone p-iztapalapa.js):
   sin JS o con movimiento reducido el radar se ve completo y quieto.
   ===================================================================== */
.izr-hero .phero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.izr-hero .h1{font-size:clamp(2.8rem,5.6vw,5.6rem)}
.izr-facts{display:flex;flex-wrap:wrap;gap:1rem 2.2rem;margin-top:2rem;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.14)}
.izr-facts li{display:flex;flex-direction:column;gap:.3rem;max-width:26ch}
.izr-facts b{font:400 clamp(1.7rem,2.4vw,2.3rem)/1 var(--f-display);letter-spacing:.02em;color:#fff;font-variant-numeric:tabular-nums}
.izr-facts li>span{font-size:.86rem;line-height:1.35;color:var(--niebla)}

/* ---------- radar ---------- */
.izr{position:relative;width:100%;max-width:560px;min-width:0;margin:0;justify-self:center}
.izr-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem 1rem;margin-bottom:.9rem;font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--niebla)}
.izr-live{display:inline-flex;align-items:center;gap:.5rem;color:#fff}
.izr-live i{position:relative;width:8px;height:8px;border-radius:50%;background:var(--rec)}
.izr-geo{font-variant-numeric:tabular-nums;letter-spacing:.06em;white-space:nowrap}
.izr-screen{position:relative;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#05304C 0,#012238 58%,#00121F 100%);box-shadow:0 0 0 1px rgba(37,244,238,.3),0 0 0 9px rgba(255,255,255,.04),0 0 0 10px rgba(37,244,238,.12),0 40px 90px -30px rgba(0,0,0,.75),0 0 140px -40px rgba(37,244,238,.45)}
.izr-svg{display:block;width:100%;height:100%;border-radius:50%;overflow:hidden}
.izr-svg .ar-vec{fill:rgba(255,255,255,.025);stroke:rgba(169,199,218,.3);stroke-width:1;stroke-dasharray:3 4}
.izr-svg .ar-izt{fill:rgba(37,244,238,.08);stroke:var(--cian);stroke-width:1.8;stroke-linejoin:round}
.izr-svg .ln-a{fill:none;stroke:rgba(254,44,85,.6);stroke-width:2;stroke-dasharray:7 5}
.izr-svg .rx{stroke:rgba(255,255,255,.07)}
.izr-svg .rg{fill:none;stroke:rgba(37,244,238,.22);transform-origin:260px 260px}
.izr-svg .km{font:600 10.5px var(--f-body);fill:rgba(37,244,238,.7);letter-spacing:.06em}
.izr-svg .lb{font:600 12.5px var(--f-body);fill:#fff;paint-order:stroke;stroke:#011C2E;stroke-width:3.5px;stroke-linejoin:round}
.izr-svg .lb-b{font-size:11px;letter-spacing:.2em;fill:var(--magenta)}
.izr-svg .lb-v{font:700 10px var(--f-body);fill:rgba(169,199,218,.7);letter-spacing:.16em}
.izr-svg .izr-sw{transform-origin:260px 260px;transform:rotate(228deg)}
.izr-svg .sw-l{stroke:var(--cian);stroke-width:1.6;opacity:.9}
.izr-svg .pg .d,.izr-svg .pg .h,.izr-svg .bp{transform-box:fill-box;transform-origin:center}
.izr-svg .pg .d{fill:var(--cian)}
.izr-svg .pg .h{fill:none;stroke:var(--cian);stroke-width:1.5;opacity:0}
.izr-svg .bd{fill:var(--magenta)}
.izr-svg .bp{fill:none;stroke:var(--magenta);stroke-width:2;opacity:0}
.izr-svg .izr-edge{fill:none;stroke:rgba(37,244,238,.35);stroke-width:2}
@media (prefers-reduced-motion:no-preference){
  .izr-svg .bp{animation:ping 2.6s ease-out infinite}.izr-svg .bp.b2{animation-delay:1.3s}
  .izr-live i::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--rec);animation:recPulse 1.4s ease-out infinite}
}
/* encendido (solo con JS y sin movimiento reducido) */
.izr--vivo .pg .d{opacity:.4}
.izr--vivo .rg{opacity:0;transform:scale(.15);transition:transform 1.3s var(--ease),opacity .9s}
.izr--vivo .ar-izt{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 2.2s cubic-bezier(.5,0,.2,1) .15s}
.izr--vivo .izr-sw{opacity:0;transition:opacity .9s .9s}
.izr--on .rg{opacity:1;transform:none;transition-delay:calc(var(--i) * 140ms)}
.izr--on .ar-izt{stroke-dashoffset:0}
.izr--on .izr-sw{opacity:1}

.izr-tick{position:relative;z-index:2;display:flex;align-items:center;gap:.75rem;width:min(96%,520px);min-height:46px;margin:-1.5rem auto 0;padding:.5rem .9rem .5rem .5rem;border-radius:12px;background:rgba(0,27,46,.92);box-shadow:inset 0 0 0 1px rgba(37,244,238,.35),0 18px 40px -18px rgba(0,0,0,.7);font-size:.88rem;font-weight:600;color:#fff}
.izr-tick b{flex:none;padding:.32rem .55rem;border-radius:7px;background:var(--magenta);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase}
.izr-tick span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.izr-pie{margin-top:.9rem;font-size:.76rem;line-height:1.45;color:var(--niebla);text-align:center}

/* ---------- plagas zona por zona ---------- */
.izr-prose{margin-top:clamp(1.8rem,3.5vw,2.6rem)}
.izr-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.6rem,5vw,5rem);align-items:end;margin-bottom:clamp(2rem,4vw,3.2rem)}
.izr-head .head{margin-bottom:0}
.izr-zonas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem}
.izr-z{position:relative;display:flex;flex-direction:column;gap:.85rem;padding:clamp(1.4rem,2.4vw,2.1rem);border-radius:26px;background:rgba(255,255,255,.045);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);overflow:hidden}
.izr-z::before{content:"";position:absolute;left:0;top:1.6rem;bottom:1.6rem;width:3px;border-radius:3px;background:linear-gradient(var(--cian),var(--magenta))}
.izr-z--lluvia{background:linear-gradient(160deg,rgba(10,134,199,.26),rgba(255,255,255,.045) 62%)}
.izr-z--ancha{grid-column:1 / -1}
.izr-z h3{font-size:clamp(1.6rem,2.3vw,2.2rem)}
.izr-z p{color:var(--niebla);line-height:1.65}
.izr-z p strong{color:#fff}
.izr-z .izr-k{display:flex;align-items:center;gap:.65rem;font-size:.74rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--cian);line-height:1.2}
.izr-k svg{flex:none;width:38px;height:38px;padding:5px;border-radius:11px;background:rgba(37,244,238,.1);fill:none;stroke:var(--cian);stroke-width:6;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.izr-z .izr-tags{margin-top:auto;padding-top:.8rem;border-top:1px solid rgba(255,255,255,.1);font-size:.92rem}
.izr-tags a,.izr-lnk{color:#fff;font-weight:600;text-decoration:underline;text-decoration-color:var(--cian);text-decoration-thickness:2px;text-underline-offset:.2em}
.izr-lnk{padding:0;border:0;background:none;font:inherit;font-weight:600;cursor:pointer;text-align:left}
.izr-lnk:hover,.izr-tags a:hover{text-decoration-color:currentColor}
.izr-note{margin-top:1.6rem;max-width:none}
.izr-cierre{display:grid;grid-template-columns:minmax(0,1.2fr) auto;gap:1.2rem 3rem;align-items:center;margin-top:clamp(2.4rem,5vw,3.6rem);padding-top:clamp(2rem,4vw,2.8rem);border-top:1px solid rgba(255,255,255,.12)}
.izr-cierre .ctas{margin-top:0}

@media (max-width:1023px){
  .izr-hero .phero-grid,.izr-head,.izr-cierre{grid-template-columns:minmax(0,1fr)}
  .izr{margin-top:1rem}
}
@media (max-width:767px){
  .izr-zonas{grid-template-columns:1fr}
  .izr-z--ancha{grid-column:auto}
}
@media (max-width:640px){
  .izr-svg .lb{font-size:17px;stroke-width:4px}
  .izr-svg .lb-v{font-size:13.5px}
  .izr-svg .mn,.izr-svg .km{display:none}
  .izr-svg .lb-b{font-size:14px}
  .izr-top{font-size:.64rem}
  .izr-tick{font-size:.8rem;min-height:3.6em}
  .izr-tick span{white-space:normal;line-height:1.3}
}
/* medida de texto en escritorio (45-95 caracteres por renglon) */
.izr-z--ancha p{max-width:78ch}
.izr-note{max-width:84ch}