/* 099 Monitoreo · Zonas v3 · 2026-09-16
   Hero premium, cobertura animada y buscador conservado. */

.seo099-zones-page{--m099-zone-blue:#17479d;--m099-zone-cyan:#00adee;--m099-zone-navy:#07142b;--m099-zone-ink:#111a36;--m099-zone-soft:#f5f8ff;--zone-accent:#2f73ff}
.seo099-zones-page .m099-zones-hero{position:relative;overflow:hidden;padding:54px 0 72px;background:
  radial-gradient(circle at 83% 12%,rgba(0,173,238,.11),transparent 27%),
  radial-gradient(circle at 70% 72%,rgba(23,71,157,.08),transparent 34%),
  linear-gradient(115deg,#fff 0%,#fbfdff 52%,#eef5ff 100%)}
.seo099-zones-page .m099-zones-hero::before,
.seo099-zones-page .m099-zones-hero::after{content:"";position:absolute;border:1px dashed rgba(23,71,157,.11);border-radius:50%;pointer-events:none}
.seo099-zones-page .m099-zones-hero::before{width:760px;height:760px;right:-220px;top:-360px}
.seo099-zones-page .m099-zones-hero::after{width:520px;height:520px;right:90px;top:-250px;border-color:rgba(0,173,238,.14)}
.seo099-zones-page .m099-zones-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(430px,.94fr);gap:clamp(42px,5vw,78px);align-items:center}
.seo099-zones-page .m099-zones-hero__copy{min-width:0}
.seo099-zones-page .m099-breadcrumb{flex-wrap:wrap;margin-bottom:27px;color:#778198}
.seo099-zones-page .m099-eyebrow{font-size:.76rem;letter-spacing:.11em}

/* H1 más grande y con jerarquía clara */
.seo099-zones-page .m099-zones-hero h1{white-space:normal;overflow-wrap:normal;max-width:760px;margin:25px 0 22px;font-size:clamp(3.55rem,5.25vw,5.65rem);font-weight:950;line-height:.965;letter-spacing:-.055em;color:var(--m099-zone-ink)}
.seo099-zones-page .m099-zones-hero h1 em{display:block;margin-top:10px;font-style:normal;color:#2d5bc5;background:linear-gradient(100deg,#214da9 5%,#3773e4 62%,#00a9e9 115%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.seo099-zones-page .m099-zones-hero p{max-width:690px;margin:0;color:#4e5c74;font-size:1.08rem;line-height:1.72}

/* Métricas */
.seo099-zones-page .m099-zone-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:100%;max-width:720px;margin:29px 0 0;padding:19px 0 17px;border-top:1px solid rgba(23,71,157,.12);border-bottom:1px solid rgba(23,71,157,.12)}
.seo099-zones-page .m099-zone-stats span{display:grid;min-width:0;padding:0 24px;background:transparent;border:0;border-left:1px solid rgba(23,71,157,.14);border-radius:0;box-shadow:none;color:#56627a;font-size:.78rem;line-height:1.35}
.seo099-zones-page .m099-zone-stats span:first-child{padding-left:0;border-left:0}
.seo099-zones-page .m099-zone-stats span:hover{transform:none;box-shadow:none;border-color:rgba(23,71,157,.14)}
.seo099-zones-page .m099-zone-stats strong{display:block;margin-bottom:4px;color:#2854ba;font-size:clamp(2.6rem,3.5vw,3.6rem);font-weight:950;line-height:1;letter-spacing:-.045em;text-shadow:none;white-space:nowrap}

/* Buscador */
.seo099-zones-page .m099-zone-search{display:flex;align-items:center;gap:8px;width:100%;max-width:720px;margin:24px 0 0;padding:7px;background:rgba(255,255,255,.92);border:1px solid #dbe5f3;border-radius:20px;box-shadow:0 15px 36px rgba(20,52,103,.08);backdrop-filter:blur(8px)}
.seo099-zones-page .m099-zone-search__field{display:flex;align-items:center;flex:1;min-width:0;min-height:54px;padding-left:16px}
.seo099-zones-page .m099-zone-search__field svg{flex:0 0 23px;width:23px;height:23px;fill:none;stroke:#183d85;stroke-width:2;stroke-linecap:round}
.seo099-zones-page .m099-zone-search input{width:100%;min-width:0;min-height:54px;padding:0 13px;background:transparent;border:0;border-radius:12px;color:#172442;font-size:1rem;outline:0}
.seo099-zones-page .m099-zone-search input::placeholder{color:#8590a6}
.seo099-zones-page .m099-zone-search button{flex:0 0 auto;min-height:54px;padding:0 24px;border:0;border-radius:14px;background:linear-gradient(115deg,#244eaa,#315fd0);box-shadow:0 8px 18px rgba(36,78,170,.22);color:#fff;font-weight:900;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}
.seo099-zones-page .m099-zone-search button:hover{transform:translateY(-1px);box-shadow:0 12px 25px rgba(36,78,170,.3)}

/* Consola de cobertura */
.seo099-zones-page .m099-coverage-console{--zone-accent:#2f73ff;position:relative;min-width:0;width:100%;max-width:540px;justify-self:end;overflow:hidden;padding:24px;border:1px solid rgba(118,174,255,.16);border-radius:30px;background:
  radial-gradient(circle at 66% 25%,rgba(0,173,238,.18),transparent 31%),
  radial-gradient(circle at 12% 88%,rgba(0,173,238,.14),transparent 32%),
  linear-gradient(145deg,#071226 0%,#0a1d3e 54%,#0b2d61 100%);box-shadow:0 30px 70px rgba(17,54,111,.22),inset 0 1px rgba(255,255,255,.05);transition:box-shadow .5s ease}
.seo099-zones-page .m099-coverage-console::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.035),transparent 30%,transparent 72%,rgba(0,173,238,.045));pointer-events:none}
.seo099-zones-page .m099-coverage-console__top{position:relative;z-index:5;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.seo099-zones-page .m099-coverage-console__top>div{display:grid;gap:3px}
.seo099-zones-page .m099-coverage-console__top strong{color:#fff;font-size:1.08rem;font-weight:950;letter-spacing:-.02em}
.seo099-zones-page .m099-coverage-console__top>div span{color:#93a8cc;font-size:.61rem;font-weight:850;letter-spacing:.22em}
.seo099-zones-page .m099-coverage-console__status{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid rgba(69,177,255,.26);border-radius:999px;background:rgba(17,59,105,.58);color:#dbeaff;font-size:.67rem;font-weight:850;white-space:nowrap}
.seo099-zones-page .m099-coverage-console__status i{width:9px;height:9px;border-radius:50%;background:#6eed9a;box-shadow:0 0 0 5px rgba(110,237,154,.09),0 0 14px rgba(110,237,154,.65)}

/* Mapa / radar */
.seo099-zones-page .m099-coverage-map{position:relative;height:338px;margin:8px -8px 7px;overflow:hidden}
.seo099-zones-page .m099-coverage-map__art{position:absolute;inset:0;width:100%;height:100%;opacity:.87}
.seo099-zones-page .m099-map-shape{fill:url(#m099MapFill);stroke:#1c5fa9;stroke-width:1.5;opacity:.78}
.seo099-zones-page .m099-map-line{fill:none;stroke:#2c6cad;stroke-width:1;stroke-dasharray:3 5;opacity:.38}
.seo099-zones-page .m099-coast{fill:none;stroke:url(#m099Coast);stroke-width:2;opacity:.78}
.seo099-zones-page .m099-coverage-map__art circle{fill:#4aa8ff;filter:drop-shadow(0 0 7px #38a7ff);opacity:.72}
.seo099-zones-page .m099-map-label{position:absolute;z-index:2;color:#aac3ea;font-size:.69rem;font-weight:900;letter-spacing:.12em;text-shadow:0 2px 10px rgba(0,0,0,.3)}
.seo099-zones-page .m099-map-label--gba{left:12%;top:48%}.seo099-zones-page .m099-map-label--caba{right:27%;top:43%}.seo099-zones-page .m099-map-label--river{right:2%;top:27%;font-size:.52rem;line-height:1.7;letter-spacing:.22em;color:#7698c4}
.seo099-zones-page .m099-coverage-pulse{position:absolute;left:54%;top:50%;width:242px;height:242px;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none}
.seo099-zones-page .m099-coverage-pulse i{position:absolute;left:50%;top:50%;width:112px;height:112px;border:1.6px solid var(--zone-accent);border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(.58);box-shadow:0 0 15px rgba(0,173,238,.18);animation:m099ZonePulse 3.6s ease-out infinite}
.seo099-zones-page .m099-coverage-pulse i:nth-child(2){animation-delay:.9s}.seo099-zones-page .m099-coverage-pulse i:nth-child(3){animation-delay:1.8s}.seo099-zones-page .m099-coverage-pulse i:nth-child(4){animation-delay:2.7s}
@keyframes m099ZonePulse{0%{opacity:.8;transform:translate(-50%,-50%) scale(.58)}75%,100%{opacity:0;transform:translate(-50%,-50%) scale(2.7)}}
.seo099-zones-page .m099-coverage-core{position:absolute;left:54%;top:50%;z-index:4;display:flex;align-items:center;justify-content:center;width:112px;height:112px;transform:translate(-50%,-50%);border:3px solid var(--zone-accent);border-radius:50%;background:radial-gradient(circle at 40% 30%,#1d4e99,#071a3d 72%);box-shadow:0 0 0 9px rgba(0,173,238,.06),0 0 32px rgba(0,173,238,.24);transition:border-color .45s ease,box-shadow .45s ease}
.seo099-zones-page .m099-coverage-core__logo{display:flex;align-items:center;justify-content:center;width:78px;height:78px}
.seo099-zones-page .m099-coverage-core__logo img{display:block;width:96px;height:96px;max-width:none;object-fit:contain;filter:drop-shadow(0 6px 15px rgba(0,0,0,.32))}
.seo099-zones-page .m099-coverage-core small{position:absolute;top:98px;left:50%;transform:translateX(-50%);min-width:max-content;padding:5px 10px;border-radius:999px;background:#fff;color:#204b9e;font-size:.52rem;font-weight:950;letter-spacing:.03em;box-shadow:0 6px 18px rgba(0,0,0,.18)}
.seo099-zones-page .m099-coverage-signal{position:absolute;left:20px;bottom:11px;z-index:4;display:inline-flex;align-items:center;min-height:29px;padding:0 11px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(4,20,45,.68);backdrop-filter:blur(7px);color:#dce9ff;font-size:.65rem;font-weight:850;letter-spacing:.025em}
.seo099-zones-page .m099-coverage-signal::before{content:"";width:6px;height:6px;margin-right:7px;border-radius:50%;background:var(--zone-accent);box-shadow:0 0 12px var(--zone-accent)}
.seo099-zones-page .m099-coverage-signal.is-changing{animation:m099SignalIn .42s ease}
@keyframes m099SignalIn{0%{opacity:.15;transform:translateY(4px)}100%{opacity:1;transform:none}}

/* Filas que rotan de color y zona */
.seo099-zones-page .m099-coverage-console__zones{position:relative;z-index:5;display:grid;gap:8px}
.seo099-zones-page .m099-coverage-zone{display:grid;grid-template-columns:30px minmax(0,1fr) auto auto;align-items:center;gap:9px;min-width:0;padding:10px 11px;border:1px solid rgba(255,255,255,.045);border-radius:12px;background:rgba(255,255,255,.065);color:#fff;text-decoration:none;transition:background .35s ease,border-color .35s ease,transform .25s ease,box-shadow .35s ease}
.seo099-zones-page .m099-coverage-zone:hover{color:#fff;transform:translateX(2px);background:rgba(255,255,255,.1)}
.seo099-zones-page .m099-coverage-zone.is-active{border-color:var(--zone-accent);background:linear-gradient(90deg,rgba(0,173,238,.12),rgba(255,255,255,.07));box-shadow:inset 3px 0 var(--zone-accent),0 10px 24px rgba(0,0,0,.08)}
.seo099-zones-page .m099-coverage-zone__pin{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:rgba(48,111,226,.22);color:#d7e8ff;font-size:1rem;font-weight:900;transition:background .35s ease,color .35s ease}
.seo099-zones-page .m099-coverage-zone.is-active .m099-coverage-zone__pin{background:var(--zone-accent);color:#fff;box-shadow:0 0 18px rgba(0,173,238,.28)}
.seo099-zones-page .m099-coverage-zone strong{min-width:0;overflow:hidden;color:#fff;font-size:.82rem;font-weight:900;text-overflow:ellipsis;white-space:nowrap}
.seo099-zones-page .m099-coverage-zone small{color:#aebfda;font-size:.63rem;font-weight:800;white-space:nowrap}
.seo099-zones-page .m099-coverage-zone b{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid rgba(74,220,145,.12);border-radius:999px;background:rgba(53,196,125,.11);color:#79e7a9;font-size:.54rem;font-weight:950;white-space:nowrap}
.seo099-zones-page .m099-coverage-zone b i{width:6px;height:6px;border-radius:50%;background:#63e394;box-shadow:0 0 9px rgba(99,227,148,.6)}

/* Resto del directorio */
.seo099-zones-page .m099-coverage-groups{gap:30px}
.seo099-zones-page .m099-coverage-group{border:1px solid #d5e0ee;box-shadow:0 12px 35px rgba(19,44,83,.035)}
.seo099-zones-page .m099-place-list a{min-height:42px;align-items:center}
.seo099-zones-page :focus-visible{outline:3px solid #4684cf;outline-offset:4px}

@media(max-width:1120px){
  .seo099-zones-page .m099-zones-hero__grid{grid-template-columns:minmax(0,1fr) minmax(390px,.84fr);gap:38px}
  .seo099-zones-page .m099-zones-hero h1{font-size:clamp(3.25rem,5.1vw,4.85rem)}
  .seo099-zones-page .m099-coverage-console{max-width:500px}
  .seo099-zones-page .m099-coverage-zone{grid-template-columns:28px minmax(0,1fr) auto}
  .seo099-zones-page .m099-coverage-zone small{display:none}
}

@media(max-width:940px){
  .seo099-zones-page .m099-zones-hero{padding:42px 0 62px}
  .seo099-zones-page .m099-zones-hero__grid{grid-template-columns:minmax(0,1fr);gap:38px}
  .seo099-zones-page .m099-zones-hero h1{max-width:800px;font-size:clamp(3.3rem,7.4vw,5rem)}
  .seo099-zones-page .m099-zones-hero p,.seo099-zones-page .m099-zone-stats,.seo099-zones-page .m099-zone-search{max-width:760px}
  .seo099-zones-page .m099-coverage-console{justify-self:start;max-width:680px}
  .seo099-zones-page .m099-coverage-zone{grid-template-columns:30px minmax(0,1fr) auto auto}
  .seo099-zones-page .m099-coverage-zone small{display:block}
}

@media(max-width:620px){
  .seo099-zones-page .m099-zones-hero{padding:30px 0 42px}
  .seo099-zones-page .m099-container{width:calc(100% - 30px)}
  .seo099-zones-page .m099-breadcrumb{margin-bottom:20px}
  .seo099-zones-page .m099-zones-hero h1{margin-top:20px;font-size:clamp(2.85rem,12.3vw,4rem);line-height:.98;letter-spacing:-.052em}
  .seo099-zones-page .m099-zones-hero h1 em{margin-top:8px}
  .seo099-zones-page .m099-zones-hero p{font-size:1rem;line-height:1.62}
  .seo099-zones-page .m099-zone-stats{margin-top:24px;padding:16px 0}
  .seo099-zones-page .m099-zone-stats span{padding:0 10px;font-size:.68rem}
  .seo099-zones-page .m099-zone-stats strong{font-size:2.2rem}
  .seo099-zones-page .m099-zone-search{display:grid;grid-template-columns:1fr;margin-top:20px;padding:7px}
  .seo099-zones-page .m099-zone-search__field{min-height:50px;padding-left:10px}
  .seo099-zones-page .m099-zone-search input{min-height:50px;padding-inline:10px}
  .seo099-zones-page .m099-zone-search button{width:100%;min-height:50px}
  .seo099-zones-page .m099-coverage-console{padding:18px 14px;border-radius:23px}
  .seo099-zones-page .m099-coverage-console__top{align-items:center}
  .seo099-zones-page .m099-coverage-console__status{padding:7px 9px;font-size:.58rem}
  .seo099-zones-page .m099-coverage-map{height:285px;margin-inline:-4px}
  .seo099-zones-page .m099-coverage-pulse{left:52%;width:210px;height:210px}
  .seo099-zones-page .m099-coverage-core{left:52%;width:98px;height:98px}
  .seo099-zones-page .m099-coverage-core__logo img{width:86px;height:86px}
  .seo099-zones-page .m099-coverage-core small{top:87px;font-size:.48rem}
  .seo099-zones-page .m099-map-label--river{display:none}
  .seo099-zones-page .m099-coverage-zone{grid-template-columns:28px minmax(0,1fr) auto;padding:9px 9px}
  .seo099-zones-page .m099-coverage-zone small{display:none}
  .seo099-zones-page .m099-coverage-zone b{font-size:.49rem;padding:5px 7px}
  .seo099-zones-page .m099-coverage-group{padding:22px 18px}
}

@media(max-width:400px){
  .seo099-zones-page .m099-coverage-console__status{max-width:122px;line-height:1.2;white-space:normal;text-align:right}
  .seo099-zones-page .m099-coverage-zone b{font-size:0;width:26px;height:22px;justify-content:center;padding:0}
  .seo099-zones-page .m099-coverage-zone b i{width:7px;height:7px}
}

@media(prefers-reduced-motion:reduce){
  .seo099-zones-page *{scroll-behavior:auto!important;transition:none!important}
  .seo099-zones-page .m099-coverage-pulse i,.seo099-zones-page .m099-coverage-signal.is-changing{animation:none!important;opacity:.5}
}