/* ==============================================================================================
   LAS BANDERAS DEL SELECTOR DE PAÍS — 7-oct-2026

   Hilario, 7-oct-2026: «las banderitas no se muestran, ni en el telefono ni en el pais de
   residencia». Y no es un defecto del sitio: Windows no trae los dibujos de las banderas en su
   tipografía de emoji, así que el navegador las sustituye por las dos letras del país. En iPhone,
   Android y Mac sí se ven, porque esos sistemas sí los traen.

   La única forma de arreglarlo es darle los dibujos al navegador. Esta fuente trae SOLO banderas
   (78 KB) y vive en el plugin, servida desde veico.com — no desde el servidor de un tercero.

   EL `unicode-range` ES LO QUE LA HACE SEGURA. Acota la fuente al rango de los «indicadores
   regionales», que es de donde salen las banderas y nada más. El navegador la usa para esos
   caracteres y para ningún otro: las letras, los números y los acentos siguen con la tipografía
   de siempre, y esta fuente no puede cambiarle el aspecto a nada del sitio.

   Y NO LA DESCARGA QUIEN NO LA NECESITA. Un navegador que ya sabe pintar banderas ni la pide, y
   el que no, la pide hasta que aparece una en pantalla —o sea en el paso de datos, con el cliente
   ya a dos campos de pagar—. La portada, la búsqueda y la lista de autos no la tocan.

   Dibujos: Twemoji (CC-BY 4.0), empaquetados por TalkJS (MIT). Ver LICENCIAS-DE-TERCEROS.md.
   ============================================================================================== */
@font-face{
  font-family:'Veico Banderas';
  src:url(veico-banderas.woff2) format('woff2');
  unicode-range:U+1F1E6-1F1FF;
  font-display:swap;
}

/* Veico Reservas — todo va bajo .veico-rsv para no pelear con el tema. Colores de la marca. */
.veico-rsv[data-vista=buscador]{padding:0;max-width:none;margin:0}
.veico-rsv{--azul:#002037;--digital:#0D88F7;--carbon:#323232;--gris:#4f5b66;--suave:#F4F5F6;--linea:#DCE3EA;--verde:#0a8f43;--rojo:#c62828;--ambar:#b26a00;
  color:var(--carbon);font-size:15px;line-height:1.45;max-width:1140px;margin:0 auto;padding:0 0 32px;box-sizing:border-box;text-align:left}
