/*
 * Viva Telecom: verificador de cobertura (compartido por los bloques verificador y cobertura-radar). Del comun.css aprobado.
 */
/* ---------- Verificador de cobertura ---------- */
.cov-wrap{position:relative;z-index:4;margin-top:-72px}
.cov{display:grid;gap:18px;padding:20px 22px;border-radius:30px;background:#fff;box-shadow:0 40px 80px -30px rgba(6,11,36,.45),0 0 0 1px rgba(0,105,254,.08)}
.cov-txt{display:flex;align-items:center;gap:16px}
.cov-ico{display:grid;place-items:center;width:52px;height:52px;border-radius:18px;background:var(--mist);color:var(--brand);flex:none}
.cov-ico .ico{width:25px;height:25px}
.cov-t{font:700 clamp(17px,1.6vw,20px)/1.2 var(--f-title);color:var(--ink);letter-spacing:-.02em}
.cov-s{margin-top:3px;font-size:14px;line-height:1.45;color:var(--muted)}
.cov-fld{display:flex;flex-wrap:wrap;gap:10px}
.cov-fld input{flex:1 1 180px;min-width:0;min-height:52px;padding:0 22px;border-radius:999px;border:1.5px solid var(--line);background:var(--mist);font-size:16px;color:var(--ink);outline:0;transition:border-color .25s,box-shadow .25s,background-color .25s}
.cov-fld input::placeholder{color:#7b86a6}
.cov-fld input:focus{border-color:var(--brand);background:#fff;box-shadow:0 0 0 4px rgba(0,105,254,.14)}
.cov-fld input[aria-invalid=true]{border-color:#d93a4a;box-shadow:0 0 0 4px rgba(217,58,74,.12)}
.cov-fld .btn{flex:1 1 auto}
.cov-res{display:none;gap:14px;align-items:center;flex-wrap:wrap;padding:16px 18px;border-radius:20px;background:var(--mist);border:1px solid var(--line);font-size:14.5px;line-height:1.5;color:var(--text)}
.cov-res.show{display:flex;animation:t-in .5s var(--ease) both}
.cov-res.err{background:#fdecee;border-color:#f3b8bf;color:#8a1f2c}
.cov-res b{color:var(--ink)}
.cov-res .acts{display:flex;flex-wrap:wrap;gap:10px;margin-left:auto}
@media (min-width:900px){
  .cov{grid-template-columns:1fr auto;align-items:center;gap:18px 40px;padding:22px 26px 22px 28px}
  .cov-fld{flex-wrap:nowrap}
  .cov-fld input{width:260px;flex:none}
  .cov-res{grid-column:1/-1}
}