/*
 * Viva Telecom: estilos compartidos de la página Verizon (los piden sus bloques como "vgtb-verizon"; trae proveedor.css como dependencia). Del prototipo disenos/viva-telecom/verizon.css.
 *
 * Colores de la página Verizon (los de la página original: rojo, crema, negro y amarillo). Se aplican solo al header y al <main> de esa página
 * (el tema pone la clase vz-page en el body) y a cada bloque Verizon (también en la vista previa del editor). El footer sigue azul.
 * Las reglas de Viva con azul escrito a mano se rehacen aquí en rojo.
 */

/* ---------- Colores ---------- */
:is(.vz-page .site-header, .vz-page main, [data-vg7^="verizon-"]){
  --ink:#0a0a0a;--ink-2:#1a0a0d;--deep:#000;--navy:#b3001a;
  --brand:#ef0020;--brand-2:#ff3d4c;--soft:#ff9aa3;--sky:#ffe3e6;--mist:#f8f3e9;
  --text:#2a2623;--muted:#625a52;--line:rgba(239,0,32,.18);
  --yellow:#f5ff1e;--cream:#f8f3e9;
  --g-red:linear-gradient(135deg,#ff2a1c 0%,#ef0020 46%,#b3001a 100%);
}
:is(.vz-page .site-header, .vz-page main, [data-vg7^="verizon-"]) .btn:not(.btn-white, .btn-ghost, .btn-line){box-shadow:0 14px 34px -12px rgba(239,0,32,.75)}
:is(.vz-page main, [data-vg7^="verizon-"]) .btn-ghost{box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.34)}
:is(.vz-page main, [data-vg7^="verizon-"]) .btn-white{color:#0a0a0a;box-shadow:0 14px 34px -14px rgba(0,0,0,.5)}
:is(.vz-page main, [data-vg7^="verizon-"]) .btn-white::before{background:rgba(239,0,32,.1)}
:is(.vz-page main, [data-vg7^="verizon-"]) .btn-line{box-shadow:inset 0 0 0 1.5px var(--brand)}
:is(.vz-page main, [data-vg7^="verizon-"]) .eyebrow{background:rgba(239,0,32,.1)}
:is(.vz-page main, [data-vg7^="verizon-"]) .on-dark .eyebrow,
:is(.vz-page main, [data-vg7^="verizon-"]).on-dark .eyebrow{color:#fff;background:rgba(239,0,32,.3)}
.vz-page .site-header.is-solid{background:rgba(10,10,10,.82)}

/* Formulario de la página (bloque Formulario de contacto): mismo marcado, en rojo */
.vz-page main .sec-form{background:var(--g-red)}
.vz-page main .form-call{background:rgba(0,0,0,.28)}
.vz-page main .card-form{box-shadow:0 60px 100px -40px rgba(60,0,8,.7)}
.vz-page main .fld select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23ef0020' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
.vz-page main .fld input:focus,.vz-page main .fld select:focus{box-shadow:0 0 0 4px rgba(239,0,32,.14)}
.vz-page main .sec-form .form-call .chip-ico{color:var(--brand)}
.vz-page main .chk-opt{margin-top:4px}   /* el formulario de Contacto la acerca (-8px); el de Verizon la deja con el margen normal */
@media (hover:hover){.vz-page main .form-call:hover{background:rgba(0,0,0,.45)}}
/* ---------- Piezas de Verizon (los anillos, .sec-head, .sec-net, .price, .plan-flag y .vz-sel son comunes: vienen de proveedor.css) ---------- */
/* Lista con marcas de verificación */
.vz-feat{display:grid;gap:11px;margin:0 0 26px;padding:0;list-style:none}
.vz-feat li{display:flex;align-items:flex-start;gap:11px;font-size:14.5px;line-height:1.45}
.vz-feat .ico{width:20px;height:20px;padding:4px;margin-top:1px;border-radius:50%;background:var(--brand);color:#fff;stroke-width:3;flex:none}