#vigia-wrapper{width:100%;max-width:1000px;margin:20px auto;font-family:sans-serif}#mapa-vigia{height:450px;width:100%;border:1px solid #ddd;border-radius:12px;box-shadow:0 4px 10px rgb(0 0 0 / .05)}.mapa-leyenda{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:15px;font-size:13px;color:#444}.barra-color{width:180px;height:12px;background:linear-gradient(to right,#fff5f5,#ffcdd2,#ef5350,#b71c1c);border:1px solid #ccc;border-radius:2px}.vigia-conectividad{width:100%;max-width:1000px;margin:20px auto;padding:20px 22px;border:1px solid rgb(255 28 31 / .25);border-radius:14px;background:linear-gradient(180deg,#121212 0%,#0d0d0d 100%);box-shadow:0 8px 24px rgb(0 0 0 / .35);font-family:sans-serif;color:#f3f3f3}.vigia-conectividad-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}.vigia-conectividad-header strong{font-size:18px;color:#fff}#vigia-conectividad-porcentaje{font-size:24px;font-weight:700;color:#ffb244}.vigia-conectividad-barra{position:relative;width:100%;height:18px;background:#1b1b1b;border-radius:999px;overflow:hidden;border:1px solid rgb(255 255 255 / .08)}.vigia-conectividad-marcas{position:absolute;inset:0;pointer-events:none;z-index:2}.vigia-conectividad-marcas .marca{position:absolute;top:0;width:1px;height:100%;background:rgb(255 255 255 / .15)}.vigia-conectividad-marcas .marca-20{left:20%}.vigia-conectividad-marcas .marca-40{left:40%}.vigia-conectividad-marcas .marca-60{left:60%}.vigia-conectividad-marcas .marca-80{left:80%}.vigia-conectividad-fill{position:relative;z-index:1;height:100%;width:0%;border-radius:999px;transition:width 0.6s ease,background 0.4s ease;background:linear-gradient(90deg,#ff1c1f 0%,#ffb244 100%)}.vigia-conectividad-meta{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:12px;font-size:14px;color:#d8d8d8;flex-wrap:wrap}.vigia-conectividad-estado{font-weight:700}.vigia-conectividad-estado.estado-normal{color:#ffb244}.vigia-conectividad-estado.estado-inestable{color:#ffd27a}.vigia-conectividad-estado.estado-afectada{color:#ff7a3d}.vigia-conectividad-estado.estado-caida{color:#ff1c1f}#vigia-conectividad-hora{color:#bcbcbc;font-size:13px}#vigia-conectividad-tendencia{font-weight:700;line-height:1.4}#vigia-conectividad-tendencia small{display:block;margin-top:4px;font-weight:400;color:#a9a9a9}.tendencia-estable{color:#d0d0d0}.tendencia-bajada-leve{color:#ffb244}.tendencia-caida-importante{color:#ff7a3d}.tendencia-caida-abrupta{color:#ff1c1f}.tendencia-mejora-leve{color:#ffd27a}.tendencia-mejora-importante{color:#ffb244}.tendencia-recuperacion-rapida{color:#dd63ff}.vigia-conectividad-chart-wrap{margin-top:18px;width:100%;height:320px;padding:12px;border-radius:12px;background:rgb(255 255 255 / .02);border:1px solid rgb(255 255 255 / .05)}#vigia-conectividad-chart{width:100%!important;height:100%!important}@media (max-width:600px){#mapa-vigia{height:320px}.vigia-conectividad{padding:16px}.vigia-conectividad-header{flex-direction:column;align-items:flex-start}#vigia-conectividad-porcentaje{font-size:22px}.vigia-conectividad-meta{flex-direction:column;align-items:flex-start}.vigia-conectividad-chart-wrap{height:260px}}