body.envivo:after{opacity:.03}.vivo-app{min-height:100svh;width:min(100% - 2 * var(--gutter), 1500px);grid-template:"top top""titulo titulo""mapa datos"minmax(420px,1fr)"ticker datos""cta cta"/minmax(0,1fr) 300px;gap:16px 26px;margin-inline:auto;padding:18px 0 22px;display:grid}@media (min-width:1100px) and (min-height:760px){.vivo-app{grid-template-rows:auto auto minmax(0,1fr) auto auto;height:100svh}}.vivo-top{grid-area:top;align-items:center;gap:14px;display:flex}.vivo-mds{opacity:.85;border-left:1px solid var(--line-2);width:auto;height:26px;padding-left:14px}.vivo-chip{color:var(--accent);letter-spacing:.1em;border:1px solid #f09a4b8c;border-radius:999px;align-items:center;gap:8px;margin-left:auto;padding:5px 14px;font-size:13px;font-weight:800;display:inline-flex}.vivo-chip i{background:var(--accent);border-radius:50%;width:7px;height:7px;animation:1.6s infinite latido-suave}.vivo-reloj{color:var(--ink-2);font-size:22px}.vivo-titulo{grid-area:titulo}.vivo-titulo .eyebrow{margin-bottom:8px}.vivo-titulo h1{max-width:22ch;font-size:clamp(30px,4vw,54px);line-height:1}.vivo-titulo .sub{max-width:80ch;margin-top:10px}body[data-tono=amarilla] .vivo-titulo .eyebrow{color:var(--amarilla)}body[data-tono=naranja] .vivo-titulo .eyebrow{color:var(--naranja)}body[data-tono=roja] .vivo-titulo .eyebrow{color:var(--roja)}body[data-tono=granizo] .vivo-titulo .eyebrow,body[data-tono=rayos] .vivo-titulo .eyebrow{color:var(--ice)}.vivo-botones{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.zona-btn{color:var(--accent-2);border-color:#f09a4b80}.vivo-mapa{border:1px solid var(--line-2);background:#070b10;border-radius:26px;grid-area:mapa;min-height:420px;position:relative;overflow:hidden}.capas{z-index:4;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:70%;display:flex;position:absolute;top:12px;right:12px}.capas label{cursor:pointer}.capas input{opacity:0;pointer-events:none;position:absolute}.capas span{border:1px solid var(--line-2);color:var(--muted);-webkit-backdrop-filter:blur(8px);background:#090d129e;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;transition:color .2s,border-color .2s;display:inline-block}.capas input:checked+span{color:var(--ink);border-color:#a9dbff80}.capas input:focus-visible+span{outline:2px solid var(--ice)}.vivo-mapa .zona-tarjeta{bottom:14px}.vivo-datos{grid-area:datos;align-content:start;gap:0;display:grid}.dato{border-top:1px solid var(--line);gap:2px;padding:16px 0;display:grid}.dato-et{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:700}.dato b{font-size:clamp(40px,4vw,58px);line-height:1}.dato small{color:var(--muted);font-size:13px}.leyenda-vivo{border-top:1px solid var(--line);gap:8px;margin:0;padding:16px 0 0;list-style:none;display:grid}.leyenda-vivo li{align-items:center;gap:10px;display:flex}.leyenda-vivo i{border-radius:4px;width:14px;height:14px;display:inline-block}.vivo-ticker{border-top:1px solid var(--line);grid-area:ticker;padding-top:12px}.ticker-cab{align-items:center;gap:12px;display:flex}.ticker-cab .eyebrow{color:var(--muted);margin:0}.ticker-barra{background:var(--line);border-radius:2px;flex:1;height:2px;display:block;overflow:hidden}.ticker-barra i{background:var(--accent);transform-origin:0;width:100%;height:100%;animation:7s linear progreso;display:block}@keyframes progreso{0%{transform:scaleX(0)}}#ticker{gap:8px;min-height:96px;margin:10px 0 0;padding:0;list-style:none;display:grid}#ticker li{grid-template-columns:64px 1fr;gap:12px;font-size:16px;line-height:1.35;display:grid}#ticker.entra li{animation:entrar-tick .7s var(--ease-out) both;animation-delay:calc(var(--i) * 90ms)}@keyframes entrar-tick{0%{opacity:0;filter:blur(4px);transform:translateY(10px)}}#ticker time{color:var(--muted);font-variant-numeric:tabular-nums}#ticker span{padding-left:18px;position:relative}#ticker span:before{content:"";background:var(--verde);border-radius:50%;width:8px;height:8px;position:absolute;top:7px;left:0}#ticker li[data-tono=amarilla] span:before{background:var(--amarilla)}#ticker li[data-tono=naranja] span:before{background:var(--naranja)}#ticker li[data-tono=roja] span:before{background:var(--roja)}#ticker li[data-tono=rayos] span:before{background:var(--rayo)}#ticker li[data-tono=granizo] span:before{background:var(--ice)}#ticker li[data-tono=riesgo] span:before{background:var(--accent)}.vivo-cta{background:var(--accent);color:var(--accent-ink);transition:transform .4s var(--ease-out);border-radius:20px;flex-wrap:wrap;grid-area:cta;justify-content:space-between;align-items:center;gap:10px 24px;padding:16px 24px;display:flex}.vivo-cta:hover{transform:translateY(-2px)}.vivo-cta small{letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:800;display:block}.vivo-cta b{font-family:var(--display);letter-spacing:-.03em;font-size:clamp(22px,3vw,34px)}.vivo-cta .small{color:#1d1206bf;text-align:right;max-width:30ch}@media (max-width:980px){.vivo-app{grid-template-rows:none;grid-template-columns:1fr;grid-template-areas:"top""titulo""mapa""datos""ticker""cta"}.vivo-mapa{min-height:64svh}.vivo-datos{grid-template-columns:repeat(2,1fr);column-gap:18px}.leyenda-vivo{grid-column:1/-1;grid-template-columns:repeat(2,1fr)}.vivo-cta .small{text-align:left}}@media (max-width:520px){.vivo-mds{display:none}.vivo-top .marca span{display:inline}}@media (max-width:640px){.capas{justify-content:flex-start;max-width:calc(100% - 60px);inset:auto auto 12px 12px}.vivo-mapa .zona-tarjeta{bottom:60px}}