/* ==========================================================================
   RodiAutos · Sitio público v3 (24-oct-2026). Se carga ÚLTIMA en layouts/rodi_publico (después de las hojas de cada
   módulo) y solo en el sitio público: el portal y el panel no la ven.
   Reglas del dueño: fondo BLANCO predominante, contraste con gris muy claro #F4F5F7 y los colores de marca (rojo
   #D22630, tinta #17191C). Nada de páginas negras. Solo tema claro. Elegante: ni plano ni recargado.
   Contrastes (texto sobre blanco): tinta 17,4:1 · --texto-2 #4A4F57 8,1:1 · --texto-3 #5F646C 6,0:1 · rojo-700 #A81E27 7,3:1 ·
   rojo #D22630 sobre blanco 5,0:1 (texto ≥ 14 px en negrita) · blanco sobre rojo 5,0:1 · verde #1B6E45 6,3:1.
   ========================================================================== */

/* ---------- 1. Tokens: claro siempre (gana a la preferencia del sistema) ---------- */
html.v3[lang],html.v3[lang][data-theme]{
  --bg:#FFFFFF; --bg-alt:#F4F5F7; --superficie:#FFFFFF; --superficie-2:#F4F5F7;
  --texto:#17191C; --texto-2:#4A4F57; --texto-3:#5F646C; --borde:#E4E6EA; --borde-fuerte:#CDD1D7; --borde-campo:#8A9099;
  --accion:#D22630; --accion-hover:#A81E27; --accion-texto:#FFFFFF; --enlace:#A81E27; --precio:#17191C; --marca-dano:#D22630;
  --exito:#1B6E45; --alerta:#8A5A00; --error:#B42318; --info:#1D5FA8;
  --exito-velo:#E6F3EC; --alerta-velo:#FBF1DE; --error-velo:#FBE7E5; --info-velo:#E4EEF9; --ra-rojo-velo:rgba(210,38,48,.08);
  --foco:0 0 0 2px #FFFFFF, 0 0 0 4.5px #17191C;
  --banda:#F4F5F7; --banda-2:#FFFFFF; --banda-texto:#17191C; --banda-texto-2:#4A4F57; --banda-borde:#E4E6EA;
  --sombra-1:0 1px 2px rgba(23,25,28,.05),0 4px 16px rgba(23,25,28,.06);
  --sombra-2:0 2px 6px rgba(23,25,28,.06),0 22px 48px rgba(23,25,28,.10);
  --sombra-hoja:0 -10px 40px rgba(23,25,28,.14);
  --sil-cuerpo:#FFFFFF; --sil-trazo:#17191C; --sil-vidrio:#E3E6EA; --sil-piso:#D9DCE1;
  --radio:10px; --radio-g:18px; --chaflan:0px;
  --v3-gris:#F4F5F7; --v3-gris-2:#EBEDF0; --v3-tinta:#17191C; --v3-rojo:#D22630; --v3-verde:#1B6E45; --v3-verde-velo:#E6F3EC;
  --v3-curva:cubic-bezier(.22,.8,.18,1); --v3-ancho:1240px;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){html.v3[lang]:not([data-theme="light"]),html.v3[lang]{
  --bg:#FFFFFF; --bg-alt:#F4F5F7; --superficie:#FFFFFF; --superficie-2:#F4F5F7; --texto:#17191C; --texto-2:#4A4F57; --texto-3:#5F646C;
  --borde:#E4E6EA; --borde-fuerte:#CDD1D7; --banda:#F4F5F7; --banda-2:#FFFFFF; --banda-texto:#17191C; --banda-texto-2:#4A4F57; --banda-borde:#E4E6EA;
  --precio:#17191C; --enlace:#A81E27; --sil-cuerpo:#FFFFFF; --sil-trazo:#17191C; --sil-vidrio:#E3E6EA; --sil-piso:#D9DCE1; color-scheme:light}}
.v3 body{background:#FFFFFF;color:var(--texto);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.v3 .ra-env{max-width:calc(var(--v3-ancho) + 2 * var(--canal))}
.v3 h1,.v3 h2,.v3 h3{letter-spacing:-.028em;text-wrap:balance}
.v3 p{text-wrap:pretty}
.v3 :focus-visible{outline:none;box-shadow:var(--foco);border-radius:6px}
:where(.v3) a{color:var(--enlace)}
.v3 .ra-kicker{font-family:var(--f-texto);font-size:12.5px;font-weight:700;letter-spacing:.08em;color:var(--texto-3)}
.v3 .ra-kicker::before{display:none}
.v3 .ra-seccion{padding-block:clamp(56px,7vw,104px)}
.v3 .ra-seccion-alt{background:var(--v3-gris);border:0}

/* ---------- 2. Botones, chips y campos ---------- */
.v3 .ra-btn{border-radius:999px;font-weight:700;letter-spacing:-.005em;min-height:46px;padding:11px 22px}
.v3 .ra-btn-grande{min-height:54px;padding:14px 28px}
.v3 .ra-btn-peq{min-height:38px;padding:7px 16px;font-size:14px}
.v3 .ra-btn-primario{box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 6px 18px -8px rgba(210,38,48,.7)}
.v3 .ra-btn-secundario{border-color:var(--borde-fuerte);color:var(--texto);background:#fff}
.v3 .ra-btn-secundario:hover{border-color:var(--texto);background:#fff;color:var(--texto)}
.v3 .ra-btn-claro{background:#fff;color:var(--texto);border-color:var(--borde-fuerte)}
.v3 .ra-btn-claro:hover{border-color:var(--texto)}
.v3 .ra-btn-fantasma{background:#fff;color:var(--texto);border-color:var(--borde-fuerte)}
.v3 .ra-btn-fantasma:hover{border-color:var(--texto);background:#fff}
.v3 .ra-btn-oscuro{background:var(--v3-tinta);color:#fff}
.v3 .ra-btn-oscuro:hover{background:#000}
.v3 .ra-btn-whatsapp{border-radius:999px}
.v3 .ra-entrada{border-radius:10px;border-color:var(--borde-fuerte);min-height:48px;background:#fff}
.v3 .ra-entrada:focus{border-color:var(--texto)}
.v3 .ra-chip span{border-radius:999px}
.v3 .ra-tarjeta{clip-path:none;border-radius:var(--radio-g);border:1px solid var(--borde);box-shadow:none;overflow:hidden}
.v3 .ra-tarjeta:hover{box-shadow:var(--sombra-2);transform:translateY(-3px)}
.v3 .ra-rotulo{border-radius:999px}
.v3 .ra-chip-estado{border-radius:999px}
.v3 .ra-aviso{border-radius:12px}
.v3 .ra-vacio{border-radius:var(--radio-g);background:var(--v3-gris);border:0}
.v3 .vt-cuenta{background:var(--v3-gris-2)}

/* ---------- 3. Cabecera clara ---------- */
.v3 .v3-cab{background:rgba(255,255,255,.92);color:var(--texto);border-bottom:1px solid rgba(23,25,28,.07);-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px)}
.v3 .v3-cab .ra-cab-int{height:68px}
.v3 .v3-cab .ra-logo{height:24px}
@media (min-width:768px){.v3 .v3-cab .ra-logo{height:27px}}
.v3 .v3-cab .ra-nav a{color:#3D424A;font-size:14.5px;font-weight:600;border-radius:999px;padding:9px 13px}
.v3 .v3-cab .ra-nav a:hover{color:var(--texto);background:var(--v3-gris)}
.v3 .v3-cab .ra-nav a[aria-current]{color:var(--texto)}
.v3 .v3-cab .ra-nav a[aria-current]::after{left:13px;right:13px;bottom:2px;height:2px;border-radius:2px;background:var(--v3-rojo)}
.v3 .v3-cab .ra-cab-claudia,.v3 .v3-cab .ra-cab-cuenta{color:var(--texto);border-radius:999px}
.v3 .v3-cab .ra-cab-claudia:hover{background:var(--v3-gris)}
.v3 .v3-cab .ra-cab-cuenta{border-color:var(--borde-fuerte)}
.v3 .v3-cab .ra-cab-cuenta:hover{border-color:var(--texto)}
.v3 .v3-cab .ra-cab-cuenta.activa{background:var(--v3-gris);border-color:transparent}
.v3 .v3-cab .ra-menu-btn{color:var(--texto)}
.v3 .v3-cab-publicar{display:none;min-height:42px;padding:9px 18px;font-size:14px}
@media (min-width:1180px){.v3 .v3-cab-publicar{display:inline-flex}}
@media (min-width:1000px) and (max-width:1179px){.v3 .v3-cab .ra-nav a{padding:9px 9px;font-size:14px}}
.v3 .ra-menu{background:#fff;border-top:1px solid var(--borde);max-height:calc(100svh - 68px);overflow:auto}
.v3 .ra-menu a{color:var(--texto);border-bottom:1px solid var(--borde);font-size:19px}
.v3 .ra-menu a[aria-current]{color:var(--accion-hover)}
/* «Ingresar» y menú del perfil (módulo 94 · Cuentas). Solo el encabezado. */
.v3 .v3-cab-ingresar{min-height:42px;padding:9px 16px;font-size:14px;gap:8px}
.v3 .v3-cab-registro{display:none;min-height:42px;padding:9px 16px;font-size:14px}
@media (min-width:1280px){.v3 .v3-cab-registro{display:inline-flex}}
.v3 .v3-cab-ingresar .ra-ico{width:17px;height:17px}
@media (max-width:420px){.v3 .ra-cab-acciones{gap:0}.v3 .v3-cab-ingresar{padding:9px 13px}.v3 .v3-cab-ingresar .ra-ico{display:none}}
@media (max-width:340px){.v3 .v3-cab .ra-cab-claudia{display:none}}
.v3 .v3-perfil{position:relative}
.v3 .v3-perfil-boton{list-style:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:4px 12px 4px 4px;border-radius:999px;border:1px solid var(--borde-fuerte);
  cursor:pointer;color:var(--texto);font-weight:700;font-size:14px;background:#fff;user-select:none}
.v3 .v3-perfil-boton::-webkit-details-marker{display:none}
.v3 .v3-perfil-boton::marker{content:''}
.v3 .v3-perfil-boton:hover,.v3 .v3-perfil[open] .v3-perfil-boton{border-color:var(--texto)}
.v3 .v3-avatar{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--v3-tinta);color:#fff;font-size:12.5px;font-weight:800;letter-spacing:.03em;flex:none}
.v3 .v3-perfil-nombre{max-width:11ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v3 .v3-perfil-flecha{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);margin:0 2px 0 2px;flex:none}
.v3 .v3-perfil[open] .v3-perfil-flecha{transform:translateY(2px) rotate(-135deg)}
.v3 .v3-perfil-menu{position:absolute;right:0;top:calc(100% + 10px);width:270px;background:#fff;border:1px solid var(--borde);border-radius:14px;box-shadow:var(--sombra-2);padding:8px;z-index:60;display:grid;gap:2px}
.v3 .v3-perfil-menu a,.v3 .v3-perfil-menu button{display:flex;align-items:center;gap:12px;min-height:44px;padding:8px 12px;border-radius:10px;color:var(--texto);text-decoration:none;font:inherit;font-weight:600;
  font-size:14.5px;background:none;border:0;width:100%;text-align:left;cursor:pointer}
.v3 .v3-perfil-menu a:hover,.v3 .v3-perfil-menu button:hover{background:var(--v3-gris)}
.v3 .v3-perfil-menu .ra-ico{width:18px;height:18px;color:var(--texto-2);flex:none}
.v3 .v3-perfil-menu form{border-top:1px solid var(--borde);margin-top:6px;padding-top:6px}
.v3 .v3-perfil-quien{padding:8px 12px 12px;border-bottom:1px solid var(--borde);margin:0 0 6px;display:grid;gap:2px;font-size:14.5px;line-height:1.35}
.v3 .v3-perfil-quien span{color:var(--texto-3);font-size:13px}
@media (max-width:560px){.v3 .v3-perfil-nombre{display:none}.v3 .v3-perfil-boton{padding:4px 10px 4px 4px;gap:6px}
  .v3 .v3-perfil-menu{position:fixed;left:16px;right:16px;top:74px;width:auto}}

/* ---------- 4. Pie claro ---------- */
.v3 .v3-pie{background:var(--v3-gris);color:var(--texto);margin-top:0;padding-block:64px 32px;border-top:1px solid var(--borde)}
.v3 .v3-pie .ra-pie-rejilla{padding-top:0}
.v3 .v3-pie .ra-pie-marca{color:var(--texto-2)}
.v3 .v3-pie .ra-logo-pie{height:28px}
.v3 .v3-pie .ra-pie-col h2{font-family:var(--f-texto);font-weight:800;font-size:13px;letter-spacing:.04em;color:var(--texto)}
.v3 .v3-pie .ra-pie-col a,.v3 .v3-pie .ra-pie-col .ra-enlace-boton{color:var(--texto-2);font-size:14.5px;padding:6px 0;text-decoration:none}
.v3 .v3-pie .ra-pie-col a:hover,.v3 .v3-pie .ra-pie-col .ra-enlace-boton:hover{color:var(--texto);text-decoration:underline}
.v3 .v3-pie .ra-pie-col ul{list-style:none;display:grid;gap:2px}
.v3 .v3-pie .ra-pie-legal{border-top:1px solid var(--borde-fuerte);color:var(--texto-2);margin-top:40px;max-width:none}
.v3 .v3-pie .ra-pie-legal a{color:var(--texto-2)}
.v3 .v3-pie-razon{color:var(--texto);font-size:13.5px}
.v3 .v3-pie-legales{gap:6px 18px}
.v3 .ra-pie-fila{display:flex;flex-wrap:wrap;gap:6px 18px;list-style:none}

/* ---------- 5. Utilidades v3 ---------- */
.v3-env{width:100%;max-width:calc(var(--v3-ancho) + 2 * var(--canal));margin-inline:auto;padding-inline:var(--canal)}
.v3-cab-sec{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 24px;margin-bottom:28px}
.v3-cab-sec h2{font-size:clamp(1.7rem,1.2rem + 1.8vw,2.6rem);font-weight:800;line-height:1.05}
.v3-cab-sec p{color:var(--texto-2);max-width:60ch;margin-top:8px}
.v3-mas{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--texto);text-decoration:none;border-bottom:1.5px solid var(--borde-fuerte);padding-bottom:2px}
.v3-mas:hover{border-color:var(--texto)}
.v3-mas .ra-ico{width:16px;height:16px}
.v3-etq{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;background:var(--v3-gris);color:var(--texto);font-size:12.5px;font-weight:700;letter-spacing:.01em;white-space:nowrap}
.v3-etq-ok{background:var(--v3-verde-velo);color:var(--v3-verde)}
.v3-etq-prox{background:#FFF3E3;color:#7A4300}
.v3-etq-blanca{background:rgba(255,255,255,.94);box-shadow:0 1px 3px rgba(23,25,28,.08)}
.v3-etq .ra-ico{width:14px;height:14px}
.v3-ahorro{display:inline-flex;align-items:center;gap:6px;color:var(--v3-verde);font-weight:800;font-size:14px}
.v3-tachado{color:var(--texto-3);text-decoration:line-through;text-decoration-thickness:1px}
.v3-ilus{font-size:12px;color:var(--texto-3);letter-spacing:.01em}

/* ---------- 6. Intro con scroll (inicio y repuestos) ---------- */
.v3-intro{position:relative;height:var(--v3-intro-alto,320vh);background:#fff}
.v3-intro-escena{position:sticky;top:68px;height:calc(100vh - 68px);height:calc(100svh - 68px);overflow:hidden;display:grid;place-items:center;isolation:isolate}
.v3-intro-marco{position:absolute;inset:0;transform-origin:50% 50%;will-change:transform,border-radius;overflow:hidden;background:#fff}
.v3-intro-marco img,.v3-intro-marco canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.v3-intro-marco canvas{opacity:0;transition:opacity .5s}
.v3-intro.listo .v3-intro-marco canvas{opacity:1}
.v3-intro-velo{position:absolute;inset:0;background:radial-gradient(120% 80% at 50% 110%,rgba(255,255,255,.0) 40%,rgba(255,255,255,.35) 100%);pointer-events:none}
.v3-palabras{display:grid;gap:clamp(4px,1vh,10px);pointer-events:none}
.v3-palabra{margin:0;display:flex;align-items:baseline;gap:14px;font-family:var(--f-display);font-weight:800;line-height:1;letter-spacing:-.035em;color:var(--v3-tinta);
  font-size:clamp(1.75rem,1rem + 2.1vw,3.4rem);opacity:.2;transition:none;will-change:opacity,transform}
.v3-palabra .v3-rojo{color:var(--v3-rojo)}
.v3-palabra-n{flex:none;width:1.6rem;font-family:var(--f-texto,inherit);font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--texto-3);font-variant-numeric:tabular-nums;
  position:relative;top:-.35em}
.v3-palabra.activa .v3-palabra-n{color:var(--v3-rojo)}
.v3-intro-pie{position:absolute;left:max(var(--canal),calc((100% - var(--v3-ancho)) / 2));bottom:22px;z-index:4;display:flex;align-items:center;gap:14px}
.v3-intro-progreso{width:min(220px,40vw);height:3px;border-radius:3px;background:rgba(23,25,28,.10);overflow:hidden}
.v3-intro-progreso span{display:block;height:100%;width:100%;transform-origin:0 50%;transform:scaleX(var(--p,0));background:var(--v3-tinta)}
.v3-intro-saltar{font-size:13px;font-weight:700;color:var(--texto);text-decoration:none;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.85);border:1px solid var(--borde)}
.v3-intro-saltar:hover{border-color:var(--texto)}
.v3-intro-carga{position:absolute;top:16px;right:var(--canal);z-index:4;font-size:12px;color:var(--texto-3);font-variant-numeric:tabular-nums}
.v3-intro-rotulo{position:absolute;right:var(--canal);top:16px;z-index:4;font-size:12px;color:var(--texto-3)}
/* Plan B sin cuadros: estudio claro con un fondo que respira y la silueta que se dibuja con el scroll (o el 3D girando). */
.v3-intro-b{position:absolute;inset:0;display:grid;place-items:center;background:
  radial-gradient(60% 50% at 30% 30%,rgba(210,38,48,.045),transparent 70%),radial-gradient(50% 45% at 75% 65%,rgba(23,25,28,.06),transparent 70%),
  linear-gradient(180deg,#fff 0%,#fff 55%,#F4F5F7 100%)}
.v3-intro-b::before{content:"";position:absolute;inset:-20%;background:conic-gradient(from 0deg at 50% 50%,rgba(210,38,48,.05),transparent 25%,rgba(23,25,28,.04) 50%,transparent 75%,rgba(210,38,48,.05));
  animation:v3-gira 28s linear infinite;filter:blur(40px)}
@keyframes v3-gira{to{transform:rotate(1turn)}}
@property --trazo{syntax:'<number>';inherits:true;initial-value:1}
@keyframes v3-dibuja{from{--trazo:0}to{--trazo:1}}
.v3-intro-b .ra-silueta{animation:v3-dibuja 2.2s var(--v3-curva) .2s both;will-change:transform}
@media (prefers-reduced-motion:reduce){.v3-intro-b .ra-silueta{animation:none}}
.v3-intro-b{place-items:end center;padding-bottom:clamp(110px,17vh,190px)}
.v3-intro-b .v3-piso{position:absolute;left:50%;bottom:clamp(96px,15vh,170px);width:min(84vw,1000px);height:46px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(23,25,28,.20),transparent);filter:blur(6px)}
.v3-intro-b .ra-silueta{position:relative;width:min(94vw,1040px);height:auto}
.v3-intro-b .ra-silueta .carroceria,.v3-intro-b .ra-silueta .cuerpo{stroke-dasharray:var(--largo,2400);stroke-dashoffset:calc(var(--largo,2400) * (1 - var(--trazo,0)))}
.v3-intro-b .ra-silueta .cuerpo{fill:#ECEEF1;fill-opacity:var(--relleno,0);stroke:none}
.v3-intro-b .ra-silueta .carroceria{fill:none;stroke:var(--v3-tinta);stroke-width:2.2}
.v3-intro-b .ra-silueta .vidrio{opacity:var(--relleno,0)}
.v3-intro-b .ra-silueta .rueda,.v3-intro-b .ra-silueta .rin{opacity:calc(.2 + var(--trazo,0) * .8)}
.v3-intro-b .ra-silueta .suelo,.v3-intro-b .ra-silueta .sombra{display:none}
.v3-intro-b .v3-intro-3d{position:absolute;inset:6% 4% 10%}
.v3-intro-b .v3-intro-3d canvas{width:100%;height:100%;display:block}
.v3-intro-b .v3-brillo{position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.75) 50%,transparent 65%);transform:translateX(calc(-60% + var(--brillo,0) * 120%));mix-blend-mode:soft-light;pointer-events:none}
/* Movimiento reducido o sin JS: póster fijo, sin tramo de scroll. */
.v3-intro.quieto{height:auto}
.v3-intro.quieto .v3-intro-escena{position:relative;top:0;height:min(78svh,720px)}
.v3-intro.quieto .v3-palabra{opacity:.3}
.v3-intro.quieto .v3-palabra.v3-final{opacity:1}
.v3-intro.quieto .v3-intro-arrastre{display:none}
.v3-intro.quieto .v3-intro-progreso,.v3-intro.quieto .v3-intro-carga{display:none}
.v3-intro.quieto .v3-intro-b::before{animation:none}
.v3-intro.quieto .v3-intro-b .ra-silueta{--trazo:1;--relleno:1}
@media (prefers-reduced-motion:reduce){.v3-intro-b::before{animation:none}}

/* 6b. Texto de la intro a un costado (izquierda en escritorio, debajo de la imagen en el celular) y arrastre.
   El vehículo se corre a la derecha (--v3-corre) con el borde izquierdo fundido en blanco, para que el texto no lo tape. */
.v3-intro-escena{touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab}
.v3-intro.arrastrando .v3-intro-escena{cursor:grabbing}
.v3-intro.quieto .v3-intro-escena{cursor:auto}
.v3-intro-marco img{-webkit-user-drag:none}
.v3-intro-texto{position:absolute;z-index:3;left:max(var(--canal),calc((100% - var(--v3-ancho)) / 2));top:50%;transform:translateY(-50%);width:min(30vw,400px);display:grid;gap:clamp(18px,3.5vh,32px);pointer-events:none}
.v3-intro-arrastre{position:absolute;z-index:4;left:50%;bottom:24px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:7px;margin:0;padding:7px 13px;border-radius:999px;
  background:rgba(255,255,255,.88);border:1px solid var(--borde);color:var(--texto-2);font-size:12.5px;font-weight:600;pointer-events:none;transition:opacity .5s}
.v3-intro-arrastre .ra-ico{width:15px;height:15px}
.v3-intro-arrastre.oculta{opacity:0}
@media (min-width:701px) and (min-aspect-ratio:5/4){
  .v3-intro{--v3-corre:13%}
  .v3-intro-marco img,.v3-intro-marco canvas{transform:translateX(var(--v3-corre));-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24%);mask-image:linear-gradient(90deg,transparent 0,#000 24%)}
  .v3-intro-b{padding-left:26vw}
  .v3-intro-b .ra-silueta{width:min(66vw,960px)}
  .v3-intro-b .v3-piso{left:calc(50% + 13vw);width:min(62vw,900px)}
}
@media (max-width:700px),(max-aspect-ratio:5/4){
  .v3-intro{--v3-img-alto:calc(140vw / (var(--v3-ar,16/9)));--v3-img-top:max(12px,calc((100svh - 68px - var(--v3-img-alto) - 210px) / 2))}
  .v3-intro-marco img,.v3-intro-marco canvas{inset:auto;top:var(--v3-img-top);left:-20%;width:140%;max-width:none;height:auto;aspect-ratio:var(--v3-ar,16/9);
    -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 9%,#000 86%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 9%,#000 86%,transparent 100%)}
  .v3-intro-texto{top:calc(var(--v3-img-top) + var(--v3-img-alto) + 8px);transform:none;right:var(--canal);width:auto;display:grid;gap:0}
  .v3-intro-texto > *{grid-area:1/1}
  .v3-palabras{gap:6px;opacity:calc(1 - var(--v3-tv,0))}
  .v3-palabra{font-size:clamp(1.6rem,1rem + 3.4vw,2.6rem);gap:12px}
  .v3-rp-tarjeta{align-self:start;width:100%;max-width:420px}
  .v3-intro-arrastre{bottom:auto;top:calc(var(--v3-img-top) + var(--v3-img-alto) - 44px)}
  .v3-intro-b{place-items:start center;padding:var(--v3-img-top) 0 0}
  .v3-intro-b .ra-silueta{width:min(92vw,560px);margin-top:4vh}
  .v3-intro-b .v3-piso{display:none}
  .v3-intro-carga{top:auto;bottom:70px}
  /* Movimiento reducido: imagen arriba, las tres palabras y (en repuestos) la tarjeta debajo, sin superponerse. */
  .v3-intro.quieto{--v3-img-top:16px}
  .v3-intro.quieto .v3-intro-escena{height:calc(var(--v3-img-alto) + 250px)}
  .v3-intro.quieto:has(.v3-rp-tarjeta) .v3-intro-escena{height:calc(var(--v3-img-alto) + 420px)}
  .v3-intro.quieto .v3-intro-texto{gap:18px}
  .v3-intro.quieto .v3-intro-texto > *{grid-area:auto}
  .v3-intro.quieto .v3-palabras{opacity:1}
  .v3-intro.quieto .v3-intro-pie{display:none}
}

/* ---------- 7. Showroom «Próximos a llegar» ---------- */
.v3-show{position:relative;background:linear-gradient(180deg,#FFFFFF 0%,#FFFFFF 58%,#F4F5F7 100%);padding-block:clamp(48px,6vw,88px) clamp(40px,5vw,72px);overflow:hidden}
.v3-show-cab{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 24px}
.v3-show-cab h2{font-size:clamp(2rem,1.2rem + 3vw,3.6rem);font-weight:800;line-height:1}
.v3-show-cab p{color:var(--texto-2);max-width:52ch;margin-top:10px}
.v3-carrusel{position:relative;margin-top:clamp(20px,3vw,36px)}
.v3-carrusel:focus-visible{box-shadow:none}
.v3-diapos{position:relative;display:grid}
.v3-diapo{grid-area:1/1;display:grid;gap:20px;align-items:center;opacity:0;visibility:hidden;transform:translateX(24px);transition:opacity .55s var(--v3-curva),transform .7s var(--v3-curva),visibility 0s .55s}
.v3-diapo.activa{opacity:1;visibility:visible;transform:none;transition:opacity .55s var(--v3-curva),transform .7s var(--v3-curva),visibility 0s}
.v3-diapo.sale{transform:translateX(-24px)}
@media (min-width:980px){.v3-diapo{grid-template-columns:minmax(0,1.65fr) minmax(320px,.85fr);gap:40px}}
.v3-escenario{position:relative;aspect-ratio:16/10;min-height:260px;border-radius:24px;background:radial-gradient(80% 70% at 50% 35%,#FFFFFF 0%,#FAFAFB 55%,#EEF0F3 100%);overflow:hidden;touch-action:pan-y;user-select:none}
.v3-escenario::after{content:"";position:absolute;left:12%;right:12%;bottom:13%;height:9%;border-radius:50%;background:radial-gradient(closest-side,rgba(23,25,28,.22),rgba(23,25,28,.06) 60%,transparent);filter:blur(4px);pointer-events:none}
.v3-escenario.con-3d::after{opacity:.55}
.v3-escenario canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:1;cursor:grab}
.v3-escenario.arrastrando canvas{cursor:grabbing}
.v3-escenario .ra-silueta{position:absolute;left:8%;right:8%;bottom:14%;width:84%;height:auto;z-index:1}
.v3-escenario .ra-silueta .suelo,.v3-escenario .ra-silueta .sombra{display:none}
.v3-escenario .ra-silueta .carroceria{stroke:var(--v3-tinta);stroke-width:1.6}
.v3-esc-rotulo{position:absolute;left:16px;top:16px;z-index:3;display:flex;flex-wrap:wrap;gap:6px}
.v3-esc-ayuda{position:absolute;right:16px;bottom:14px;z-index:3;display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--texto-2);background:rgba(255,255,255,.85);padding:6px 10px;border-radius:999px}
.v3-esc-ayuda .ra-ico{width:15px;height:15px}
.v3-esc-girar{display:flex;gap:6px;position:absolute;left:16px;bottom:14px;z-index:3}
.v3-esc-girar button{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--borde);background:rgba(255,255,255,.92);color:var(--texto);cursor:pointer}
.v3-esc-girar button:hover{border-color:var(--texto)}
.v3-esc-girar .ra-ico{width:17px;height:17px}
.v3-esc-estado{position:absolute;inset:auto 0 46% 0;z-index:2;text-align:center;font-size:13px;color:var(--texto-3)}
.v3-puntos{position:absolute;inset:0;z-index:2;pointer-events:none}
.v3-punto{position:absolute;left:0;top:0;pointer-events:auto;display:grid;place-items:center;width:28px;height:28px;margin:-14px 0 0 -14px;border-radius:50%;border:2.5px solid #fff;background:var(--v3-rojo);color:#fff;
  font-size:12px;font-weight:800;cursor:pointer;box-shadow:0 2px 10px rgba(210,38,48,.45);transition:opacity .25s,transform .25s;transform:translate3d(var(--x,0),var(--y,0),0)}
.v3-punto::before{content:"";position:absolute;inset:-7px;border-radius:50%;border:2px solid rgba(210,38,48,.35);animation:v3-pulso 2.4s ease-out infinite}
@keyframes v3-pulso{0%{transform:scale(.7);opacity:1}100%{transform:scale(1.5);opacity:0}}
@media (prefers-reduced-motion:reduce){.v3-punto::before{animation:none}}
.v3-punto.oculto{opacity:0;pointer-events:none}
.v3-punto-txt{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%);width:max-content;max-width:220px;padding:8px 11px;border-radius:10px;background:var(--v3-tinta);color:#fff;
  font-size:12.5px;font-weight:600;line-height:1.35;text-align:left;opacity:0;pointer-events:none;transition:opacity .2s}
.v3-punto[aria-expanded="true"] .v3-punto-txt,.v3-punto:hover .v3-punto-txt,.v3-punto:focus-visible .v3-punto-txt{opacity:1}
.v3-ficha-show{display:grid;gap:14px;padding:clamp(20px,2.4vw,30px);border-radius:22px;background:#fff;border:1px solid var(--borde);box-shadow:var(--sombra-1)}
.v3-ficha-show h3{font-size:clamp(1.6rem,1.2rem + 1.4vw,2.3rem);font-weight:800;line-height:1.02}
.v3-ficha-show h3 span{color:var(--texto-3);font-weight:700}
.v3-ficha-show .v3-datos{font-size:14px;color:var(--texto-2)}
.v3-llega{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:#FFF6EA;color:#5E3400;font-weight:600;font-size:14.5px}
.v3-llega .ra-ico{width:20px;height:20px;flex:none;margin-top:1px}
.v3-ref{display:grid;gap:2px}
.v3-ref small{font-size:12.5px;color:var(--texto-3)}
.v3-ref b{font-size:22px;font-weight:800;letter-spacing:-.02em}
.v3-ficha-show .ra-fila{display:flex;flex-wrap:wrap;gap:10px}
.v3-ficha-show .ra-fila .ra-btn{flex:1 1 180px}
/* «Vista 360° · fotos reales» (rodi-360.js): fotos reales sin fondo, blancas, que giran. Sin JS se ve la primera foto. */
.v3-esc-360{background:#fff;aspect-ratio:16/10}
.v3-galeria .v3-escenario.v3-esc-360{aspect-ratio:16/10}
.v3-esc-360::after{display:none}
.v3-esc-360:focus-visible{outline:3px solid var(--v3-tinta);outline-offset:3px}
.v360-base{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:0}
.v3-esc-360.v360-listo .v360-base{visibility:hidden}
.v360{position:absolute;inset:0;z-index:1;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.v360.arrastrando{cursor:grabbing}
.v360-marco{position:absolute;left:0;top:0;width:100%;height:100%}
.v360-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;pointer-events:none;will-change:opacity,transform;backface-visibility:hidden}
.v360-puntos{z-index:3}
.v360-puntos .v3-punto{transform:none}
.v360-puntos .v3-punto[aria-expanded="true"],.v360-puntos .v3-punto:hover,.v360-puntos .v3-punto:focus-visible{z-index:5}
.v3-punto.v360-abajo .v3-punto-txt{bottom:auto;top:calc(100% + 10px)}
.v3-punto.v360-izq .v3-punto-txt{left:-8px;transform:none}
.v3-punto.v360-der .v3-punto-txt{left:auto;right:-8px;transform:none}
.v360-puntos .v3-punto-txt b{font-weight:800}
.v360-pie{position:absolute;left:50%;bottom:12px;z-index:3;transform:translateX(-50%);display:grid;justify-items:center;gap:4px;pointer-events:none;max-width:calc(100% - 200px)}
.v360-vista{margin:0;font-size:12.5px;font-weight:700;color:var(--texto-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.v360-rueda{display:flex;pointer-events:auto}
.v360-marca{display:grid;place-items:center;width:26px;height:24px;padding:0;border:0;background:none;cursor:pointer}
.v360-marca::before{content:"";width:16px;height:5px;border-radius:3px;background:#D5D8DD;box-shadow:0 0 0 2px rgba(255,255,255,.9);transition:background .2s,width .2s}
.v360-marca[aria-current="true"]::before{width:22px;background:var(--v3-tinta)}
.v360-marca:focus-visible{outline:2px solid var(--v3-tinta);outline-offset:-2px;border-radius:6px}
.v360-full{position:absolute;right:14px;top:14px;z-index:4;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--borde);background:rgba(255,255,255,.92);color:var(--texto);cursor:pointer}
.v360-full:hover{border-color:var(--texto)}
.v360-full svg,.v360-volver svg{width:18px;height:18px}
.v3-esc-360 .v3-esc-rotulo{right:64px}
.v3-esc-360 .v3-esc-ayuda{bottom:12px}
.v3-esc-360.v360-completa{aspect-ratio:auto;width:100vw;height:100vh;border-radius:0}
.v3-esc-360:fullscreen{background:#fff}
.v360-detalle{position:absolute;inset:0;z-index:6;margin:0;display:grid;place-items:center;background:#fff;padding:56px 12px 34px}
.v360-detalle img{max-width:100%;max-height:100%;object-fit:contain;border-radius:14px}
.v360-detalle figcaption{position:absolute;left:0;right:0;bottom:10px;text-align:center;font-size:13px;font-weight:600;color:var(--texto-2)}
.v360-volver{position:absolute;left:14px;top:14px;display:inline-flex;align-items:center;gap:6px;padding:8px 14px 8px 10px;border-radius:999px;border:1px solid var(--borde);background:#fff;color:var(--texto);font-weight:700;font-size:13px;cursor:pointer}
.v360-detalles .v3-galeria-principal{aspect-ratio:1200/780;background:#fff}
.v360-detalles .v3-galeria-principal img{object-fit:contain}
.v3-tarjeta-medio .v3-tarjeta-360{object-fit:cover;object-position:50% 58%;background:#fff}
@media (max-width:640px){
  .v3-esc-360,.v3-galeria .v3-escenario.v3-esc-360{aspect-ratio:1/1}
  .v3-esc-360 .v3-esc-ayuda{display:none}
  .v360-pie{max-width:calc(100% - 120px)}
  .v3-esc-360 .v3-etq{font-size:11.5px;padding:4px 9px}
}
.v3-show-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:22px}
.v3-flecha{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid var(--borde-fuerte);background:#fff;color:var(--texto);cursor:pointer;transition:border-color .2s,transform .2s}
.v3-flecha:hover{border-color:var(--texto)}
.v3-flecha:active{transform:scale(.96)}
.v3-flecha[disabled]{opacity:.35;cursor:default}
.v3-flecha .ra-ico{width:20px;height:20px}
.v3-puntitos{display:flex;gap:8px;list-style:none}
.v3-puntitos button{width:10px;height:10px;padding:0;border-radius:999px;border:0;background:var(--borde-fuerte);cursor:pointer;transition:width .3s var(--v3-curva),background .3s}
.v3-puntitos button[aria-current="true"]{width:28px;background:var(--v3-tinta)}
.v3-puntitos li{display:grid;place-items:center;min-width:24px;min-height:24px}
.v3-show-vacio{display:grid;gap:12px;justify-items:start;padding:32px;border-radius:22px;background:#fff;border:1px dashed var(--borde-fuerte)}

/* ---------- 8. Buscador estilo clasificado ---------- */
.v3-buscador-sec{padding-block:clamp(48px,6vw,80px) 8px;background:#fff}
.v3-buscador-tit{display:grid;gap:10px;max-width:780px;margin-bottom:24px}
.v3-buscador-tit h1{font-size:clamp(2rem,1.3rem + 2.6vw,3.4rem);font-weight:800;line-height:1.02}
.v3-buscador-tit p{color:var(--texto-2);font-size:var(--t-md)}
.v3-buscador{display:grid;gap:14px;padding:clamp(16px,2vw,22px);border-radius:22px;background:#fff;border:1px solid var(--borde);box-shadow:var(--sombra-2)}
.v3-buscador-campos{display:grid;gap:10px;grid-template-columns:1fr 1fr}
@media (min-width:900px){.v3-buscador-campos{grid-template-columns:repeat(4,minmax(0,1fr)) auto}}
.v3-buscador .ra-campo{gap:4px}
.v3-buscador .ra-campo label{font-size:12.5px;font-weight:700;color:var(--texto-2)}
.v3-buscador .ra-entrada{background:var(--v3-gris);border-color:transparent}
.v3-buscador .ra-entrada:focus{background:#fff;border-color:var(--texto)}
.v3-buscador-ir{grid-column:1/-1;align-self:end}
@media (min-width:900px){.v3-buscador-ir{grid-column:auto}}
.v3-chips{display:flex;flex-wrap:wrap;gap:8px}
.v3-chip{position:relative}
.v3-chip input{position:absolute;opacity:0;width:1px;height:1px}
.v3-chip span{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:7px 14px;border-radius:999px;border:1px solid var(--borde-fuerte);background:#fff;font-size:14px;font-weight:600;color:var(--texto);cursor:pointer;transition:background .2s,border-color .2s}
.v3-chip input:checked + span{background:var(--v3-tinta);border-color:var(--v3-tinta);color:#fff}
.v3-chip input:focus-visible + span{box-shadow:var(--foco)}
.v3-chip span .ra-ico{width:15px;height:15px}
.v3-chip span:hover{border-color:var(--texto)}

/* ---------- 9. Tarjeta de vehículo v3 ---------- */
.v3-rejilla{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr))}
.v3-tarjeta{position:relative;display:flex;flex-direction:column;border-radius:20px;background:#fff;border:1px solid var(--borde);overflow:hidden;transition:box-shadow .35s var(--v3-curva),transform .35s var(--v3-curva),border-color .35s}
.v3-tarjeta:hover{box-shadow:var(--sombra-2);transform:translateY(-3px);border-color:transparent}
.v3-tarjeta-enlace{position:absolute;inset:0;z-index:2;border-radius:20px}
.v3-tarjeta-medio{position:relative;aspect-ratio:4/3;background:var(--v3-gris);overflow:hidden}
.v3-tarjeta-medio img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--v3-curva)}
.v3-tarjeta:hover .v3-tarjeta-medio img{transform:scale(1.035)}
.v3-tarjeta-medio .ra-silueta{position:absolute;left:9%;right:9%;bottom:16%;width:82%;height:auto}
.v3-tarjeta-medio .ra-silueta .suelo{display:none}
.v3-tarjeta-sellos{position:absolute;left:12px;top:12px;right:12px;z-index:1;display:flex;flex-wrap:wrap;gap:6px;justify-content:space-between}
.v3-tarjeta-sellos .v3-izq{display:flex;flex-wrap:wrap;gap:6px}
.v3-tarjeta-leyenda{position:absolute;left:12px;bottom:10px;z-index:1;font-size:11.5px;color:var(--texto-2);background:rgba(255,255,255,.88);padding:3px 8px;border-radius:999px}
.v3-tarjeta-acc{position:absolute;right:10px;bottom:10px;z-index:3;display:flex;gap:6px}
.v3-tarjeta-acc .mk-ico-btn{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.94);border:1px solid var(--borde)}
.v3-tarjeta-cuerpo{display:flex;flex-direction:column;gap:6px;padding:16px 18px 18px;flex:1}
.v3-tarjeta-precio{font-family:var(--f-display);font-size:26px;font-weight:800;letter-spacing:-.025em;line-height:1.1;color:var(--texto)}
.v3-tarjeta-precio.sin{font-size:19px}
.v3-tarjeta-comercial{font-size:13.5px;color:var(--texto-2)}
.v3-tarjeta-titulo{font-size:16.5px;font-weight:700;letter-spacing:-.01em;line-height:1.3;margin-top:4px}
.v3-tarjeta-datos{font-size:13.5px;color:var(--texto-2)}
.v3-tarjeta-sellos-txt{margin-top:auto;padding-top:10px;border-top:1px solid var(--borde);font-size:12.5px;color:var(--texto-2);display:flex;flex-wrap:wrap;gap:4px 10px}
.v3-tarjeta-sellos-txt span{display:inline-flex;align-items:center;gap:5px}
.v3-tarjeta-sellos-txt .ra-ico{width:14px;height:14px;color:var(--v3-verde)}

/* ---------- 10. Accesos, por qué, pasos ---------- */
.v3-accesos{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}
.v3-acceso{position:relative;display:grid;gap:8px;align-content:start;min-height:190px;padding:22px;border-radius:20px;background:var(--v3-gris);color:var(--texto);text-decoration:none;overflow:hidden;transition:background .3s,transform .35s var(--v3-curva)}
.v3-acceso:hover{background:#ECEEF1;transform:translateY(-2px)}
.v3-acceso small{font-size:11.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--accion-hover)}
.v3-acceso b{font-size:21px;font-weight:800;letter-spacing:-.02em;line-height:1.15}
.v3-acceso span{color:var(--texto-2);font-size:14.5px}
.v3-acceso .v3-acceso-ir{position:absolute;right:18px;bottom:18px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#fff;color:var(--texto);transition:transform .3s var(--v3-curva)}
.v3-acceso:hover .v3-acceso-ir{transform:translateX(3px)}
.v3-porque{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.v3-porque li{list-style:none;display:grid;gap:10px;padding:24px;border-radius:20px;background:#fff;border:1px solid var(--borde)}
.v3-porque .v3-ico{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--ra-rojo-velo);color:var(--accion-hover)}
.v3-porque .v3-ico .ra-ico{width:22px;height:22px}
.v3-porque b{font-size:18px;letter-spacing:-.015em}
.v3-porque p{color:var(--texto-2);font-size:14.5px}
.v3-pasos{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));counter-reset:paso;list-style:none}
.v3-pasos li{position:relative;display:grid;gap:8px;padding:26px 24px 24px;border-radius:20px;background:#fff;border:1px solid var(--borde)}
.v3-pasos .n{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--v3-tinta);color:#fff;font-weight:800;font-size:16px}
.v3-pasos h3{font-size:19px;font-weight:800}
.v3-pasos p{color:var(--texto-2);font-size:14.5px}
.v3-franja{background:var(--v3-tinta);color:#fff;border-radius:24px;padding:clamp(24px,4vw,44px);display:grid;gap:16px;align-items:center}
@media (min-width:860px){.v3-franja{grid-template-columns:1fr auto}}
.v3-franja h2{font-size:clamp(1.5rem,1.1rem + 1.4vw,2.2rem);font-weight:800;color:#fff}
.v3-franja p{color:#C9CDD3}
.v3-franja .ra-btn-secundario{background:#fff;border-color:#fff;color:var(--v3-tinta)}

/* ---------- 11. Listado /vehiculos ---------- */
.v3-lista-cab{padding-block:28px 8px}
.v3-lista-cab h1{font-size:clamp(1.8rem,1.3rem + 1.8vw,2.7rem);font-weight:800}
.v3-lista-cab .ra-miga{margin-bottom:10px}
.v3-lista-buscar{display:flex;gap:8px;margin-top:16px;max-width:640px}
.v3-lista-buscar .ra-entrada{flex:1;background:var(--v3-gris);border-color:transparent}
.v3-lista{display:grid;gap:24px;padding-top:18px;padding-bottom:72px}
@media (min-width:1000px){.v3-lista{grid-template-columns:280px minmax(0,1fr);gap:36px}}
.v3-filtros{display:grid;gap:4px;align-content:start}
.v3-filtros-hoja{display:grid;gap:4px}
.v3-filtros-cab{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px}
.v3-filtros-cab h2{font-size:18px;font-weight:800}
.v3-grupo{padding-block:14px;border-top:1px solid var(--borde)}
.v3-grupo h3{font-size:14px;font-weight:800;margin-bottom:8px;letter-spacing:-.005em}
.v3-grupo ul{list-style:none;display:grid;gap:1px}
.v3-opcion{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 8px;margin-inline:-8px;border-radius:8px;color:var(--texto-2);text-decoration:none;font-size:14.5px;min-height:36px}
.v3-opcion:hover{background:var(--v3-gris);color:var(--texto)}
.v3-opcion[aria-current="true"]{color:var(--texto);font-weight:700;background:var(--v3-gris)}
.v3-opcion .n{font-size:12.5px;color:var(--texto-3);font-variant-numeric:tabular-nums}
.v3-opcion.cero{opacity:.55}
.v3-grupo .vt-dos{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.v3-grupo .ra-entrada{min-height:42px;font-size:14.5px}
.v3-res-cab{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.v3-res-cab p{color:var(--texto-2)}
.v3-res-cab p b{color:var(--texto)}
.v3-orden{display:flex;align-items:center;gap:8px}
.v3-orden label{font-size:13.5px;color:var(--texto-2);white-space:nowrap}
.v3-orden select{min-height:40px;border-radius:999px;padding-inline:14px 34px;background:#fff}
.v3-activos{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin-bottom:16px}
.v3-activos a{display:inline-flex;align-items:center;gap:6px;padding:6px 8px 6px 14px;border-radius:999px;background:var(--v3-gris);color:var(--texto);text-decoration:none;font-size:13.5px;font-weight:600}
.v3-activos a:hover{background:#E8EAED}
.v3-activos .ra-ico{width:15px;height:15px}
.v3-activos .v3-limpiar{background:none;text-decoration:underline;padding-inline:6px}
.v3-btn-filtros{display:inline-flex}
@media (min-width:1000px){.v3-btn-filtros,.v3-filtros-cerrar,.v3-filtros-pie{display:none!important}}
@media (max-width:999px){
  .v3-filtros{position:fixed;inset:0;z-index:80;display:block;background:rgba(23,25,28,.38);opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s .25s}
  .v3-filtros.abierta{opacity:1;visibility:visible;transition:opacity .25s}
  .v3-filtros-hoja{position:absolute;left:0;right:0;bottom:0;max-height:88svh;overflow:auto;padding:16px var(--canal) 0;background:#fff;border-radius:22px 22px 0 0;box-shadow:var(--sombra-hoja);transform:translateY(100%);transition:transform .35s var(--v3-curva)}
  .v3-filtros.abierta .v3-filtros-hoja{transform:none}
  .v3-filtros-pie{position:sticky;bottom:0;display:flex;gap:10px;padding:12px 0 calc(12px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--borde)}
  .v3-filtros-pie .ra-btn{flex:1}
  .ra-js .v3-filtros:not(.abierta) .v3-filtros-hoja{visibility:hidden}
  html:not(.ra-js) .v3-filtros{position:static;opacity:1;visibility:visible;background:none}
  html:not(.ra-js) .v3-filtros-hoja{position:static;transform:none;box-shadow:none;padding:0}
}
.v3-filtros-cerrar{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--borde);background:#fff;cursor:pointer}
.v3-avisar{margin-top:16px;padding:18px;border-radius:16px;background:var(--v3-gris);display:grid;gap:10px}
.v3-avisar h2{font-size:16px;font-weight:800;display:flex;gap:8px;align-items:center}
.v3-avisar p{font-size:13.5px;color:var(--texto-2)}

/* ---------- 12. Ficha v3 ---------- */
.v3-ficha{padding-top:18px;padding-bottom:96px}
.v3-ficha .ra-miga{margin-bottom:14px}
.v3-ficha-rejilla{display:grid;gap:28px}
@media (min-width:1000px){.v3-ficha-rejilla{grid-template-columns:minmax(0,1.55fr) minmax(340px,.95fr);gap:40px;align-items:start}}
.v3-ficha-lateral{display:grid;gap:16px}
@media (min-width:1000px){.v3-ficha-lateral{position:sticky;top:88px}}
.v3-pestanas{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:var(--v3-gris);margin-bottom:12px}
.v3-pestanas button{min-height:40px;padding:8px 16px;border:0;border-radius:999px;background:none;font:inherit;font-size:14px;font-weight:700;color:var(--texto-2);cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.v3-pestanas button[aria-selected="true"]{background:#fff;color:var(--texto);box-shadow:0 1px 4px rgba(23,25,28,.1)}
.v3-pestanas .ra-ico{width:16px;height:16px}
.v3-galeria{display:grid;gap:10px}
.v3-galeria-principal{position:relative;aspect-ratio:4/3;border-radius:20px;overflow:hidden;background:var(--v3-gris)}
.v3-galeria-principal img{width:100%;height:100%;object-fit:cover}
.v3-galeria-mini{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;padding-bottom:2px}
.v3-galeria-mini button{flex:0 0 92px;aspect-ratio:4/3;padding:0;border:2px solid transparent;border-radius:12px;overflow:hidden;background:var(--v3-gris);cursor:pointer}
.v3-galeria-mini button[aria-current="true"]{border-color:var(--v3-tinta)}
.v3-galeria-mini img{width:100%;height:100%;object-fit:cover}
.v3-galeria .v3-escenario{aspect-ratio:4/3}
.v3-caja{padding:clamp(18px,2.2vw,26px);border-radius:22px;background:#fff;border:1px solid var(--borde);box-shadow:var(--sombra-1);display:grid;gap:14px}
.v3-caja h1{font-size:clamp(1.6rem,1.2rem + 1.4vw,2.2rem);font-weight:800;line-height:1.05}
.v3-caja .v3-datos{font-size:14px;color:var(--texto-2)}
.v3-precio-g{font-family:var(--f-display);font-size:clamp(2rem,1.6rem + 1.4vw,2.7rem);font-weight:800;letter-spacing:-.03em;line-height:1}
.v3-precio-tabla{display:grid;gap:6px;padding:14px 16px;border-radius:14px;background:var(--v3-gris);font-size:14.5px}
.v3-precio-tabla div{display:flex;justify-content:space-between;gap:12px}
.v3-precio-tabla dt{color:var(--texto-2)}
.v3-precio-tabla dd{font-weight:700}
.v3-precio-tabla .ahorro dd,.v3-precio-tabla .ahorro dt{color:var(--v3-verde);font-weight:800}
.v3-precio-nota{font-size:12.5px;color:var(--texto-3)}
.v3-acciones{display:grid;gap:10px}
.v3-bloque{padding-block:28px;border-top:1px solid var(--borde)}
.v3-bloque:first-child{border-top:0}
.v3-bloque > h2{font-size:clamp(1.3rem,1.1rem + .8vw,1.7rem);font-weight:800;margin-bottom:14px}
.v3-papeles{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))}
.v3-papel{display:grid;gap:3px;padding:14px 16px;border-radius:14px;background:var(--v3-gris)}
.v3-papel dt{font-size:12.5px;color:var(--texto-2);font-weight:700}
.v3-papel dd{font-weight:800;font-size:15px;display:flex;align-items:center;gap:6px}
.v3-papel dd .ra-ico{width:16px;height:16px;color:var(--v3-verde)}
.v3-papel.pend dd .ra-ico{color:var(--alerta)}
.v3-tabla{width:100%;border-collapse:collapse;font-size:15px}
.v3-tabla th,.v3-tabla td{padding:11px 0;border-bottom:1px solid var(--borde);text-align:left;vertical-align:top}
.v3-tabla th{font-weight:600;color:var(--texto-2);width:42%}
.v3-tabla td{font-weight:700}
.v3-historia{display:grid;gap:14px}
.v3-historia-item{display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:start}
.v3-historia-item .n{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--v3-gris);font-weight:800}
.v3-historia-item h3{font-size:16.5px;font-weight:800;margin-bottom:4px}
.v3-historia-item p,.v3-historia-item li{color:var(--texto-2);font-size:15px}
.v3-historia-item ol{list-style:none;display:grid;gap:4px;margin-top:6px}
.v3-historia-item ol li{display:flex;gap:8px}
.v3-historia-item ol .num{display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:50%;background:var(--v3-rojo);color:#fff;font-size:11.5px;font-weight:800}
.v3-pregs{display:grid;gap:8px}
.v3-pregs details{border-radius:14px;background:var(--v3-gris);padding:4px 16px}
.v3-pregs summary{cursor:pointer;font-weight:700;padding:12px 0;list-style:none;display:flex;justify-content:space-between;gap:10px}
.v3-pregs summary::after{content:"+";font-weight:800;color:var(--texto-3)}
.v3-pregs details[open] summary::after{content:"–"}
.v3-pregs details p{padding-bottom:14px;color:var(--texto-2)}
.v3-preguntar{display:flex;gap:8px;margin-top:10px}
.v3-preguntar .ra-entrada{flex:1}
.v3-barra{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;align-items:center;gap:10px;padding:10px var(--canal) calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid var(--borde);box-shadow:0 -6px 24px rgba(23,25,28,.08)}
.v3-barra b{display:block;font-size:19px;font-weight:800;letter-spacing:-.02em}
.v3-barra small{display:block;font-size:12px;color:var(--texto-2)}
.v3-barra .ra-btn{margin-left:auto}
@media (min-width:1000px){.v3-barra{display:none}}
.v3-n1{padding:18px;border-radius:16px;background:var(--v3-gris)}
.v3-n1 h3{font-size:16px;font-weight:800;margin-bottom:8px}

/* ---------- 13. Repuestos ---------- */
.v3-rp-tarjeta{position:relative;z-index:5;display:grid;gap:4px;width:min(100%,330px);padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.96);border:1px solid var(--borde);
  box-shadow:var(--sombra-1);pointer-events:auto;opacity:0;transform:translate3d(0,24px,0);transition:none;will-change:opacity,transform}
.v3-rp-tarjeta b{font-size:19px;font-weight:800;letter-spacing:-.015em}
.v3-rp-tarjeta .v3-rp-moto{margin-top:-3px;font-size:13px;font-weight:700;color:var(--texto-2)}
.v3-rp-tarjeta .fila{display:flex;justify-content:space-between;gap:14px;font-size:14.5px;color:var(--texto-2)}
.v3-rp-tarjeta .fila.aqui{color:var(--texto);font-weight:800;font-size:17px}
.v3-rp-tarjeta small{color:var(--texto-3);font-size:11.5px}
.v3-intro.quieto .v3-rp-tarjeta{opacity:1;transform:none}
.v3-rp-cab{padding-block:40px 8px}
.v3-rp-cab h1,.v3-rp-cab h2.v3-h1{font-size:clamp(1.9rem,1.3rem + 2vw,2.9rem);font-weight:800}
.v3-rp-cab p{color:var(--texto-2);max-width:62ch;margin-top:8px}
.v3-rp-buscador{display:grid;gap:10px;margin-top:20px;padding:16px;border-radius:20px;background:#fff;border:1px solid var(--borde);box-shadow:var(--sombra-1)}
@media (min-width:860px){.v3-rp-buscador{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto;align-items:end}}
.v3-rp-buscador .ra-entrada{background:var(--v3-gris);border-color:transparent}
.v3-zonas{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-block:16px 4px}
.v3-zonas::-webkit-scrollbar{display:none}
.v3-zonas a{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:7px 14px;border-radius:999px;border:1px solid var(--borde-fuerte);background:#fff;color:var(--texto);text-decoration:none;font-size:14px;font-weight:600}
.v3-zonas a[aria-current]{background:var(--v3-tinta);border-color:var(--v3-tinta);color:#fff}
.v3-zonas .vt-cuenta{background:rgba(127,127,127,.16);color:inherit}
.v3-ver3d{position:absolute;right:10px;bottom:10px;z-index:3;display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:6px 12px;border-radius:999px;border:0;background:#fff;color:var(--texto);font-size:13px;font-weight:700;box-shadow:0 2px 8px rgba(23,25,28,.14);cursor:pointer}
.v3-ver3d .ra-ico{width:15px;height:15px}
.v3-modal{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:16px;background:rgba(23,25,28,.45)}
.v3-modal[hidden]{display:none}
.v3-modal-caja{position:relative;width:min(920px,100%);border-radius:24px;background:#fff;padding:14px;box-shadow:var(--sombra-2);display:grid;gap:10px}
.v3-modal-caja .v3-escenario{aspect-ratio:4/3;max-height:72svh;width:100%}
.v3-modal-cab{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 6px}
.v3-modal-cab b{font-size:17px}
/* Repuestos: lo que existía abajo, en claro */
.v3 .rp-cab,.v3 .rp-hero{background:var(--v3-gris);color:var(--texto)}
.v3 .rp-garaje{background:#fff;border:1px solid var(--borde);clip-path:none;border-radius:18px}
.v3 .rp-garaje-form label{color:var(--texto)}
.v3 .rp-garaje-form .ra-entrada{background:#fff;border-color:var(--borde-fuerte);color:var(--texto)}
.v3 .rp-promesas{background:transparent;border:0;gap:12px}
.v3 .rp-promesas li{background:#fff;border-radius:14px;border:1px solid var(--borde)}
.v3 .rp-visor{background:radial-gradient(80% 70% at 50% 35%,#FFFFFF 0%,#F6F7F8 60%,#ECEEF1 100%);border-radius:20px;clip-path:none}
.v3 .rp-seg-cab{background:var(--v3-gris);color:var(--texto);border-radius:18px}
.v3 .rp-liquidacion{border:1px solid var(--borde);clip-path:none;border-radius:18px}
.v3 .rp-tarjeta-medio{border-radius:0}
.v3 .rp-sello-oscuro{background:var(--v3-tinta)}
.v3 .rp-modo{border-radius:20px;background:#fff;border:1px solid var(--borde)}

/* ---------- 14. Vender y encargo ---------- */
.v3-vender{padding-block:clamp(40px,6vw,88px)}
.v3-vender-rejilla{display:grid;gap:28px;align-items:start}
@media (min-width:980px){.v3-vender-rejilla{grid-template-columns:minmax(0,1fr) minmax(360px,.95fr);gap:56px}}
.v3-vender h1{font-size:clamp(2.2rem,1.4rem + 3vw,3.8rem);font-weight:800;line-height:1}
.v3-vender .v3-bajada{color:var(--texto-2);font-size:var(--t-md);max-width:52ch;margin-top:14px}
.v3-pasos-lista{list-style:none;display:grid;gap:14px;margin-top:28px}
.v3-pasos-lista li{display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:start}
.v3-pasos-lista .n{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--v3-gris);font-weight:800}
.v3-pasos-lista b{display:block;font-size:16.5px}
.v3-pasos-lista span{color:var(--texto-2);font-size:14.5px}
.v3-form-caja{padding:clamp(20px,2.6vw,30px);border-radius:24px;background:#fff;border:1px solid var(--borde);box-shadow:var(--sombra-2);display:grid;gap:14px}
.v3-form-caja h2{font-size:22px;font-weight:800}
.v3-form-caja .ra-form{gap:12px}
.v3-form-caja .ra-entrada{background:var(--v3-gris);border-color:transparent}
.v3-form-caja .ra-entrada:focus{background:#fff;border-color:var(--texto)}
.v3-form-nota{font-size:12.5px;color:var(--texto-3)}
.v3-gratis{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--v3-verde-velo);color:var(--v3-verde);font-weight:800;font-size:13px}

/* ---------- 15. Guía de compra ---------- */
.v3-guia{padding-block:32px 88px}
.v3-guia-cab{max-width:760px;margin-inline:auto;display:grid;gap:14px;padding-bottom:28px;border-bottom:1px solid var(--borde)}
.v3-guia-cab h1{font-size:clamp(2.1rem,1.4rem + 3vw,3.6rem);font-weight:800;line-height:1.02}
.v3-guia-cab .v3-entrada{font-size:clamp(1.08rem,1rem + .4vw,1.3rem);color:var(--texto-2);line-height:1.55}
.v3-guia-cuerpo{max-width:760px;margin-inline:auto;padding-top:20px}
.v3-guia-cuerpo h2{font-size:clamp(1.35rem,1.15rem + .8vw,1.75rem);font-weight:800;margin:36px 0 10px}
.v3-guia-cuerpo p,.v3-guia-cuerpo li{font-size:17px;line-height:1.7;color:#2C3036}
.v3-guia-cuerpo p + p{margin-top:12px}
.v3-guia-cuerpo ul{display:grid;gap:8px;padding-left:0;list-style:none}
.v3-guia-cuerpo ul li{position:relative;padding-left:28px}
.v3-guia-cuerpo ul li::before{content:"";position:absolute;left:4px;top:.72em;width:9px;height:9px;border-radius:50%;background:var(--v3-rojo)}
.v3-guia-destacado{margin:28px 0;padding:22px 24px;border-radius:18px;background:var(--v3-gris)}
.v3-guia-destacado h2{margin-top:0}
.v3-guia-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.v3-guia-fuentes{margin-top:40px;padding-top:18px;border-top:1px solid var(--borde);font-size:13.5px;color:var(--texto-3)}
.v3-guia-fuentes h2{font-size:14px;margin:0 0 6px}
.v3-guia-fuentes p{font-size:13.5px;color:var(--texto-3)}
.v3-guia-cuerpo h3{font-size:18px;font-weight:800;letter-spacing:-.015em;line-height:1.25}
.v3-guia-cuerpo b{color:var(--texto)}
.v3-guia-tarjetas,.v3-guia-formas{display:grid!important;gap:14px!important;margin:18px 0 8px;padding:0;list-style:none;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.v3-guia-formas{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.v3-guia-cuerpo .v3-guia-tarjetas li,.v3-guia-cuerpo .v3-guia-formas li{padding:20px;border-radius:18px;background:#fff;border:1px solid var(--borde);box-shadow:var(--sombra-1);display:grid;gap:8px;align-content:start;min-width:0}
.v3-guia-cuerpo .v3-guia-tarjetas li::before,.v3-guia-cuerpo .v3-guia-formas li::before{content:none}
.v3-guia-cuerpo .v3-guia-tarjetas p,.v3-guia-cuerpo .v3-guia-formas p{font-size:15.5px;line-height:1.6}
.v3-guia-num{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--ra-rojo-velo);color:var(--accion-hover);font-weight:800;font-size:15px}
.v3-guia-cuerpo .v3-guia-nota{font-size:14px;color:var(--texto-2);padding-top:8px;border-top:1px dashed var(--borde)}
.v3-guia-tabla-env{margin:16px 0;border-radius:18px;border:1px solid var(--borde);background:#fff;overflow:hidden}
.v3-guia-tabla{width:100%;border-collapse:collapse;font-size:15px;table-layout:fixed}
.v3-guia-tabla th,.v3-guia-tabla td{padding:12px 14px;border-bottom:1px solid var(--borde);text-align:left;vertical-align:top;overflow-wrap:break-word;hyphens:auto;line-height:1.45}
@media (max-width:560px){.v3-guia-tabla{font-size:14px}.v3-guia-tabla th,.v3-guia-tabla td{padding:10px 8px}.v3-guia-tabla tbody th{width:27%}}
.v3-guia-tabla tr:last-child th,.v3-guia-tabla tr:last-child td{border-bottom:0}
.v3-guia-tabla thead th{background:var(--v3-gris);font-weight:800;font-size:14px}
.v3-guia-tabla tbody th{font-weight:700;color:var(--texto-2);width:30%}
.v3-guia-mitos{margin:36px 0 8px;padding:clamp(18px,3vw,28px);border-radius:20px;background:var(--v3-gris)}
.v3-guia-mitos h2{margin-top:0!important}
.v3-guia-mitos dl{display:grid;gap:12px;margin:0}
.v3-guia-mitos dl>div{display:grid;gap:6px;padding:16px;border-radius:14px;background:#fff;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.v3-guia-mitos dt,.v3-guia-mitos dd{margin:0;font-size:15.5px;line-height:1.55}
.v3-guia-mitos dt{color:var(--texto-2)}
.v3-guia-mitos dd{font-weight:600;color:var(--texto)}
.v3-guia-mitos dt span,.v3-guia-mitos dd span{display:block;font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px}
.v3-guia-mitos dt span{color:var(--texto-3)}
.v3-guia-mitos dd span{color:var(--accion-hover)}
.v3-guia-cuerpo .v3-pregs{margin-top:8px}
.v3-guia-cuerpo .v3-pregs p{font-size:16px}
.v3-guia-fuentes ol{margin:10px 0 0;padding-left:18px;display:grid;gap:6px}
.v3-guia-cuerpo .v3-guia-fuentes li{font-size:13.5px;line-height:1.5;color:var(--texto-3);padding-left:0;overflow-wrap:anywhere}
.v3-guia-cuerpo .v3-guia-fuentes li::before{content:none}
.v3-guia-fuentes a{color:var(--texto-2)}
.v3-indice{display:flex;flex-wrap:wrap;gap:8px;list-style:none}
.v3-indice a{display:inline-block;padding:6px 12px;border-radius:999px;background:var(--v3-gris);color:var(--texto);text-decoration:none;font-size:13.5px;font-weight:600}

/* ---------- 16. Páginas existentes en claro (cómo comprar, mercado, núcleo) ---------- */
.v3 .ra-banda{background:var(--v3-gris);color:var(--texto)}
.v3 .ra-miga-claro,.v3 .ra-miga-claro a{color:var(--texto-2)}
.v3 .ra-miga-claro [aria-current]{color:var(--texto)}
.v3 .ra-kicker-claro{color:var(--texto-3)}
.v3 .mk-hero{background:var(--v3-gris);color:var(--texto)}
.v3 .mk-hero h1{color:var(--texto)}
.v3 .mk-hero-bajada{color:var(--texto-2)}
.v3 .mk-banda-vender{background:var(--v3-gris);color:var(--texto);border-radius:22px}
.v3 .mk-bandeja{background:#fff;color:var(--texto);border:1px solid var(--borde);clip-path:none;border-radius:18px}
.v3 .mk-bandeja-lista li{background:var(--v3-gris);border-color:var(--borde)}
.v3 .mk-bandeja-lista button{color:var(--texto-2)}
.v3 .vt-banda-servicio{background:var(--v3-gris);color:var(--texto);border-radius:22px;clip-path:none}
.v3 .in-bloque.oscuro{background:var(--v3-gris);color:var(--texto)}
.v3 .k-osc,.v3 .k-banda.k-osc{background:var(--v3-gris)!important;color:var(--texto)!important}
.v3 .k-osc *{color:inherit}
.v3 .ra-cookies{background:#fff;color:var(--texto);border-top:1px solid var(--borde);box-shadow:0 -8px 30px rgba(23,25,28,.08)}
.v3 .ra-cookies a{color:var(--enlace)}
.v3 .ra-cookies .ra-btn-fantasma{background:#fff;color:var(--texto);border-color:var(--borde-fuerte)}
.v3 .fc-barra{background:rgba(255,255,255,.96);color:var(--texto);border-top:1px solid var(--borde)}
.v3 .cc-hero{background:var(--v3-gris)}
.v3 .ra-tarjeta-medio{background:var(--v3-gris)}
.v3 .ra-tarjeta-medio::after{display:none}

/* ---------- 17. Revelado suave al entrar en pantalla ---------- */
.ra-js .v3-aparece{opacity:0;transform:translate3d(0,22px,0);transition:opacity .8s var(--v3-curva),transform .9s var(--v3-curva)}
.ra-js .v3-aparece.visto{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.ra-js .v3-aparece{opacity:1;transform:none;transition:none}.v3-diapo{transition:none}}
.v3-escenario.con-3d .ra-silueta{display:none}
@media (max-width:700px){.v3-intro{--v3-intro-alto:250vh}}

.v3-escenario .ra-silueta .zona,.v3-escenario .ra-silueta .zona > *,.v3-tarjeta-medio .ra-silueta .zona > *{fill:none}
.v3-escenario .ra-silueta .marca-dano circle{stroke:#fff;stroke-width:3}
.v3-tarjeta-acc .mk-ico-btn{color:var(--texto);-webkit-backdrop-filter:none;backdrop-filter:none}
.v3-tarjeta-acc .mk-ico-btn:hover{background:#fff;border-color:var(--texto)}
.v3-tarjeta-acc .mk-ico-btn[aria-pressed="true"],.v3-tarjeta-acc .mk-comparar-chk:has(input:checked){background:var(--v3-rojo);color:#fff;border-color:var(--v3-rojo)}
.v3 .mk-tarjeta.mk-es-fav{border-color:var(--v3-rojo)}
/* Mientras se decide sobre cookies: la barra de la intro y la de la ficha suben por encima del banner */
body:has(.ra-cookies:not([hidden])) .v3-intro-pie{bottom:calc(96px + env(safe-area-inset-bottom,0px))}
@media (max-width:560px){body:has(.ra-cookies:not([hidden])) .v3-intro-pie{bottom:calc(150px + env(safe-area-inset-bottom,0px))}body:has(.ra-cookies:not([hidden])) .v3-barra{display:none}}
body:has(.ra-cookies:not([hidden])) .v3-barra{bottom:88px}

/* ---------- Precio de venta con su condición (carrusel, tarjeta y ficha · PrecioVenta) ---------- */
.v3-pv{display:grid;gap:3px;min-width:0}
.v3-pv p{margin:0;overflow-wrap:anywhere}
.v3-pv-precio{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 6px;line-height:1.15}
.v3-pv-et{font-size:14px;color:var(--texto-2);font-weight:600}
.v3-pv-precio b{font-family:var(--f-display);font-weight:800;letter-spacing:-.025em;color:var(--texto)}
.v3-pv-modo{font-size:14px;font-weight:700;color:var(--texto)}
.v3-pv-rep,.v3-pv-ref{font-size:14px;color:var(--texto-2);line-height:1.35}
.v3-pv-lectura{font-size:14px;font-weight:700;color:var(--v3-verde);line-height:1.35}
.v3-pv-show .v3-pv-precio b{font-size:24px}
.v3-pv-tarjeta .v3-pv-precio b{font-size:24px}
.v3-pv-ficha{gap:6px}
.v3-pv-ficha .v3-pv-precio b{font-size:clamp(2rem,1.6rem + 1.4vw,2.6rem);line-height:1}
.v3-pv-ficha .v3-pv-precio{display:grid;justify-items:start;gap:4px}
.v3-pv-ficha .v3-pv-modo{font-size:14px;padding:3px 10px;border-radius:999px;background:var(--v3-gris-2)}
.v3-pv-ficha .v3-pv-sep{display:none}
.v3-pv-ficha .v3-pv-rep,.v3-pv-ficha .v3-pv-ref,.v3-pv-ficha .v3-pv-lectura{font-size:15px}
.v3-pv-ficha .v3-pv-lectura{padding:10px 14px;border-radius:12px;background:var(--v3-verde-velo)}
/* ---------- 18. Repuestos · moto 3D que se despieza en el banner (rodi-moto-despiece.js) ---------- */
.v3-despiece{position:absolute;inset:0;z-index:1;opacity:0;transition:opacity .7s;touch-action:manipulation;outline:none;
  background:radial-gradient(110% 85% at 62% 42%,#fff 0,#f6f7f8 55%,#eceef1 100%)}
.v3-intro.con-despiece .v3-despiece{opacity:1}
.v3-intro-marco .v3-despiece canvas{position:absolute;inset:0;top:0;left:0;width:100%;height:100%;max-width:none;aspect-ratio:auto;transform:none;opacity:1;display:block;cursor:grab;
  -webkit-mask-image:none;mask-image:none;transition:none}
.v3-intro.con-despiece.arrastrando .v3-despiece canvas{cursor:grabbing}
.v3-despiece:focus-visible{box-shadow:inset 0 0 0 2px rgba(23,25,28,.35)}
.v3-intro.con-despiece .v3-intro-marco > img[data-poster],.v3-intro.con-despiece .v3-intro-marco > canvas[data-cuadros],.v3-intro.con-despiece .v3-intro-b{visibility:hidden}
.v3-intro.con-despiece .v3-intro-escena{cursor:auto}
.v3-despiece-frente{position:absolute;z-index:4;right:max(var(--canal),calc((100% - var(--v3-ancho)) / 2));top:16px;display:inline-flex;align-items:center;gap:6px;
  padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.9);border:1px solid var(--borde);color:var(--texto);font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.v3-despiece-frente:hover{border-color:var(--texto)}
.v3-despiece-frente .ra-ico{width:15px;height:15px}
.v3-despiece-frente[hidden]{display:none}
/* Moto con piezas reales (rodi-moto-piezas.js): ratón encima = piezas con nombre; clic = modo explorar; ▲ Despiezar / ▼ Armar. */
.v3-intro.con-despiece .v3-despiece.sobre-pieza canvas{cursor:pointer}
.v3-intro.explorando .v3-despiece{touch-action:none}
.v3-intro.explorando .v3-despiece canvas{cursor:grab}
.v3-intro.explorando .v3-despiece.sobre-pieza canvas{cursor:pointer}
.v3-intro.explorando .v3-intro-texto{opacity:.1;transition:opacity .45s}
.v3-intro.explorando .v3-intro-rotulo,.v3-intro.explorando .v3-intro-progreso{opacity:0}
.v3-intro-texto{transition:opacity .45s}
.v3-despiece-frente:has(> svg){padding:10px 18px 10px 11px;background:var(--v3-tinta);border-color:var(--v3-tinta);color:#fff;font-size:14.5px;box-shadow:0 8px 22px rgba(23,25,28,.28)}
.v3-despiece-frente:has(> svg):hover{background:#000;border-color:#000}
.v3-despiece-frente svg{width:20px;height:20px;flex:none}
.v3-despiece-frente:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4.5px var(--v3-tinta)}
.v3-mando{position:absolute;z-index:5;right:max(var(--canal),calc((100% - var(--v3-ancho)) / 2));top:50%;transform:translateY(-50%);display:grid;justify-items:center;gap:10px}
.v3-mando[hidden]{display:none}
.v3-mando-b{display:grid;justify-items:center;gap:3px;min-width:92px;padding:10px 12px 9px;border-radius:18px;background:rgba(255,255,255,.95);border:2px solid var(--borde-fuerte,#CDD1D7);color:var(--texto);
  font:inherit;font-size:13px;font-weight:800;line-height:1.1;cursor:pointer;box-shadow:0 6px 18px rgba(23,25,28,.12);transition:transform .18s var(--v3-curva),border-color .18s,opacity .2s,background .18s;-webkit-tap-highlight-color:transparent}
.v3-mando-b svg{width:30px;height:30px;fill:var(--v3-tinta);transition:fill .18s}
.v3-mando-b:hover{border-color:var(--v3-tinta);transform:translateY(-1px)}
.v3-mando-b:active{transform:scale(.96)}
.v3-mando-b:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 5px var(--v3-tinta)}
.v3-mando-b.inactivo{opacity:.38}
.v3-mando-b[data-mando-sube]:hover svg{fill:#1f66dc}.v3-mando-b[data-mando-baja]:hover svg{fill:#c99a08}
.v3-mando-barra{position:relative;width:8px;height:clamp(64px,15vh,128px);border-radius:8px;background:rgba(23,25,28,.12);overflow:hidden}
.v3-mando-barra span{position:absolute;inset:0;transform-origin:50% 100%;transform:scaleY(var(--p,0));background:linear-gradient(0deg,#f6c515,#1f66dc);border-radius:8px}
.v3-etiqueta{position:absolute;z-index:4;left:var(--x,0);top:var(--y,0);transform:translate(-50%,calc(-100% - 14px));pointer-events:none;display:grid;gap:1px;justify-items:center;padding:8px 14px;border-radius:12px;
  background:rgba(23,25,28,.95);color:#fff;font-size:13.5px;line-height:1.25;text-align:center;white-space:nowrap;box-shadow:0 8px 22px rgba(0,0,0,.24)}
.v3-etiqueta[hidden]{display:none}
.v3-etiqueta b{font-weight:800}
.v3-etiqueta span{font-size:12px;opacity:.78}
.v3-etiqueta.con-precio span{color:#ffd54a;opacity:1;font-weight:700}
.v3-etiqueta::after{content:"";position:absolute;left:50%;bottom:-5px;width:11px;height:11px;background:inherit;transform:translateX(-50%) rotate(45deg);border-radius:2px}
.v3-intro-arrastre[role="status"]{font-size:13.5px;padding:9px 16px;background:rgba(255,255,255,.96);box-shadow:0 6px 18px rgba(23,25,28,.12);width:max-content;max-width:calc(100% - 28px);text-align:center;line-height:1.3}
@media (max-width:700px),(max-aspect-ratio:5/4){
  .v3-mando{right:10px;top:12px;transform:none;gap:6px}
  .v3-mando-b{min-width:68px;padding:7px 8px 6px;border-radius:14px;font-size:11.5px}
  .v3-mando-b svg{width:22px;height:22px}
  .v3-mando-barra{height:clamp(40px,8vh,68px);width:6px}
  .v3-despiece-frente{top:12px;right:auto;left:12px}
  .v3-etiqueta{font-size:12.5px;padding:6px 11px}
  .v3-intro-arrastre[role="status"]{font-size:12px;padding:7px 12px;gap:6px}
  .v3-intro.con-despiece .v3-intro-rotulo{right:auto;left:var(--canal)}
}
@media (prefers-reduced-motion:reduce){.v3-mando-b,.v3-intro-texto{transition:none}}

/* Reseñas (26-oct-2026): sección del inicio, página /resenas y formulario personal. */
.rs-estrellas{display:inline-flex;gap:2px;font-size:1.05em;line-height:1;color:#C27A00;letter-spacing:1px}
.rs-estrellas .rs-off{color:#D5D2CB}
.rs-resumen{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:6px 0 0;color:var(--texto-2)}
.rs-resumen b{font-size:1.9rem;color:var(--texto);font-weight:700;line-height:1}
.rs-rejilla{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));margin-top:22px}
.rs-tarjeta{display:grid;gap:10px;align-content:start;padding:22px;border-radius:20px;background:#fff;border:1px solid var(--borde)}
.rs-tarjeta p{margin:0}
.rs-texto{font-size:1rem;line-height:1.55}
.rs-quien{display:flex;flex-wrap:wrap;gap:2px 10px;align-items:baseline;font-size:.92rem;color:var(--texto-2)}
.rs-quien b{color:var(--texto)}
.rs-sello{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;font-weight:600;color:#1F6B3A;background:#E8F4EC;border-radius:999px;padding:3px 10px;width:fit-content}
.rs-sello-g{color:#1a4a8a;background:#E8EFFA}
.rs-resp{margin-top:4px;padding:12px 14px;border-left:3px solid var(--accion);background:var(--bg-alt);border-radius:0 12px 12px 0;font-size:.93rem}
.rs-resp b{display:block;margin-bottom:2px}
.rs-acciones{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.rs-form{display:grid;gap:18px;max-width:640px}
.rs-form .campo{display:grid;gap:6px}
.rs-form label{font-weight:600}
.rs-form textarea{min-height:140px}
.rs-pick{border:0;padding:0;margin:0;display:grid;gap:8px}
.rs-pick legend{font-weight:600;padding:0;margin-bottom:6px}
.rs-pick-estrellas{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:4px}
.rs-pick-estrellas input{position:absolute;opacity:0;width:1px;height:1px}
.rs-pick-estrellas label{font-size:2.4rem;line-height:1;cursor:pointer;color:#D5D2CB;padding:2px 4px;font-weight:400}
.rs-pick-estrellas input:checked~label,.rs-pick-estrellas label:hover,.rs-pick-estrellas label:hover~label{color:#C27A00}
.rs-pick-estrellas input:focus-visible+label{outline:3px solid var(--foco);outline-offset:2px;border-radius:8px}
.rs-gracias{display:grid;gap:14px;max-width:640px}
@media (prefers-reduced-motion:no-preference){.rs-tarjeta{transition:box-shadow .2s}.rs-tarjeta:hover{box-shadow:var(--sombra-1)}}