/* vz.css - sitios de servicios de voz del Universo DITCOM (NOVA S545, 22-OCT-2026).
   Capa sobre dc.css (misma familia que ditcom.cl): mismos tokens, azul DITCOM como unico acento. Sin JavaScript. */
.eti{display:inline-flex;align-items:center;gap:8px;font:600 .8rem/1.3 var(--t-texto);letter-spacing:.07em;text-transform:uppercase;color:var(--hondo);background:var(--tinte);padding:6px 12px;border-radius:999px}
@media (prefers-color-scheme:dark){.eti{color:#DCE6FF}}
.portada .eti+h1{margin-top:18px}
.estado-chip{display:inline-flex;align-items:baseline;gap:9px;margin-top:22px;font-weight:600;font-size:.95rem;color:var(--tinta)}
.estado-chip::before{content:"";flex:none;width:9px;height:9px;border-radius:50%;background:var(--aviso);transform:translateY(-1px)}
.estado-chip span{font-weight:400;color:var(--tinta-2)}

/* placa del producto: esquema de como funciona */
.placa-vz{padding:26px 26px 22px;background:var(--placa)}
.placa-vz .placa-t{max-width:none;font-size:1.12rem}
.placa-vz .placa-sub{font-size:.92rem}
.esquema{position:relative;margin-top:18px;width:100%;height:auto}
.esquema text{font-family:var(--t-texto);fill:var(--tinta)}
.esquema .s2{fill:var(--tinta-2)}
.esquema .cj{fill:var(--papel);stroke:var(--linea-2);stroke-width:1.2}
.esquema .cja{fill:var(--tinte);stroke:var(--azul);stroke-width:1.4}
.esquema .ln{stroke:var(--linea-2);stroke-width:1.6;fill:none}
.esquema .lna{stroke:var(--azul);stroke-width:2;fill:none}
.esquema .pa{fill:var(--azul)}
.esquema .po{fill:var(--aviso)}
.esquema .pn{fill:var(--linea-2)}
.esquema .bl{fill:var(--azul)}
.esquema .bt{fill:var(--tinte)}

/* que incluye */
.rasgos{list-style:none;padding:0;margin-top:36px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.rasgo{background:var(--papel);border:1px solid var(--linea);border-radius:14px;padding:22px 22px 20px}
.ico{width:44px;height:44px;border-radius:12px;background:var(--tinte);color:var(--azul);display:flex;align-items:center;justify-content:center}
.ico svg{width:24px;height:24px}
.rasgo h3{margin-top:14px;font-size:1.12rem;font-weight:700;line-height:1.25}
.rasgo p{margin-top:6px;color:var(--tinta-2);font-size:.97rem;line-height:1.5}
.ademas{margin-top:22px;color:var(--tinta-2);max-width:80ch}
.ademas b{color:var(--tinta)}
@media (max-width:980px){.rasgos{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.rasgos{grid-template-columns:minmax(0,1fr)}}

/* como funciona */
.pasos{list-style:none;padding:0;margin-top:36px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;counter-reset:paso}
.paso{position:relative;padding-top:18px;border-top:3px solid var(--azul)}
.paso::before{counter-increment:paso;content:counter(paso);display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--azul);color:var(--sobre-azul);font:700 1rem/1 var(--t-titulo)}
.paso h3{margin-top:12px;font-size:1.08rem;font-weight:700;line-height:1.3}
.paso p{margin-top:6px;color:var(--tinta-2);font-size:.96rem;line-height:1.5}
@media (max-width:980px){.pasos{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}}
@media (max-width:560px){.pasos{grid-template-columns:minmax(0,1fr)}}

/* destacado: dos columnas, texto y ficha */
.dest{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:48px;align-items:start}
.dest-txt p{margin-top:14px;color:var(--tinta-2);max-width:52ch;font-size:1.04rem}
.dest-txt p.nota{font-size:.92rem;color:var(--tenue)}
@media (max-width:900px){.dest{grid-template-columns:minmax(0,1fr);gap:28px}}
.ficha{background:var(--papel);border:1px solid var(--linea);border-radius:16px;padding:6px 24px}
.ficha div{display:grid;grid-template-columns:11rem minmax(0,1fr);gap:16px;padding:15px 0;border-top:1px solid var(--linea)}
.ficha div:first-child{border-top:0}
.ficha dt{font-weight:600;font-size:.97rem}
.ficha dd{color:var(--tinta-2);font-size:.97rem;line-height:1.5}
@media (max-width:520px){.ficha{padding:4px 18px}.ficha div{grid-template-columns:minmax(0,1fr);gap:2px}}
.puntos{list-style:none;padding:0;margin-top:18px}
.puntos li{position:relative;padding:10px 0 10px 28px;border-top:1px solid var(--linea);color:var(--tinta-2);line-height:1.5}
.puntos li:first-child{border-top:0}
.puntos li::before{content:"";position:absolute;left:2px;top:1.05em;width:12px;height:7px;border-left:2.5px solid var(--azul);border-bottom:2.5px solid var(--azul);transform:rotate(-45deg)}
.puntos b{color:var(--tinta)}

/* combinar servicios */
.combo{list-style:none;padding:0;margin-top:32px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.cb{position:relative;display:flex;flex-direction:column;gap:6px;background:var(--papel);border:1px solid var(--linea);border-radius:14px;padding:18px 18px 16px;transition:border-color .15s var(--suave-ease)}
.cb:hover{border-color:var(--linea-2)}
.cb-t{font-weight:700;font-size:1.06rem;line-height:1.25}
.cb-t a{color:var(--tinta);text-decoration:none}
.cb-t a::after{content:"";position:absolute;inset:0;border-radius:14px}
.cb-t a:focus-visible{outline:none}
.cb-t a:focus-visible::after{outline:3px solid var(--azul);outline-offset:-3px}
.cb:hover .cb-t a{text-decoration:underline;text-decoration-thickness:2px}
.cb-d{font-size:.92rem;line-height:1.45;color:var(--tinta-2)}
.cb-e{margin-top:auto;padding-top:8px;font-size:.84rem;font-weight:500;color:var(--tenue)}
.cb.actual{border:2px solid var(--azul);background:var(--tinte)}
.cb.actual .cb-e{color:var(--azul);font-weight:600}
@media (max-width:1080px){.combo{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){.combo{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:440px){.combo{grid-template-columns:minmax(0,1fr)}}
.tres{list-style:none;padding:0;margin-top:28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px}
.tres li{padding:16px 0;border-top:1px solid var(--linea)}
.tres b{display:block;font-size:1.02rem}
.tres span{display:block;margin-top:4px;color:var(--tinta-2);font-size:.95rem;line-height:1.5}
@media (max-width:800px){.tres{grid-template-columns:minmax(0,1fr)}}

/* preguntas */
.faq{margin-top:28px;max-width:860px}
.faq details{border-top:1px solid var(--linea)}
.faq details:last-child{border-bottom:1px solid var(--linea)}
.faq summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:12px 0;font-weight:600;font-size:1.04rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:10px;height:10px;border-right:2px solid var(--tinta-2);border-bottom:2px solid var(--tinta-2);transform:rotate(45deg) translateY(-3px);transition:transform .15s var(--suave-ease)}
.faq details[open] summary::after{transform:rotate(-135deg) translateY(-2px)}
.faq details p{padding:0 0 18px;color:var(--tinta-2);max-width:72ch}

/* estado y titular */
.estado-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
.estado-in p{margin-top:14px;color:var(--tinta-2);max-width:48ch}
@media (max-width:860px){.estado-in{grid-template-columns:minmax(0,1fr);gap:28px}}
.titular{background:var(--papel);border:1px solid var(--linea);border-radius:16px;padding:6px 24px}
.titular div{display:grid;grid-template-columns:8.5rem minmax(0,1fr);gap:16px;padding:13px 0;border-top:1px solid var(--linea)}
.titular div:first-child{border-top:0}
.titular dt{font-size:.9rem;color:var(--tinta-2)}
.titular dd{font-weight:500;overflow-wrap:anywhere}
@media (max-width:520px){.titular{padding:4px 18px}.titular div{grid-template-columns:minmax(0,1fr);gap:2px}}

@media print{.cab,.acciones,.pie-universo,.pie-nova{display:none}.bloque{padding:18pt 0}.rasgo,.cb,.ficha,.titular{break-inside:avoid}}