.veico-rsv *,.veico-rsv *::before,.veico-rsv *::after{box-sizing:border-box}
.veico-rsv h2,.veico-rsv h3,.veico-rsv h4{color:var(--azul);margin:0;line-height:1.25;font-weight:700;letter-spacing:0}
.veico-rsv button{font:inherit;cursor:pointer}
.veico-rsv input,.veico-rsv select,.veico-rsv textarea{font:inherit;color:var(--carbon)}
.vr-card{background:#fff;border:1px solid var(--linea);border-radius:14px;padding:20px;margin-bottom:14px}
.vr-muted{color:var(--gris);font-size:13px}
.vr-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.vr-sp{flex:1}
.vr-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;background:var(--digital);color:#fff;padding:12px 22px;font-weight:600;text-decoration:none;min-height:44px}
.vr-btn:hover{filter:brightness(.95);color:#fff}
.vr-btn[disabled]{opacity:.55;cursor:default}
.vr-btn.vr-block{width:100%;border-radius:12px;padding:15px}
.vr-btn2{display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--digital);background:#fff;color:var(--digital);border-radius:999px;padding:10px 20px;font-weight:600;min-height:44px;width:100%}
.vr-btn2:hover{background:#eef6ff}
.vr-link{background:none;border:0;color:var(--digital);font-weight:600;padding:0;text-decoration:none;font-size:14px}
.vr-link:hover{text-decoration:underline}
.vr-seg{display:inline-flex;border:1px solid var(--linea);border-radius:999px;overflow:hidden;background:#fff}
.vr-seg button{border:0;background:#fff;padding:6px 14px;font-size:13px;color:var(--carbon)}
.vr-seg button.on{background:var(--azul);color:#fff}
.vr-top{display:flex;gap:8px;margin-left:auto}
.vr-alerta{border-radius:12px;padding:14px 16px;margin-bottom:14px;border:1px solid;display:flex;gap:12px;align-items:flex-start}
.vr-alerta b{display:block;color:var(--azul);margin-bottom:2px}
.vr-alerta.info{background:#f2f8ff;border-color:#b9dafc}
.vr-alerta.ok{background:#eef8f2;border-color:#b7e0c6}
.vr-alerta.warn{background:#fff8ec;border-color:#f3d9a6}
.vr-alerta.err{background:#fdf0f0;border-color:#f1c2c2}
/* Aire entre el buscador y el aviso que sale debajo (Hilario, 24-sep-2026). El buscador vive en
   `[data-bus]`, así que el margen va en el aviso que le sigue y sólo cuando el buscador se ve:
   plegado, el aviso vuelve a pegarse a la barra azul, que es como debe verse. */
[data-bus]:not([hidden]) + .vr-alerta{margin-top:14px}
.vr-ico{flex:0 0 28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:15px}
.info .vr-ico{background:var(--digital)}.ok .vr-ico{background:var(--verde)}.warn .vr-ico{background:var(--ambar)}.err .vr-ico{background:var(--rojo)}
.vr-cargando{padding:48px 0;text-align:center;color:var(--gris)}
.vr-cargando::before{content:"";display:block;width:34px;height:34px;margin:0 auto 12px;border-radius:50%;border:3px solid var(--linea);border-top-color:var(--digital);animation:vrgira 0.8s linear infinite}
/* LA ESPERA DEL BUSCADOR GUARDA EL LUGAR DE LA BARRA TERMINADA.
   Medido en la portada el 5-oct-2026: la barra terminada mide 426 px en un telefono angosto, 388,
   300, 238, 212 y 150 segun va habiendo ancho (los campos caben de a uno, de a dos, de a tres...).
   Reservar esa altura mientras cargan las sucursales es lo que evita el brinco. Si algun dia cambia
   el numero de campos de la barra, hay que volver a medir estas alturas. */
/* EL HUECO DEL BUSCADOR SE APARTA DESDE EL PRIMER DIBUJO.
   Reservarlo solo en la espera no bastaba: el `div` del buscador nace VACIO en el HTML y mide
   cero hasta que corre el JavaScript, que va en el pie. En una conexion lenta el navegador ya
   pinto la pantalla para entonces, asi que meter la espera YA ERA el brinco (PageSpeed lo seguia
   marcando con 0.206 en el telefono). Por eso la altura se declara aqui, en la hoja de estilos,
   que llega antes de pintar: el hueco existe desde el principio y nada se mueve despues.
   Alturas medidas en la portada el 5-oct-2026 segun va habiendo ancho; todos los buscadores del
   sitio usan la forma `barra`. Si cambia el numero de campos, hay que volver a medirlas.
   OJO AL MEDIR: la altura de la barra depende del ancho del BLOQUE, no del de la pantalla, y
   el tema le pone mas margen a partir de las tabletas (a 700 px de pantalla el bloque mide 666;
   a 880 mide 812). Por eso el ultimo corte esta en 903 y no en 869: medido con anchos
   simulados daba 869, y en pantallas reales de 880 el buscador seguia creciendo. Hay que
   medir SIEMPRE cambiando el tamano de la ventana de verdad. */
.veico-rsv[data-vista=buscador]{min-height:426px}
@media (min-width:439px){.veico-rsv[data-vista=buscador]{min-height:388px}}
@media (min-width:484px){.veico-rsv[data-vista=buscador]{min-height:300px}}
@media (min-width:641px){.veico-rsv[data-vista=buscador]{min-height:238px}}
@media (min-width:699px){.veico-rsv[data-vista=buscador]{min-height:212px}}
@media (min-width:903px){.veico-rsv[data-vista=buscador]{min-height:150px}}
.vr-cargando.vb-espera{padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:426px}
@media (min-width:439px){.vr-cargando.vb-espera{min-height:388px}}
@media (min-width:484px){.vr-cargando.vb-espera{min-height:300px}}
@media (min-width:641px){.vr-cargando.vb-espera{min-height:238px}}
@media (min-width:699px){.vr-cargando.vb-espera{min-height:212px}}
@media (min-width:869px){.vr-cargando.vb-espera{min-height:150px}}
@keyframes vrgira{to{transform:rotate(360deg)}}

/* BUSCADOR — maqueta aprobada «buscador-3» (tarjeta y barra) */
.vb-caja0{background:#fff;border-radius:12px;box-shadow:0 16px 40px rgba(0,0,0,.28);position:relative;z-index:5;color:var(--carbon);text-align:left}
.vb-barra{padding:16px 18px 14px}
.vb-tarjeta{padding:22px 22px 20px;max-width:400px;margin:0 auto}
.vb-tarjeta h3{margin:0 0 16px;font-size:18px;color:var(--azul);font-weight:600}
.vb-tarjeta .vb-campos{display:block}
.vb-tarjeta .vb-campos>.vb-campo{margin-bottom:13px}
.vb-tarjeta .vb-cta{width:100%;margin-top:4px}
.vb-tarjeta .vb-segunda{border-top:none;padding-top:0;margin-top:10px;display:block}
.vb-tarjeta .vb-sello{margin:11px 0 0;justify-content:center}
.vb-campos{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end}
.vb-campos>.vb-campo{flex:1 1 200px;min-width:0}
.vb-campos>.vb-cta{flex:0 0 auto}
.vb-par .vb-campo{flex:none}
.vb-campo{position:relative;min-width:0}
.vb-campo label{display:block;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:#8B8D8E;font-weight:700;margin:0 0 6px}
.vb-caja{display:flex;align-items:center;gap:8px;border:1px solid var(--linea);border-radius:9px;padding:0 10px;height:48px;background:#fff;cursor:pointer;user-select:none}
.vb-caja.abierta{border-color:var(--digital);box-shadow:0 0 0 3px rgba(13,136,247,.13)}
.vb-caja svg{flex:none;color:#8B8D8E}
.vb-txt{flex:1;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vb-chev{margin-left:auto}
.vb-par{display:grid;grid-template-columns:minmax(96px,1.15fr) minmax(102px,.85fr);gap:8px}
.vb-cta{height:48px;padding:0 22px;border:none;border-radius:9px;background:var(--digital);color:#fff;font-weight:600;font-size:15px;cursor:pointer;white-space:nowrap}
.vb-cta:hover{background:#0b77d8}
.vb-segunda{display:flex;align-items:center;gap:20px;margin-top:13px;padding-top:12px;border-top:1px solid var(--suave);font-size:13px;color:#5B6B7A;flex-wrap:wrap}
.vb-marca{display:flex;align-items:center;gap:7px;cursor:pointer;margin:0}
/* 0.7.21: código de descuento en el buscador. */
.veico-rsv .vb-segunda .vb-cod-in{width:220px!important;max-width:100%;height:36px!important;min-height:0!important;margin:0!important;border:1px solid #cfd8e1!important;border-radius:8px!important;padding:0 12px!important;font-size:13px!important;text-transform:uppercase;letter-spacing:.5px;background:#fff!important;box-shadow:none!important}
.veico-rsv .vb-tarjeta .vb-segunda{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.veico-rsv .vb-cod{display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap}
.veico-rsv .vb-tarjeta .vb-sello{margin:0 0 0 auto}
.vb-marca input{accent-color:var(--digital);width:15px;height:15px;margin:0}
.vb-sello{margin-left:auto;display:flex;align-items:center;gap:6px;color:#0a8f43;font-weight:600;font-size:12.5px}
.vb-err{color:var(--rojo);font-size:13px;margin-top:10px}
/* 0.7.17: la primera fecha disponible, y el título de los demás autos en resultados. */
.vb-aviso{background:#eef6ff;border:1px solid #cfe3fb;color:#002037;border-radius:8px;padding:9px 12px;font-size:14px;margin-top:10px}
.veico-rsv .vr-otros{font-size:18px;color:#002037;margin:28px 0 18px!important;line-height:1.3}
.vb-pop{position:absolute;top:calc(100% + 7px);left:0;background:#fff;border:1px solid var(--linea);border-radius:11px;box-shadow:0 18px 44px rgba(0,32,55,.24);z-index:40;max-height:330px;overflow:auto}
.vb-pop.ancho{min-width:330px}
.vb-grupo{font-size:10.5px;letter-spacing:.11em;text-transform:uppercase;color:#8B8D8E;font-weight:700;padding:11px 14px 5px;background:#fff;position:sticky;top:0}
.vb-op{display:flex;align-items:center;gap:11px;padding:9px 14px;cursor:pointer;font-size:14px;line-height:1.3}
.vb-op:hover{background:#F2F8FE}
.vb-ic{width:28px;height:28px;border-radius:7px;background:var(--suave);color:#51677A;display:grid;place-items:center;flex:none}
.vb-nom{font-weight:600}
.vb-sub{font-size:11.5px;color:#8B8D8E}
.vb-op.no{cursor:default;opacity:.62}
.vb-op.no:hover{background:none}
.vb-etq{margin-left:auto;font-size:10.5px;color:#9AA7B2;border:1px solid var(--linea);border-radius:999px;padding:2px 8px;white-space:nowrap}
.vb-pal{margin-left:auto;color:var(--digital);display:none}
.vb-op.sel .vb-pal{display:block}
.vb-divi{height:1px;background:var(--suave);margin:6px 0}
.vb-cal{padding:13px 14px 12px;width:290px}
.vb-calcab{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}
.vb-calcab b{font-size:14px;color:var(--azul)}
.vb-calcab button{border:1px solid var(--linea);background:#fff;border-radius:7px;width:28px;height:28px;cursor:pointer;color:#51677A;padding:0}
.vb-sem{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px}
.vb-sem span{text-align:center;font-size:10.5px;color:#8B8D8E;font-weight:700;padding:3px 0}
.vb-dias{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}
.vb-dias div{height:34px;display:grid;place-items:center;font-size:13.5px;border-radius:7px;cursor:pointer}
.vb-dias div:hover{background:#F2F8FE}
.vb-dias .vacio,.vb-dias .fuera{color:#C8D1D9;cursor:default}
.vb-dias .vacio:hover,.vb-dias .fuera:hover{background:none}
.vb-dias .hoy{box-shadow:inset 0 0 0 1px var(--linea);font-weight:700}
.vb-dias .ini,.vb-dias .fin{background:var(--digital);color:#fff;font-weight:700}
.vb-dias .ini:hover,.vb-dias .fin:hover{background:var(--digital)}
.vb-dias .medio{background:#E6F2FE;border-radius:0}
.vb-calpie{margin-top:9px;padding-top:9px;border-top:1px solid var(--suave);font-size:12px;color:#5B6B7A;display:flex;justify-content:space-between}
.vb-horas{width:150px;padding:6px 0}
.vb-horas div{padding:8px 16px;font-size:14px;cursor:pointer}
.vb-horas div:hover{background:#F2F8FE}
.vb-horas div.sel{background:var(--digital);color:#fff;font-weight:600}
@media (max-width:640px){.vb-tarjeta{max-width:none}.vb-pop.ancho{min-width:0;width:100%}.vb-campos>.vb-cta{width:100%}}

/* BARRA DE BÚSQUEDA */
.vr-barra{background:var(--azul);color:#fff;border-radius:14px;padding:14px 18px;display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
.vr-barra span{font-weight:600}
.vr-barra .sep{width:1px;height:22px;background:rgba(255,255,255,.25)}
.vr-barra button{margin-left:auto;background:#fff;color:var(--azul);border:0;border-radius:8px;padding:9px 16px;font-weight:600}
.vr-cab{display:flex;align-items:center;gap:10px;margin:18px 0 10px;flex-wrap:wrap}
.vr-cab h2{font-size:19px}

/* CATEGORÍA */
.vr-cat{background:#fff;border:1px solid var(--linea);border-radius:14px;margin-bottom:14px;overflow:hidden}
.vr-cat.abierta{border-color:#9cc9f7}
.vr-cat-fila{display:grid;grid-template-columns:186px 1fr 250px}
.vr-foto{margin:14px 13px;background:#fff;border-radius:10px;width:160px;height:90px;display:flex;align-items:center;justify-content:center}
.vr-foto{overflow:hidden}.vr-foto img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.vr-info{padding:22px 10px}
.vr-info h3{font-size:19px}
.vr-chips{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}
.vr-chip{background:var(--suave);border-radius:6px;padding:4px 9px;font-size:13px}
.vr-lado{border-left:1px solid var(--linea);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px;background:none;border-top:0;border-right:0;border-bottom:0;width:100%;color:inherit}
.vr-lado:hover{background:#f7fbff}
.abierta .vr-lado{background:#f4f8fc}
.vr-precio{font-size:28px;font-weight:800;color:var(--azul)}
.vr-precio small{font-size:13px;font-weight:600;color:var(--gris)}
.vr-pill{display:inline-block;background:#e6f5ec;color:var(--verde);font-weight:700;font-size:12px;border-radius:999px;padding:4px 10px;margin-top:6px}
.vr-flecha{color:var(--digital);font-size:18px;margin-top:4px}
.vr-tarifas{border-top:1px solid var(--linea);background:#f4f8fc;padding:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}
.vr-tar{background:#fff;border:1px solid var(--linea);border-top:6px solid var(--azul);border-radius:12px;padding:18px;display:flex;flex-direction:column;position:relative;overflow:hidden}
.vr-tar h4{font-size:24px;margin-bottom:10px}
.vr-tar ul{list-style:none;margin:0 0 12px;padding:0;font-size:14px}
.vr-tar li{padding:3px 0 3px 22px;position:relative}
.vr-tar li::before{content:"✓";position:absolute;left:0;color:var(--gris)}
.vr-tar .vr-pie{margin-top:auto;text-align:center}
.vr-tar .vr-ahorra{color:var(--verde);font-weight:700;font-size:13px}
.vr-tar .vr-cot{display:inline-block;background:var(--digital);color:#fff;font-weight:700;font-size:11px;border-radius:999px;padding:3px 10px;letter-spacing:.04em}
.vr-tar .vr-cargos{font-size:12px;color:var(--gris);margin-top:4px}
.vr-tar .vr-btn2{margin-top:12px}
.vr-tar.t0{border-top-color:#8fc2f5}.vr-tar.t0 h4{color:#5aa6ef}
.vr-tar.t1{border-top-color:var(--digital)}.vr-tar.t1 h4{color:var(--digital)}
.vr-cinta{position:absolute;top:18px;right:-34px;transform:rotate(45deg);background:var(--verde);color:#fff;font-size:10px;font-weight:800;letter-spacing:.08em;padding:3px 40px}
.vr-cat.agotada{opacity:.6}
@media (max-width:760px){.vr-cat-fila{grid-template-columns:1fr}.vr-foto{width:auto;height:144px}.vr-info{padding:0 20px 10px}.vr-lado{border-left:0;border-top:1px solid var(--linea)}}

/* PASOS */
.vr-pasos{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid var(--linea);border-radius:14px;overflow:hidden;margin-bottom:14px}
.vr-pasos div{padding:12px 16px;display:flex;gap:10px;align-items:center;font-size:14px;color:var(--gris);border-right:1px solid var(--linea)}
.vr-pasos div:last-child{border-right:0}
.vr-pasos i{font-style:normal;width:24px;height:24px;border-radius:50%;background:var(--suave);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}
.vr-pasos .hecho i{background:#e6f5ec;color:var(--verde)}
.vr-pasos .aqui{background:#f4f8fc;color:var(--azul);font-weight:700}
.vr-pasos .aqui i{background:var(--digital);color:#fff}
.vr-dos{display:grid;grid-template-columns:1fr 330px;gap:16px;align-items:start}
@media (max-width:900px){.vr-dos{grid-template-columns:1fr}.vr-pasos div span{display:none}}

/* PROTECCIÓN Y EXTRAS */
.vr-incl{background:#eef8f2;border:1px solid #b7e0c6;border-radius:12px;padding:14px 16px;margin:14px 0}
.vr-incl b{color:var(--verde);font-size:13px;letter-spacing:.04em;text-transform:uppercase}
.vr-incl ul{margin:6px 0 0;padding:0;list-style:none;columns:2;font-size:14px}
.vr-incl li::before{content:"✓ ";color:var(--verde)}
.vr-prots{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.vr-prot{border:1.5px solid var(--linea);border-radius:12px;padding:16px;cursor:pointer;display:flex;flex-direction:column;background:#fff;text-align:left;color:inherit}
.vr-prot.on{border-color:var(--digital);box-shadow:0 0 0 3px #d7eafe}
.vr-prot h4{font-size:17px;display:flex;justify-content:space-between;align-items:center}
.vr-prot ul{list-style:none;padding:0;margin:10px 0;font-size:14px}
.vr-prot li::before{content:"✓ ";color:var(--gris)}
.vr-prot .vr-pp{margin-top:auto;border-top:1px solid var(--linea);padding-top:10px}
.vr-prot .vr-pp b{font-size:20px;color:var(--azul)}
.vr-radio{width:20px;height:20px;border-radius:50%;border:2px solid #b5bec7;flex:0 0 20px;display:inline-block}
.on .vr-radio{border:6px solid var(--digital)}
.vr-sin{display:flex;gap:10px;align-items:center;border:1.5px solid var(--linea);border-radius:12px;padding:12px 14px;margin-top:12px;cursor:pointer;background:#fff;width:100%;text-align:left;color:inherit}
.vr-sin.on{border-color:var(--digital);background:#f4f8fc}
.vr-extra{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--linea)}
.vr-extra:last-child{border-bottom:0}
.vr-extra .n{flex:1;font-weight:600}
.vr-extra .n small{display:block;font-weight:400;color:var(--gris)}
.vr-step{display:inline-flex;align-items:center;border:1px solid var(--linea);border-radius:999px}
.vr-step button{border:0;background:none;width:36px;height:36px;color:var(--digital);font-size:18px}
.vr-step button[disabled]{color:#c8ced4}
.vr-step span{min-width:22px;text-align:center;font-weight:700}

/* RESUMEN */
.vr-res{background:#fff;border:1px solid var(--linea);border-radius:14px;overflow:hidden;position:sticky;top:90px}
.vr-res-cab{background:var(--azul);color:#fff;padding:16px}
.vr-res-cab b{font-size:16px}
.vr-res-cab div{font-size:13px;opacity:.85;margin-top:4px}
.vr-res-cuerpo{padding:16px}
.vr-l{display:flex;justify-content:space-between;gap:10px;font-size:14px;padding:4px 0}
.vr-l small{display:block;color:var(--gris);font-size:12px}
.vr-l .inc{color:var(--verde);font-weight:700}
.vr-tot{border-top:1px solid var(--linea);margin-top:8px;padding-top:12px;display:flex;justify-content:space-between;align-items:baseline}
.vr-tot b{font-size:26px;color:var(--azul)}
.vr-hoy{background:#f4f8fc;border:1px solid #cfe3f8;border-radius:10px;padding:10px 12px;margin:12px 0}
.vr-ok{color:var(--verde);font-weight:700;font-size:13px;margin:8px 0 12px}
.vr-dep{background:var(--suave);border-radius:10px;padding:10px 12px;font-size:13px;margin-top:12px}

/* FORMULARIO */
.vr-form h3{font-size:19px;margin-bottom:2px}
.vr-g{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.vr-g .full{grid-column:1/-1}
@media (max-width:640px){.vr-g{grid-template-columns:1fr}}
.vr-campo label{display:block;font-weight:700;font-size:13px;margin-bottom:4px;color:var(--azul)}
.vr-campo label small{font-weight:400;color:var(--gris)}
.vr-campo input,.vr-campo select,.vr-campo textarea{width:100%;border:1px solid var(--linea);border-radius:10px;padding:11px 12px;background:#fff;min-height:46px}
.vr-campo textarea{min-height:90px}
.vr-campo .ayuda{font-size:12px;color:var(--gris);margin-top:4px}
.vr-campo.mal input,.vr-campo.mal select{border-color:var(--rojo)}
.vr-campo .error{font-size:12px;color:var(--rojo);margin-top:4px}
/* La familia va SOLO en los dos selectores que llevan banderas, no en todo el formulario:
   cuanto más chico el alcance, menos cosas puede romper una fuente de terceros. */
.vr-campo select[name="lada"], .vr-campo select[name="dom_pais"]{
  /* `inherit` NO se puede mezclar en una lista de `font-family`: el navegador descarta la
     declaracion ENTERA y la fuente no se usa nunca. Pasó al armar esto el 8-oct-2026 y sólo se
     vio al medir `getComputedStyle`, porque a simple vista las banderas se seguían viendo —el
     sistema de pruebas sí las trae—. Por eso va la pila escrita completa. */
  font-family:'Veico Banderas', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
/* EL SELECTOR DEL TELÉFONO LLEVA ANCHO FIJO — 7-oct-2026.
   Hilario: «el campo del pais del telefono es muy algosto y el del telefono muy ancho». Con
   `flex:0 0 auto` el selector crece con el nombre del país y se come el renglón: al armarlo así,
   el campo del número DESAPARECIÓ. Con ancho fijo no puede volver a pasar, y 188px alcanzan para
   la bandera, el prefijo y parte del nombre —el resto se lee al abrir la lista. */
.vr-tel{display:flex;gap:8px}
.vr-tel select{flex:0 0 188px;width:188px;max-width:188px}
.vr-tel input{flex:1 1 auto;min-width:0}
@media (max-width:560px){ .vr-tel select{flex:0 0 146px;width:146px;max-width:146px} }
.vr-acepto{display:flex;gap:10px;align-items:flex-start;margin-top:14px;font-size:14px}
.vr-acepto input{width:20px;height:20px;margin-top:2px;flex:0 0 20px}
.vr-plegable summary{cursor:pointer;font-weight:700;color:var(--azul);padding:12px 0}

/* CONFIRMACIÓN */
.vr-conf-cab{text-align:center;padding:28px 20px}
.vr-conf-cab .vr-ico{width:56px;height:56px;margin:0 auto 12px;font-size:28px;flex:none}
.vr-conf-cab h2{font-size:26px}
.vr-folio{display:inline-block;background:var(--suave);border-radius:8px;padding:6px 14px;font-weight:800;color:var(--azul);letter-spacing:.05em;margin-top:8px;font-size:18px}
.vr-suc{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:640px){.vr-suc{grid-template-columns:1fr}}
.vr-suc h4{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--gris)}

/* VENTANA */
.vr-velo{position:fixed;inset:0;background:rgba(0,20,35,.55);z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px}
.vr-ventana{background:#fff;border-radius:16px;max-width:520px;width:100%;max-height:92vh;overflow:auto;padding:22px;position:relative}
.vr-cerrar{position:absolute;top:10px;right:12px;border:0;background:none;font-size:24px;color:var(--gris)}

/* CONFIRMACIÓN — maqueta aprobada */
.vc-hero{background:var(--azul);border-radius:14px;padding:34px 24px;text-align:center;color:#fff;margin-bottom:16px}
.vc-hero .vc-ok{width:56px;height:56px;border-radius:50%;background:#0f3a33;color:#2fd07a;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}
.vc-hero h2{color:#fff;font-size:26px;margin:0 0 8px}
.vc-hero p{color:#B9CBD9;margin:0;font-size:14.5px}
.vc-hero p b{color:#fff}
.vc-folio{display:inline-flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);border-radius:10px;padding:12px 16px;margin:18px 0}
.vc-folio span{font-size:14px;color:#dfe8f0}
.vc-folio b{font-size:20px;letter-spacing:.05em}
.vc-acc{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.vc-acc a,.vc-acc button{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;border-radius:9px;padding:11px 18px;font-weight:600;font-size:14px;text-decoration:none;cursor:pointer}
.vc-acc .primero{background:#fff;color:var(--azul);border-color:#fff}
.vc-sec h3{display:flex;align-items:center;gap:10px;font-size:18px;margin-bottom:14px}
.vc-sec h3 i{font-style:normal;width:26px;height:26px;border-radius:7px;background:#eaf3fe;color:var(--digital);display:inline-flex;align-items:center;justify-content:center;font-size:14px}
.vc-viaje{display:grid;grid-template-columns:1fr 30px 1fr;gap:10px;align-items:start}
.vc-viaje .fl{color:#9aa7b2;text-align:center;padding-top:26px}
.vc-et{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#8B8D8E;font-weight:700}
.vc-fecha{font-size:18px;font-weight:700;color:var(--azul);margin:4px 0 2px}
.vc-auto{display:flex;gap:16px;align-items:center;border-top:1px solid var(--linea);margin-top:16px;padding-top:16px}
.vc-auto .vr-foto{margin:0;width:144px;height:81px;flex:none}
.vc-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.vc-tags span{background:var(--suave);border-radius:6px;padding:3px 9px;font-size:12.5px}
.vc-tags span.v{background:#e6f5ec;color:var(--verde);font-weight:700}
.vc-lista{list-style:none;margin:0;padding:0}
.vc-lista li{padding:5px 0 5px 24px;position:relative;font-size:14.5px}
.vc-lista li::before{content:"✓";position:absolute;left:2px;color:#6b7a88}
.vc-aviso{background:#fff8e6;border:1px solid #f1dfb0;border-radius:10px;padding:11px 14px;font-size:13.5px;margin-top:12px}
.vc-pagado{background:#eef8f2;border:1px solid #b7e0c6;border-radius:10px;padding:10px 12px;margin:12px 0}
.vc-pagado .vr-l b{color:var(--verde)}
@media (max-width:640px){.vc-viaje{grid-template-columns:1fr}.vc-viaje .fl{display:none}}
@media print{
  body *{visibility:hidden}
  .veico-rsv,.veico-rsv *{visibility:visible}
  .veico-rsv{position:absolute;left:0;top:0;width:100%}
  .vc-acc,.vr-pasos,.vr-top{display:none!important}
  .vc-hero{background:#fff!important;color:#000!important;border:1px solid #ccc}
  .vc-hero h2,.vc-hero p,.vc-hero p b,.vc-folio span,.vc-folio b{color:#000!important}
  .vr-dos{grid-template-columns:1fr 300px}
  .vr-res{position:static}
}

/* ============ AJUSTES 21-sep (revisión de Hilario) ============ */
/* El tema pinta TODOS los <button> de azul sólido y texto blanco al pasar el mouse o al enfocar.
   Aquí cada botón del flujo fija su propio fondo, texto y borde en todos sus estados. */
.veico-rsv button{box-shadow:none;text-transform:none;letter-spacing:normal;line-height:inherit}
.veico-rsv .vr-prot,.veico-rsv .vr-prot:hover,.veico-rsv .vr-prot:focus{background:#fff!important;color:var(--carbon)!important;border:1.5px solid var(--linea)!important}
.veico-rsv .vr-prot:hover{border-color:#a9cff5!important;background:#fbfdff!important}
.veico-rsv .vr-prot.on,.veico-rsv .vr-prot.on:hover,.veico-rsv .vr-prot.on:focus{border-color:var(--digital)!important;background:#f5faff!important;box-shadow:0 0 0 3px #e3f0fe!important}
.veico-rsv .vr-sin,.veico-rsv .vr-sin:hover,.veico-rsv .vr-sin:focus{background:#fff!important;color:var(--carbon)!important;border:1.5px solid var(--linea)!important}
.veico-rsv .vr-sin.on,.veico-rsv .vr-sin.on:hover{background:#f5faff!important;border-color:var(--digital)!important}
.veico-rsv .vr-lado,.veico-rsv .vr-lado:hover,.veico-rsv .vr-lado:focus{color:var(--carbon)!important;background:transparent!important;border-top:0!important;border-right:0!important;border-bottom:0!important;border-left:1px solid var(--linea)!important}
.veico-rsv .vr-lado:hover{background:#f7fbff!important}
.veico-rsv .abierta .vr-lado,.veico-rsv .abierta .vr-lado:hover{background:#f4f8fc!important}
.veico-rsv .vr-lado b{color:var(--azul)!important}
.veico-rsv .vr-link,.veico-rsv .vr-link:hover,.veico-rsv .vr-link:focus{background:none!important;color:var(--digital)!important;border:0!important;padding:0!important}
.veico-rsv .vr-btn2,.veico-rsv .vr-btn2:focus{background:#fff!important;color:var(--digital)!important;border:1.5px solid var(--digital)!important}
.veico-rsv .vr-btn2:hover{background:#eef6ff!important}
.veico-rsv .vr-btn,.veico-rsv .vr-btn:hover,.veico-rsv .vr-btn:focus{background:var(--digital)!important;color:#fff!important;border:0!important}
.veico-rsv .vr-btn:hover{background:#0b77d8!important}
.veico-rsv .vr-seg button,.veico-rsv .vr-seg button:hover,.veico-rsv .vr-seg button:focus{background:#fff!important;color:var(--carbon)!important;border:0!important}
.veico-rsv .vr-seg button.on,.veico-rsv .vr-seg button.on:hover{background:var(--azul)!important;color:#fff!important}
.veico-rsv .vr-step button,.veico-rsv .vr-step button:hover,.veico-rsv .vr-step button:focus{background:none!important;color:var(--digital)!important;border:0!important;padding:0!important}
.veico-rsv .vr-step button[disabled]{color:#c8ced4!important}
.veico-rsv .vr-barra button,.veico-rsv .vr-barra button:hover,.veico-rsv .vr-barra button:focus{background:#fff!important;color:var(--azul)!important;border:0!important}
.veico-rsv .vb-cta,.veico-rsv .vb-cta:focus{background:var(--digital)!important;color:#fff!important;border:0!important}
.veico-rsv .vb-cta:hover{background:#0b77d8!important}
.veico-rsv .vb-calcab button,.veico-rsv .vb-calcab button:hover{background:#fff!important;color:#51677A!important;border:1px solid var(--linea)!important}
.vr-velo .vr-cerrar,.vr-velo .vr-cerrar:hover{background:none!important;color:var(--gris)!important;border:0!important}
.vc-acc button,.vc-acc button:hover,.vc-acc button:focus{background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.35)!important}
.vc-acc .primero,.vc-acc .primero:hover,.vc-acc .primero:focus{background:#fff!important;color:var(--azul)!important;border-color:#fff!important}
.vc-acc a:hover{color:#fff}
/* Texto secundario legible (antes se perdía). */
.vr-prot .vr-pp .vr-muted,.vr-extra .vr-muted,.vr-res .vr-muted{color:var(--gris)}
.vr-l small{color:var(--gris)}
/* Botones del paso en la columna principal, alineados a la derecha. */
.vr-acciones{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px;flex-wrap:wrap}
.vr-acciones .vr-btn{min-width:220px;padding:14px 26px;border-radius:12px}
@media (max-width:640px){.vr-acciones{flex-direction:column-reverse;align-items:stretch}.vr-acciones .vr-btn{width:100%}}
/* ¿Qué es el deducible? */
.vr-qued{display:inline-block;margin-top:14px;font-size:14px}
.vr-deducible{background:var(--suave);border-radius:10px;padding:12px 16px;margin-top:10px;font-size:14px}
.vr-deducible p{margin:0 0 8px}.vr-deducible p:last-child{margin:0}
/* Menos aire arriba: la moneda va en el renglón del título. */
.vr-cab{margin:14px 0 10px}
.vr-barra{margin-bottom:6px}

/* Páginas del sitio: la barra ocupa el ancho del contenido y el texto de abajo no se encima (el tema traía un margen negativo de la versión anterior). */
.wp-block-uagb-container:has(> .veico-rsv .vb-barra){max-width:min(1140px,100%)!important;width:100%!important}
.veico-rsv+.search-helper-text{margin-top:14px!important}
@media (max-width:768px){.veico-rsv+.search-helper-text{margin-top:12px!important}}
/* Horas: sólo las de la sucursal; las de horario extendido llevan su etiqueta (tienen cargo). */
.vb-horas div small{margin-left:8px;font-size:11px;color:#8a5a00;font-weight:600}
.vb-horas div.sel small{color:#fff}
.vb-hnada{padding:10px 14px;font-size:13px;color:#5B6B7A;cursor:default!important}
/* La moneda, escrita: en el resumen de protecciones, pago y confirmación. */
.vr-moneda{font-size:12.5px;color:#5B6B7A;margin:4px 0 2px}
/* ¿Quién conducirá? — contacto arriba, conductor aquí. */
.vr-quien{margin-top:18px;padding-top:14px;border-top:1px solid var(--linea)}
.vr-quien-t{font-weight:700;font-size:14px;color:var(--azul);margin-bottom:8px}
.vr-quien-op{display:flex;gap:10px;flex-wrap:wrap}
.vr-quien-op label{display:flex;align-items:center;gap:8px;border:1px solid var(--linea);border-radius:10px;padding:10px 16px;cursor:pointer;font-size:14px;background:#fff;margin:0}
.vr-quien-op label:has(input:checked){border-color:var(--digital);background:#F2F8FE;font-weight:600}
.vr-quien-op input{margin:0;accent-color:var(--digital)}
.vr-form [hidden]{display:none!important}

/* ==============================================================================================
   EL CÓDIGO DE DESCUENTO — 14-oct-2026
   Reusa `.vr-campo` y `.vr-btn`: el renglón no inventa un control nuevo, sólo los acomoda en dos
   columnas. El estado aplicado es una tarjeta verde, el mismo verde del «Incluida» del resumen,
   porque para el cliente son la misma noticia: algo que no va a pagar.
   ============================================================================================== */
.veico-rsv .vr-cod{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;margin-top:12px}
.veico-rsv .vr-cod input{text-transform:uppercase}
.veico-rsv .vr-cod .vr-btn{min-height:46px;border-radius:10px;padding:0 20px}
.veico-rsv .vr-codmsg{font-size:13px;margin-top:8px;line-height:1.45;color:var(--rojo)}
.veico-rsv .vr-codok{display:flex;gap:12px;align-items:flex-start;background:#eef8f2;border:1px solid #b7e0c6;border-radius:12px;padding:12px 14px;margin-top:12px}
.veico-rsv .vr-codok .c{flex:1}
.veico-rsv .vr-codok b{color:var(--azul);display:block}
.veico-rsv .vr-codok small{color:var(--gris);display:block;font-size:12px;margin-top:2px}
.veico-rsv .vr-codok .m{color:var(--verde);font-weight:700;white-space:nowrap}
.veico-rsv .vr-codok .x{background:none;border:0;color:var(--gris);font-size:18px;line-height:1;padding:0 2px}
.veico-rsv .vr-l.desc span:last-child{color:var(--verde);font-weight:700}
@media (max-width:560px){ .veico-rsv .vr-cod{grid-template-columns:1fr} .veico-rsv .vr-cod .vr-btn{width:100%} }

/* ==============================================================================================
   MI CUENTA — 29-oct-2026 (maqueta aprobada). Usa las piezas de siempre (.vr-card, .vr-btn,
   .vr-campo, .vr-alerta); aquí sólo lo que es propio de la cuenta.
   ============================================================================================== */
.vk-centro{max-width:432px;margin:32px auto}
.vk-caja{padding:26px}
.vk-tit{font-size:26px}
.vk-sub{margin:6px 0 18px;font-size:13.5px;line-height:1.5}
.vk-der{text-align:right;margin:8px 0 14px}
.vk-o{display:flex;align-items:center;gap:12px;margin:16px 0;color:var(--gris);font-size:13px}
.vk-o::before,.vk-o::after{content:"";flex:1;height:1px;background:var(--linea)}
.vk-pie{text-align:center;margin:14px 0 0;font-size:13.5px;color:var(--gris)}
.vk-nota{margin-top:14px}
.vk-digs{display:flex;gap:10px;justify-content:center;margin:6px 0 16px}
.vk-dig{width:48px;height:56px;border:1px solid var(--linea);border-radius:10px;text-align:center;font-size:22px;font-weight:700;color:var(--azul)}
.vk-dig:focus{outline:none;border-color:var(--digital);box-shadow:0 0 0 3px #d6e9fd}
.vk{padding-top:24px}
.vk-top{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.vk-hola{font-size:28px}
.vk-tabs{display:flex;gap:4px;border:1px solid var(--linea);border-radius:999px;padding:4px;background:#fff;overflow-x:auto;max-width:100%}
.vk-tabs button{white-space:nowrap}
.vk-tabs button{border:0;background:none;border-radius:999px;padding:8px 14px;font-size:13.5px;font-weight:600;color:var(--carbon)}
.vk-tabs button.on{background:var(--azul);color:#fff}
.vk-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:start}
.vk-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.vk-h3{font-size:19px;margin-top:2px}
.vk-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.vk-tiles div{background:var(--suave);border-radius:10px;padding:10px 14px;font-size:14px}
.vk-tiles small{display:block;color:var(--gris);font-size:12px;margin-bottom:2px}
.vk-fila{display:grid;grid-template-columns:110px minmax(0,1fr) auto 70px;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--linea);font-size:14px}
.vk-row + .vk-fila,.vk-h3 + .vk-fila,.vk-h3 + .vk-mov{border-top:0}
.vk-fila b{color:var(--azul)}
.vk-chip{display:inline-block;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;background:var(--suave);color:var(--gris);white-space:nowrap}
.vk-chip.ok{background:#e6f5ec;color:var(--verde)}
.vk-chip.info{background:#e7f1fd;color:#0b62b5}
.vk-chip.warn{background:#fff3dc;color:var(--ambar)}
.vk-monto{font-size:32px;font-weight:700;color:var(--azul);margin:4px 0 2px}
.vk-txt{font-size:13.5px;margin:10px 0}
.vk-cod{display:flex;justify-content:space-between;align-items:center;border:1px dashed var(--digital);border-radius:10px;padding:10px 14px;background:#f2f8ff}
.vk-cod b{letter-spacing:.08em;color:var(--azul);font-size:16px}
.vk-mov{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:12px;padding:11px 0;border-top:1px solid var(--linea);font-size:14px;align-items:start}
.vk-mov b.mas{color:var(--verde)}
.vk-mov b.menos{color:var(--carbon)}
.vk-falta{margin-top:14px}
.vk-falta div{color:var(--gris);font-size:13px;margin-top:2px}
.vr-btn2.vk-auto{width:auto}
.vk-btns{display:flex;gap:10px;flex-wrap:wrap}
@media (max-width:860px){.vk-grid{grid-template-columns:1fr}}
@media (max-width:560px){
  .vk-tiles{grid-template-columns:1fr}
  .vk-fila{grid-template-columns:1fr auto;gap:4px 10px}
  .vk-fila span:not(.vk-chip){grid-column:1/-1;order:3;color:var(--gris)}
  .vk-fila a{order:4}
  .vk-mov{grid-template-columns:1fr auto}
  .vk-mov span.vr-muted{grid-column:1/-1}
  .vk-dig{width:42px;height:52px}
  .vk-tabs{width:100%}
}
/* La invitación a iniciar sesión, arriba de «Sus datos» (0.7.1). */
.vr-sesion{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#f2f8ff;border:1px solid #b9dafc;border-radius:14px;padding:14px 18px;margin-bottom:14px}
.vr-sesion b{display:block;color:var(--azul);margin-bottom:2px}
.vr-sesion span{color:#4a4a4a;font-size:14px}
.vr-sesion .vr-btn2{flex:0 0 auto;background:#fff}
.vr-sesion.si{background:#eef8f2;border-color:#b7e0c6;padding:10px 18px}
.vr-sesion.si b{display:inline;margin:0}
@media (max-width:640px){.vr-sesion{flex-direction:column;align-items:stretch}.vr-sesion .vr-btn2{width:100%}}
.vr-ventana .vk-mod .vk-tit{margin-top:4px}
.vr-ventana .vk-mod .vr-alerta.vk-nota{margin:14px 0 0}
/* Mi cuenta: la foto de la portada de fondo en las pantallas de entrar y crear cuenta (0.7.6).
   La clase la pone el JavaScript (`fondo()`); los selectores de afuera son del tema Astra. */
body.vk-fondo #content.site-content{background:linear-gradient(rgba(0,32,55,.55),rgba(0,32,55,.70)),var(--vk-fondo) center/cover no-repeat!important}
body.vk-fondo #primary,body.vk-fondo .ast-article-single,body.vk-fondo article.page,body.vk-fondo .entry-content{background:transparent!important;box-shadow:none!important}
body.vk-fondo .vk-centro{margin:24px auto 56px}
body.vk-fondo .vk-centro .vk-caja{box-shadow:0 18px 48px rgba(0,0,0,.35);border:0}
body.vk-fondo .vk-centro .vk-nota{background:rgba(255,255,255,.95)}
.vk-fila b.mas{white-space:nowrap}
/* 0.7.10 · MI CUENTA CON LOS BOTONES DEL SITIO (30-oct-2026). Hilario: «estás usando badges y botones
   redondos; te pedí que los botones fueran del tipo de los que ya se usan en el sitio». Medido en
   veico.com: los botones del tema son azul Veico, esquina de 6px, peso 500. Las pestañas pasan a
   subrayado y los estados a texto de color, sin píldora. Sólo en Mi cuenta (.vk) y sus ventanas
   (.vk-v). Con !important por la misma razón que el bloque de arriba: el tema pisa los botones. */
.veico-rsv .vk .vr-btn,.veico-rsv .vk .vr-btn:focus,.veico-rsv.vk-v .vr-btn,.veico-rsv.vk-v .vr-btn:focus{background:var(--azul)!important;border-radius:6px!important;font-weight:500;font-size:16px;padding:12px 26px}
.veico-rsv .vk .vr-btn:hover,.veico-rsv.vk-v .vr-btn:hover{background:#0b3350!important}
.veico-rsv .vk .vr-btn2,.veico-rsv .vk .vr-btn2:focus,.veico-rsv.vk-v .vr-btn2{border-radius:6px!important;border-color:var(--azul)!important;color:var(--azul)!important;font-weight:500}
.veico-rsv .vk .vr-btn2:hover{background:#f4f5f6!important}
/* 0.7.12: la raya de abajo era un borde y el subrayado de la pestaña se le encimaba con margen negativo:
   eso deja 1px de contenido fuera de la caja y, con `overflow-x:auto`, el navegador ponía una barra de
   desplazamiento. Ahora la raya es una sombra interior (no ocupa lugar) y la barra no se pinta nunca;
   en el celular las pestañas se siguen deslizando con el dedo. */
.veico-rsv .vk .vk-tabs{border:0;border-radius:0;padding:0;background:none;gap:0;box-shadow:inset 0 -1px 0 var(--linea);overflow-y:hidden;scrollbar-width:none}
.veico-rsv .vk .vk-tabs::-webkit-scrollbar{display:none}
.veico-rsv .vk .vk-tabs button,.veico-rsv .vk .vk-tabs button:hover,.veico-rsv .vk .vk-tabs button:focus{border-radius:0!important;padding:10px 14px;border:0!important;border-bottom:2px solid transparent!important;background:none!important;color:var(--gris)!important}
.veico-rsv .vk .vk-tabs button.on{color:var(--azul)!important;border-bottom-color:var(--azul)!important}
.veico-rsv .vk .vk-chip{border-radius:0;padding:0;background:none;font-size:13px}
.veico-rsv .vk .vk-cod{border-radius:6px}
/* 0.7.45 · toda la tarjeta de una categoría disponible abre sus tarifas (ver el escuchador de clics
   en veico-reservas.js). Sólo cambia el cursor; la tarjeta se ve igual. Las agotadas no. Las
   características no son botones: sin cursor ni efecto propio, heredan el de la tarjeta. */
.veico-rsv .vr-cat:not(.agotada) .vr-cat-fila{cursor:pointer}
.veico-rsv .vr-cat.agotada .vr-cat-fila{cursor:default}
.veico-rsv .vr-chip,.veico-rsv .vr-chip:hover{cursor:inherit;background:var(--suave);box-shadow:none;transform:none;transition:none}

/* 0.7.51 · Sucursal «Próximamente» (Monterrey): el buscador deslavado y el aviso encima. */
.vb-proxima{position:relative;pointer-events:none;user-select:none}
.vb-proxima>*:not(.vb-prox-aviso){filter:grayscale(.6) blur(1.2px);opacity:.5}
.vb-prox-aviso{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px;border-radius:12px;pointer-events:none;background:radial-gradient(ellipse 40% 65% at 50% 50%,rgba(255,255,255,.97) 45%,rgba(255,255,255,0) 100%)}
.vb-prox-aviso strong{display:block;font-family:Montserrat,sans-serif;font-size:26px;font-weight:700;line-height:1.2;color:#002037;margin-bottom:6px}
.vb-prox-aviso span{display:block;font-size:14px;font-weight:600;line-height:1.5;color:#2c3a47}
@media (max-width:868px){.vb-prox-aviso{background:radial-gradient(ellipse 70% 45% at 50% 50%,rgba(255,255,255,.97) 50%,rgba(255,255,255,.6) 100%)}.vb-prox-aviso span br{display:none}}
.vr-pdep{margin-top:6px;font-size:13px}