/* vt.css — la página de venta y la ficha de cada furgo (26/10/2026). Encima del <style> de importación, que se copia tal cual
   (colores, Nunito en titulares y Raleway en el texto, esquinas 14/28/10 px, cabecera y pie), y de aq.css de alquiler (botón verde,
   fila corta, ficha que se para, cierre «MENDIVAN»), para que las tres páginas sean la misma familia. Aquí solo lo de venta: prefijo vt-. */

/* 1 · cabecera: la sección se para 1,6 pantallas y la foto baja del cielo a la furgo (una sola cuenta: lo bajado) */
.vt-hero{position:relative;background:#2B3A24;color:#fff}
.vt-hero-in{position:relative;height:100svh;min-height:560px;overflow:hidden}
.vt-hero picture{display:contents}
/* la foto es vertical (3:4): a lo ancho, y siempre al menos 1,35 pantallas de alto para que haya recorrido (en el móvil se recorta
   por los lados, centrada en la furgo, que está al 58 % de la foto) */
.vt-hero img{position:absolute;left:50%;bottom:0;width:max(100%,calc(100svh * 1.0125));max-width:none;height:auto;--vx:-58%;transform:translate3d(var(--vx),0,0)}
@media (min-aspect-ratio:1/1){.vt-hero img{--vx:-50%}}
.js .vt-hero.vt-baja img{top:0;bottom:auto;will-change:transform;transform:translate3d(var(--vx),var(--vy,0px),0)}
.vt-hero-in::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(10,16,14,.32) 0,rgba(10,16,14,0) 20%,rgba(10,16,14,0) 56%,rgba(10,16,14,.38) 78%,rgba(10,16,14,.68) 100%);pointer-events:none}
.vt-hero .txt{position:absolute;left:0;right:0;bottom:clamp(24px,4vh,40px);z-index:2;display:flex;flex-direction:column;align-items:center;gap:clamp(16px,2.4vh,22px);padding:0 var(--borde);text-align:center}
.vt-hero h1{margin:0;font:700 clamp(28px,2.9vw,46px)/1.1 var(--tit);letter-spacing:-.01em;text-wrap:balance;text-shadow:0 2px 18px rgba(0,0,0,.4)}
.vt-hero .ir{display:flex;align-items:center;justify-content:center;gap:12px;min-width:300px;height:68px;padding:0 28px;border:1.5px solid #fff;border-radius:10px;background:rgba(10,20,18,.22);font:700 14.5px/1.2 var(--f);letter-spacing:.08em;text-transform:uppercase;transition:background-color .2s ease,color .2s ease,transform .2s var(--sale)}
.vt-hero .ir svg{flex:none;width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media (hover:hover) and (pointer:fine){.vt-hero .ir:hover{background:var(--roto);color:var(--noche)}}
.vt-hero .ir:active{transform:scale(.98)}
.js .vt-hero.vt-baja{height:190svh}
.js .vt-hero.vt-baja .vt-hero-in{position:sticky;top:0}
.js .vt-hero.vt-baja .txt{opacity:var(--to,1);transform:translateY(calc((1 - var(--to,1)) * 18px))}
@media (min-width:900px) and (min-aspect-ratio:1/1){.vt-hero .txt{align-items:flex-start;text-align:left;padding-left:max(var(--borde),calc((100vw - 1360px) / 2 + var(--borde)))}.vt-hero h1{max-width:13ch}}
@media (max-width:699px){.vt-hero .ir{width:100%;max-width:340px;min-width:0;height:58px;font-size:13.5px;letter-spacing:.06em}}
@media (prefers-reduced-motion:reduce){.js .vt-hero.vt-baja{height:auto}}

/* 2 · en venta ahora: la tarjeta de WeVan, grande y con aire */
.vt-intro{margin:calc(-1 * clamp(18px,2.4vw,36px)) auto clamp(34px,4vw,52px);max-width:46ch;text-align:center;font:500 17px/1.55 var(--f);color:var(--suave)}
.vt-lista{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2vw,28px)}
.vt-tar{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 1px 2px rgba(25,61,58,.06),0 24px 48px -30px rgba(25,61,58,.45);transition:box-shadow .3s ease}
@media (hover:hover) and (pointer:fine){.vt-tar:hover{box-shadow:0 1px 2px rgba(25,61,58,.06),0 34px 60px -30px rgba(25,61,58,.55)}}
.vt-lista>.vt-tar:only-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.vt-fotos{touch-action:pan-y;position:relative;aspect-ratio:16/10;overflow:hidden;background:#E4E0D6}
.vt-pista{list-style:none;margin:0;padding:0;display:flex;height:100%;transition:transform .38s var(--sale)}
.vt-pista li{flex:0 0 100%;height:100%}
.vt-pista img{width:100%;height:100%;object-fit:cover}
.vt-estado{position:absolute;left:18px;top:18px;z-index:2;display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 14px;border-radius:999px;background:var(--roto);color:var(--noche);font:700 13.5px/1 var(--f);box-shadow:0 4px 14px -6px rgba(10,20,18,.45)}
.vt-estado i{width:8px;height:8px;border-radius:50%;background:#2F5D4A}
.vt-flecha{position:absolute;top:50%;z-index:2;width:44px;height:44px;margin-top:-22px;border:0;border-radius:50%;background:rgba(245,242,234,.92);color:var(--noche);display:grid;place-items:center;opacity:0;transition:opacity .2s ease,transform .16s var(--sale)}
.vt-flecha svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.vt-flecha.ant{left:14px}.vt-flecha.sig{right:14px}
.vt-fotos:hover .vt-flecha,.vt-flecha:focus-visible{opacity:1}
@media (hover:none){.vt-flecha{opacity:1;background:rgba(245,242,234,.8)}}
.vt-flecha:active{transform:scale(.94)}
.vt-flecha[aria-disabled="true"]{opacity:0!important;pointer-events:none}
.vt-puntos{position:absolute;left:0;right:0;bottom:-6px;z-index:2;display:flex;justify-content:center;gap:0;margin:0}
.vt-puntos button{display:grid;place-items:center;width:44px;height:44px;margin:0;padding:0;border:0;background:none}
.vt-puntos i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.6);box-shadow:0 0 0 1px rgba(10,20,18,.18);transition:background-color .2s ease,transform .2s var(--sale)}
.vt-puntos button.on i{background:#fff;transform:scale(1.25)}
.vt-datos{display:flex;flex-direction:column;padding:clamp(24px,3vw,44px)}
.vt-tipo{margin:0;font:700 13.5px/1.3 var(--f);color:var(--bosque)}
.vt-datos h3{margin:6px 0 0;font:800 clamp(28px,2.6vw,38px)/1.08 var(--tit);letter-spacing:-.01em;color:var(--noche)}
.vt-ll::after{content:"";position:absolute;inset:0;z-index:1}
.vt-motor{margin:6px 0 0;font:600 16.5px/1.4 var(--f);color:var(--texto)}
.vt-pastillas{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0}
.vt-pastillas li{padding:7px 14px;border-radius:999px;background:var(--roto);font:700 14.5px/1.2 var(--f);color:var(--noche)}
.vt-hecho{list-style:none;margin:22px 0 0;padding:16px 0 0;border-top:1px solid rgba(25,61,58,.14);display:grid;gap:8px}
.vt-hecho li{position:relative;padding-left:26px;font:500 16px/1.45 var(--f);color:var(--texto)}
.vt-hecho li::before{content:"";position:absolute;left:2px;top:.32em;width:14px;height:8px;border-left:2px solid var(--bosque);border-bottom:2px solid var(--bosque);transform:rotate(-45deg)}
.vt-precio{margin:auto 0 0;padding-top:24px;font:500 15px/1 var(--f);color:var(--suave)}
.vt-precio b{font:800 clamp(34px,3vw,44px)/1 var(--tit);letter-spacing:-.015em;color:var(--noche)}
.vt-botones{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.vt-botones.col{flex-direction:column}.vt-botones.col>*{width:100%}
.vt-bt2{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border:1.5px solid rgba(25,61,58,.3);border-radius:999px;color:var(--noche);font:700 15px/1 var(--f);transition:border-color .2s ease,background-color .2s ease,transform .16s var(--sale)}
.vt-bt2 svg{width:18px;height:18px;fill:currentColor}
@media (hover:hover) and (pointer:fine){.vt-bt2:hover{border-color:var(--bosque);background:#fff}}
.vt-bt2:active{transform:scale(.97)}
@media (max-width:899px){
  .vt-lista{grid-template-columns:minmax(0,1fr)}
  .vt-lista>.vt-tar:only-child{display:flex}
}

/* 3 · antes de que firmes: la fila corta de alquiler, a cuatro */
.vt-razones{grid-template-columns:repeat(3,1fr)}

/* 4 · ¿no encuentras la tuya?: dos fotos grandes con su frase (las dos cajas de la portada, Westfalia) */
.vt-dos{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2vw,28px)}
.vt-dos a{position:relative;display:block;border-radius:14px;overflow:hidden;background:#24463F;color:#fff;aspect-ratio:4/3}
.vt-dos img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--sale)}
.vt-dos a::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,16,14,0) 40%,rgba(10,16,14,.72) 100%)}
.vt-dos-t{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:clamp(20px,2.4vw,32px);font:500 16.5px/1.45 var(--f);color:#E9EEEB}
.vt-dos-t b{display:block;margin-bottom:4px;font:800 clamp(24px,2.2vw,32px)/1.1 var(--tit);color:#fff}
.vt-dos-t i{display:inline-flex;align-items:center;gap:8px;margin-top:12px;font:700 15px/1 var(--f);font-style:normal;color:#fff}
.vt-dos-t i svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s var(--sale)}
@media (hover:hover) and (pointer:fine){.vt-dos a:hover img{transform:scale(1.04)}.vt-dos a:hover i svg{transform:translateX(4px)}}
@media (max-width:899px){.vt-dos{grid-template-columns:minmax(0,1fr)}}

/* ——— la ficha de cada furgo ——— */
.vt-pag-ficha{padding-top:70px}
.vt-ficha-arriba{padding:clamp(20px,2.4vw,32px) 0 clamp(72px,8.5vw,120px)}
.vt-miga{display:flex;gap:10px;margin:0 0 18px;font:600 14.5px/1.3 var(--f);color:var(--suave)}
.vt-miga a{color:var(--noche);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(25,61,58,.35)}
.vt-ficha-in{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:clamp(24px,3.4vw,56px);align-items:start}
.vt-gran{margin:0;aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:#E4E0D6}
.vt-gran img{width:100%;height:100%;object-fit:cover;transition:opacity .2s ease-out,filter .2s ease-out}
.vt-gran img.cambia{opacity:0;filter:blur(2px)}
.vt-minis{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.vt-minis button{display:block;width:100%;padding:0;border:0;border-radius:10px;overflow:hidden;aspect-ratio:1/1;background:#E4E0D6;outline-offset:2px;box-shadow:0 0 0 2px transparent;transition:box-shadow .2s ease,transform .16s var(--sale)}
.vt-minis img{width:100%;height:100%;object-fit:cover}
.vt-minis button[aria-pressed="true"]{box-shadow:0 0 0 2px var(--roto),0 0 0 4px var(--bosque)}
.vt-minis button:active{transform:scale(.96)}
.vt-caja{position:sticky;top:94px;padding:clamp(22px,2.4vw,32px);border-radius:28px;background:#fff;box-shadow:0 1px 2px rgba(25,61,58,.06),0 24px 48px -30px rgba(25,61,58,.45)}
.vt-caja .vt-estado{position:static;box-shadow:none;background:var(--roto)}
.vt-caja h1{margin:16px 0 0;font:800 clamp(28px,2.6vw,38px)/1.08 var(--tit);letter-spacing:-.01em;color:var(--noche);text-wrap:balance}
.vt-caja .vt-precio{margin:0;padding-top:20px}
.vt-cita{margin:18px 0 0;padding:14px 0 0;border-top:1px solid rgba(25,61,58,.14);font:600 16.5px/1.45 var(--f);color:var(--noche)}
.vt-cita span{display:block;margin-top:4px;font:500 14px/1.3 var(--f);color:var(--suave)}
.vt-tel{margin:14px 0 0;text-align:center;font:500 14.5px/1.4 var(--f);color:var(--suave)}
.vt-tel a{font-weight:700;color:var(--noche)}
@media (max-width:899px){
  .vt-ficha-in{grid-template-columns:minmax(0,1fr)}
  .vt-gran{margin:0 calc(-1 * var(--borde));border-radius:0}
  .vt-minis{grid-template-columns:repeat(6,72px);overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
  .vt-caja{position:static}
}

/* 2 · la T6, de cerca: la ficha de la Explorer de alquiler (verde noche, la sección se para), con el marco en vertical */
.vt-cerca{position:relative;background:var(--noche);color:#fff}
.vt-escena{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);align-items:center;gap:clamp(28px,5vw,96px);max-width:1360px;margin:0 auto;padding:clamp(72px,8.5vw,120px) var(--borde)}
.vt-cerca h2{margin:0;font:800 clamp(30px,3vw,44px)/1.08 var(--tit);letter-spacing:-.01em;color:#fff}
.vt-cerca .aq-paso p{max-width:44ch}
.vt-marco{position:relative;justify-self:end;width:100%;max-width:520px;aspect-ratio:1080/1150;border-radius:28px;overflow:hidden;background:#24463F}
.vt-marco img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity .32s ease-out,transform .6s var(--sale)}
.vt-marco img.ve{opacity:1;transform:none}
@media (min-width:900px) and (min-height:560px){
  .js .vt-cerca.vt-fija{height:420vh}
  .js .vt-fija .vt-escena{position:sticky;top:0;height:100vh;max-width:none;padding:calc(70px + 4vh) max(var(--borde),calc((100vw - 1360px) / 2 + var(--borde))) 4vh;overflow:clip}
  .js .vt-fija .vt-marco{height:min(calc(100vh - 70px - 10vh),640px);width:auto;max-width:100%}
  .js .vt-fija .aq-paso p{margin:0;max-height:0;opacity:0;overflow:hidden;transition:max-height .45s var(--sale),opacity .3s ease,margin .45s var(--sale)}
  .js .vt-fija .aq-paso.on p{max-height:6em;opacity:1;margin-top:6px}
}
@media (min-width:900px) and (max-height:760px){.vt-cerca .aq-paso{padding:7px 0}.vt-cerca .aq-paso h3{font-size:17px}.vt-cerca .aq-pasos{margin-top:14px}}
@media (max-width:899px){
  .vt-escena{grid-template-columns:minmax(0,1fr);padding-top:64px;padding-bottom:56px}
  .vt-marco{order:-1;justify-self:center;max-width:420px;border-radius:14px}
  .js .vt-cerca.vt-fija{height:380vh}
  .js .vt-fija .vt-escena{position:sticky;top:0;height:100svh;align-content:start;gap:16px;padding:82px var(--borde) 16px;overflow:clip}
  .js .vt-fija .vt-marco{height:min(58svh,100vw);width:auto}
  .js .vt-fija .aq-sub{display:none}
  .js .vt-fija h2{font-size:26px}
  .js .vt-fija .aq-pasos{position:relative;min-height:7.6em;margin-top:10px;border-top:0}
  .js .vt-fija .aq-paso{position:absolute;inset:0 0 auto;border:0;opacity:0;transform:translateY(10px);transition:opacity .35s ease,transform .45s var(--sale)}
  .js .vt-fija .aq-paso.on{opacity:1;transform:none}
}
@media (prefers-reduced-motion:reduce){.js .vt-cerca.vt-fija{height:auto}.vt-marco img{transition:none}}

/* 3 · ficha técnica por grupos (Polestar: «Pilot / Plus / Climate»; Autohero: «Detalles del coche» y «Historial de servicio»): el título del
   grupo a la izquierda y sus filas a la derecha. Solo lo que se sabe: lo que falta (ITV, garantía, IVA) va en una línea, no en filas vacías */
.vt-grupos{margin:0}
.vt-grupo{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.6fr);gap:clamp(16px,3vw,48px);padding:clamp(22px,2.6vw,34px) 0;border-top:1px solid rgba(25,61,58,.16)}
.vt-pap{margin:0;border-bottom:1px solid rgba(25,61,58,.16)}
.vt-grupo h3{margin:0;font:800 clamp(20px,1.7vw,24px)/1.2 var(--tit);color:var(--noche)}
.vt-grupo dl{margin:0}
.vt-grupo dl>div{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:16px;padding:9px 0}
.vt-grupo dt{font:700 15.5px/1.45 var(--f);color:var(--suave)}
.vt-grupo dd{margin:0;font:600 16px/1.45 var(--f);color:var(--noche)}
.vt-grupo .vt-papeles{margin:0;font:500 16.5px/1.5 var(--f);color:var(--texto)}
.vt-grupo .vt-papeles a{margin-top:14px}
@media (max-width:899px){.vt-grupo{grid-template-columns:minmax(0,1fr);gap:8px}.vt-grupo dl>div{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}

/* 4 · Iñaki te la enseña: el reel en vertical */
.vt-video{background:#EEE4D0}
.vt-video-in{display:grid;grid-template-columns:minmax(0,440px) auto;justify-content:start;align-items:center;gap:clamp(28px,8vw,140px)}
.vt-video h2{margin:0 0 16px;font:800 clamp(30px,3vw,44px)/1.08 var(--tit);letter-spacing:-.01em;color:var(--noche)}
.vt-video-txt p{margin:0 0 24px;max-width:40ch;font:500 17px/1.55 var(--f);color:var(--texto)}
.vt-movil{width:min(340px,80vw);aspect-ratio:9/16;border-radius:28px;overflow:hidden;background:#121C1B;box-shadow:0 30px 60px -30px rgba(25,61,58,.6)}
.vt-movil video{display:block;width:100%;height:100%;object-fit:cover}
@media (max-width:899px){.vt-video-in{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}.vt-video-txt p{margin-left:auto;margin-right:auto}}

/* 5 · cierre de la ficha */
.vt-cierre-ficha{padding-top:clamp(64px,7vw,104px)}
.vt-cierre-ficha .aq-cierre-txt{margin-top:0}
.vt-cierre-ficha .vt-botones{justify-content:center;margin-top:0}
/* con una sola furgo, la foto llena su columna de arriba abajo */
.vt-lista>.vt-tar:only-child .vt-fotos{aspect-ratio:auto;min-height:420px;height:100%}
@media (max-width:899px){.vt-lista>.vt-tar:only-child .vt-fotos{aspect-ratio:16/10;min-height:0;height:auto}.vt-lista>.vt-tar:only-child .vt-pista{position:static}}
.vt-miga-a,.vt-tel-a{display:inline-block;padding:6px 2px;margin:-6px -2px}
/* quién sale en la foto de arriba (no es la furgo que se vende): pequeño, abajo a la derecha, como el aviso de Radian */
.vt-pie-foto{position:absolute;right:var(--borde);bottom:clamp(14px,2vh,22px);z-index:2;margin:0;font:500 12.5px/1.3 var(--f);color:rgba(255,255,255,.82);text-shadow:0 1px 6px rgba(0,0,0,.5)}
@media (max-width:899px){.vt-pie-foto{left:var(--borde);right:var(--borde);top:84px;bottom:auto;text-align:right}}
/* pasada 1 de ojos frescos */
.vt-dos-t i{display:flex;width:max-content}
.vt-dos a::after{background:linear-gradient(180deg,rgba(10,16,14,0) 30%,rgba(10,16,14,.55) 62%,rgba(10,16,14,.82) 100%)}
@media (max-width:899px){.vt-razones{grid-template-columns:minmax(0,1fr)}}
.vt-datos .vt-precio{margin-top:0}
.vt-lista>.vt-tar:only-child .vt-fotos{min-height:420px;height:auto;aspect-ratio:auto;align-self:stretch}
.vt-lista>.vt-tar:only-child .vt-pista{position:absolute;inset:0}
.vt-lista>.vt-tar:only-child{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}
.vt-lista>.vt-tar:only-child .vt-datos{padding:clamp(28px,3.6vw,56px)}
/* crítica impeccable + emil, pasada 1 */
.vt-tar:hover .vt-flecha,.vt-tar:focus-within .vt-flecha{opacity:1}
.vt-gran{aspect-ratio:16/10}
@media (min-width:900px){.vt-galeria{max-width:calc((100vh - 230px) * 1.6)}}
.vt-cerca-txt{align-self:center}
@media (min-width:900px) and (min-height:560px){.js .vt-fija .vt-cerca-txt{align-self:start;padding-top:max(0px,calc(50vh - 70px - 230px))}}
.vt-lista>.vt-tar:only-child{width:100%}
.vt-pista li:first-child img{object-position:38% 50%}

/* ——— pasada 2 (v5, 26/10): medición contra importación y alquiler, crítica P2, ficha a la altura de Autohero, Polestar y Bring a Trailer ——— */
/* espacio de arriba de los bloques de venta: 104 en escritorio y 64 en móvil (la norma de importación), no 120/72 */
.vt-hay,.vt-otra,.vt-tecnica,.vt-video{padding-top:clamp(64px,7vw,104px)}
.vt-hay{padding-bottom:clamp(48px,5vw,72px)}
.vt-cierre-ficha{padding-top:clamp(72px,8.5vw,120px)}
/* el foco del teclado rodea la tarjeta entera, no solo el nombre */
.vt-ll:focus-visible{outline:none}
.vt-tar:has(.vt-ll:focus-visible){outline:3px solid #B5651D;outline-offset:3px}
/* «¿No encuentras la tuya?»: cabecera a la izquierda, para no repetir tres títulos centrados seguidos */
/* v6: las tres secciones de venta, con el mismo borde izquierdo y los títulos a la izquierda (como «Antes de que firmes» y las preguntas) */
.vt-hay .sec-t,.vt-otra .sec-t{max-width:none;margin-left:0;text-align:left}
.vt-hay .vt-intro,.vt-otra .vt-intro{margin:calc(-1 * clamp(18px,2.4vw,36px)) 0 clamp(34px,4vw,52px);max-width:52ch;text-align:left}
/* ficha: datos clave en cuatro (Autohero), atajos (su índice lateral), cita bajo la galería y las diez fotos (Bring a Trailer: todas, a la vista) */
.vt-clave{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0 0}
.vt-clave>div{padding:10px 14px;border-radius:10px;background:var(--roto)}
.vt-clave dt{font:600 12.5px/1.2 var(--f);color:var(--suave)}
.vt-clave dd{margin:3px 0 0;font:800 16.5px/1.2 var(--tit);color:var(--noche)}
.vt-caja .vt-precio{padding-top:16px}
.vt-ficha-arriba .env{position:relative}
.vt-atajos{display:flex;gap:8px;margin:-6px 0 14px;padding:0;list-style:none}
@media (min-width:900px){.vt-atajos{position:absolute;right:var(--borde);top:-14px;margin:0}}
.vt-atajos a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:999px;border:1.5px solid rgba(25,61,58,.22);font:700 13.5px/1 var(--f);color:var(--noche);transition:border-color .2s ease,background-color .2s ease}
@media (hover:hover) and (pointer:fine){.vt-atajos a:hover{border-color:var(--bosque);background:#fff}}
.vt-minis{grid-template-columns:repeat(10,minmax(0,1fr));gap:8px}
.vt-minis button{aspect-ratio:4/3}
.vt-cita-g{margin:20px 0 0;padding:16px 0 0;max-width:46ch}
@media (max-width:899px){.vt-minis{grid-template-columns:repeat(10,72px)}.vt-atajos{overflow-x:auto;scrollbar-width:none;margin-top:0}.vt-clave dd{font-size:16px}}
.vt-clave{margin-top:14px}.vt-caja .vt-precio{padding-top:12px}.vt-caja .vt-botones{margin-top:16px}.vt-caja .vt-estado{min-height:30px}
@media (max-width:899px){.vt-pie-foto{left:auto;right:var(--borde);padding:5px 10px;border-radius:999px;background:rgba(10,20,18,.5);text-shadow:none;color:#fff}}

/* ——— pasada 3 (v6, 26/10): arreglos de la pasada 2 de ojos frescos, cliente y crítica ——— */
/* «de cerca» con cinco pasos (la segunda batería se junta con el sofá cama): cada paso conserva sus ~70 vh de recorrido */
@media (min-width:900px) and (min-height:560px){.js .vt-cerca.vt-fija{height:360vh}}
@media (max-width:899px){.js .vt-cerca.vt-fija{height:320vh}}
@media (prefers-reduced-motion:reduce){.js .vt-cerca.vt-fija{height:auto}}
/* «¿No encuentras la tuya?»: los dos títulos empiezan en la misma línea aunque la descripción ocupe una o dos líneas */
@media (min-width:900px){.vt-dos-t .d{display:block;min-height:2.9em}}
/* cierre «MENDIVAN»: el vídeo se oscurece solo aquí para que las letras no se laven contra el crema (D, I, N y V se perdían) */
.aq-nombre{background:#2B3A24}
.aq-nombre video{filter:brightness(.62) contrast(1.12) saturate(1.1)}
/* flechas: salen más rápido de lo que entran; el punto activo se mueve con la foto */
.vt-flecha{transition:opacity .12s ease,transform .16s var(--sale)}
.vt-fotos:hover .vt-flecha,.vt-tar:hover .vt-flecha,.vt-tar:focus-within .vt-flecha{transition-duration:.2s,.16s}
.vt-puntos i{transition:background-color .2s ease,transform .38s var(--sale)}
/* el vídeo de la ficha: nunca más alto que la pantalla, y el texto arriba a su línea */
.vt-movil{width:min(340px,80vw,calc((100svh - 140px) * 9 / 16))}
@media (min-width:900px){.vt-video-in{align-items:start;padding-top:clamp(0px,4vw,40px)}}
/* la foto de la cabecera no es la furgo en venta: el pie, discreto, abajo del todo (en el móvil, debajo del botón y sin píldora) */
@media (max-width:899px){.vt-pie-foto{left:var(--borde);right:var(--borde);top:auto;bottom:10px;padding:0;border-radius:0;background:none;text-align:center;font-size:11.5px;color:rgba(255,255,255,.88);text-shadow:0 1px 6px rgba(0,0,0,.6)}
  .vt-hero .txt{bottom:clamp(34px,5vh,44px)}}
/* ficha en el móvil: título, estado y precio, luego la galería, luego los datos y los botones (Autohero y WeVan) */
@media (max-width:899px){
  .vt-atajos{display:none}
  .vt-ficha-in{display:flex;flex-direction:column;gap:0}
  .vt-caja{display:contents}
  .vt-caja>.vt-estado{order:1;align-self:flex-start}
  .vt-caja>h1{order:2;margin:12px 0 0}
  .vt-caja>.vt-precio{order:3;padding:8px 0 18px}
  .vt-galeria{order:4}
  .vt-caja>.vt-clave{order:5;margin-top:22px}
  .vt-caja>.vt-botones{order:6;margin-top:16px}
  .vt-caja>.vt-tel{order:7}
  .vt-clave>div{background:#fff}
}
/* zonas de toque de 44 px en el móvil (ojos frescos, pasada 2): pie, cabecera, miga, teléfono, título de la tarjeta y el enlace del chat.
   Solo reglas de venta: el pie de las demás páginas se arregla en su fuente (INCOHERENCIAS.md) */
@media (max-width:899px),(pointer:coarse){
  .pie li a,.pie li span{min-height:44px;min-width:44px}
  .cab .logo{min-width:44px}
  .vt-datos h3 .vt-ll{display:inline-flex;align-items:center;min-height:44px}
  .fc-wa a{display:inline-flex;align-items:center;min-height:44px}
  .vt-miga-a{display:inline-flex;align-items:center;min-height:44px;padding:0 8px;margin:-12px -8px}
  .vt-tel-a{display:inline-flex;align-items:center;min-height:44px;padding:0 6px;margin:-12px -6px}
}
/* v6: «Ficha técnica» a la izquierda como los demás títulos de la ficha y de la venta */
.vt-tecnica .sec-t{max-width:none;margin-left:0;text-align:left}
/* la fila de miniaturas no ensancha la galería en el móvil (la cita se cortaba por la derecha) */
.vt-ficha-in>*,.vt-galeria{min-width:0}

/* ——— pasada 4 (v7, 26/10): arreglos de la pasada 3 de ojos frescos y crítica ——— */
/* ROJO: la galería de la ficha en el móvil. El `align-items:start` de la rejilla de escritorio se heredaba en la columna flex: el hijo se
   quedaba «a lo que mide su contenido» (diez miniaturas de 72 px = 792) y `main{overflow:clip}` lo recortaba sin barra. Estirar a la columna,
   ancho 100 %, y que la fila de miniaturas se desplace sola. */
@media (max-width:899px){
  .vt-ficha-in{align-items:stretch}
  .vt-galeria{width:100%;max-width:100%;min-width:0}
  .vt-minis{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
  .vt-minis li{scroll-snap-align:start}
  .vt-cita-g{max-width:none}
}
/* la foto grande de la ficha: la furgo entera (de lado), sin recortar el frontal */
.vt-gran img{object-position:40% 50%}
/* «Iñaki te la enseña»: el texto en el borde izquierdo de la rejilla y el vídeo en el derecho (los mismos bordes que la tarjeta de precio) */
@media (min-width:900px){
  .vt-video-in{grid-template-columns:minmax(0,1fr) auto;justify-content:stretch}
  .vt-video-in .vt-movil{justify-self:end}
}
/* «Los papeles»: el botón no pega con el texto */
.vt-grupo .vt-papeles+a{margin-top:16px}
.vt-pap .vt-papeles{margin-bottom:0}
/* el chat de preguntas: sin el vacío de ~170 px bajo la respuesta (la caja crece con lo que se contesta) */
.fc-hilo{min-height:300px}
@media (max-width:899px){.fc-hilo{min-height:0}}
/* «Camperizarla»: letra blanca sobre madera clara, más degradado abajo */
.vt-dos li:nth-child(2) a::after{background:linear-gradient(180deg,rgba(10,16,14,0) 22%,rgba(10,16,14,.62) 54%,rgba(10,16,14,.9) 100%)}
/* «de cerca» en el móvil: el contenido centrado en la pantalla (el verde sobrante se reparte, no se acumula abajo); el párrafo que sale
   se va antes de que entre el siguiente (antes se veían los dos 0,4 s); y el hueco de después, recortado */
@media (max-width:899px){
  .js .vt-fija .vt-escena{align-content:center;padding-top:76px;padding-bottom:20px}
  .js .vt-fija .aq-paso{transition:opacity .1s ease,transform .1s ease}
  .js .vt-fija .aq-paso.on{transition:opacity .3s ease .12s,transform .45s var(--sale) .12s}
  .js .vt-fija .aq-pasos{min-height:6.6em}
  .vt-tecnica{padding-top:48px}
}
/* sin JS o con «reducir movimiento»: la cabecera ya encuadrada en la furgo (la foto, a su altura de ordenador) y no en la hierba */
@media (min-aspect-ratio:1/1){.vt-hero img{bottom:auto;top:72%;transform:translate3d(-50%,-72%,0)}}
/* el cierre de la ficha: su frase y su titular no dicen lo mismo */
/* v8 · pasada 4 (ojos4 + critica4) */
/* tarjeta de una sola furgo: la foto de lado entera. En móvil, apaisada (las reglas de arriba la ponían vertical); en ordenador, más columna para la foto */
@media (max-width:899px){.vt-lista>.vt-tar:only-child .vt-fotos{min-height:0;height:auto;aspect-ratio:16/10;align-self:auto}.vt-lista>.vt-tar:only-child .vt-pista{position:static}}
@media (min-width:900px){.vt-lista>.vt-tar:only-child{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)}.vt-lista>.vt-tar:only-child .vt-datos{padding:clamp(24px,2.4vw,38px) clamp(28px,3.2vw,50px)}.vt-lista>.vt-tar:only-child .vt-fotos img{object-position:50% 50%}}
/* sin JS, Chrome enseña los mandos del vídeo de adorno del cierre */
video[aria-hidden="true"]::-webkit-media-controls,video[aria-hidden="true"]::-webkit-media-controls-enclosure{display:none!important}
/* «de cerca» en móvil: la foto dentro del margen */
@media (max-width:899px){.js .vt-fija .vt-marco{height:min(58svh,calc((100vw - 32px) * 1.065))}}
/* titular de la cabecera sobre la fachada clara: más sombra abajo */
.vt-hero-in::after{background:linear-gradient(180deg,rgba(10,16,14,.32) 0,rgba(10,16,14,0) 20%,rgba(10,16,14,0) 52%,rgba(10,16,14,.5) 76%,rgba(10,16,14,.72) 100%)}
@media (max-width:899px){
  .vt-ficha-in .vt-caja>.vt-estado{background:#fff;padding:0 14px;margin-left:0}
  .vt-pie-foto{font-size:12.5px}
  .fc-wa{text-align:center}
}

/* 27/10 · portada nueva de venta (Guillermo eligió V3): foto apaisada a pantalla entera, sin la bajada del cielo a la furgo (era para una foto
   vertical). La imagen llena la caja; el móvil lleva su propio recorte vertical con la furgo a la derecha del centro. Degradado de abajo, el de siempre. */
.vt-hero-fija .vt-hero-in img{top:0;left:0;bottom:0;width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 50%);transform:none}
@media (min-aspect-ratio:1/1){.vt-hero-fija .vt-hero-in img{top:0;bottom:0;transform:none}}
.vt-hero-fija .vt-hero-in::after{background:linear-gradient(180deg,rgba(10,16,14,.3) 0,rgba(10,16,14,0) 22%,rgba(10,16,14,0) 50%,rgba(10,16,14,.5) 74%,rgba(10,16,14,.78) 100%)}