/*
Theme Name: Mi Moto Corre Más
Theme URI: https://www.mimotocorremas.com/
Author: Agencia JESDIGITAL
Description: Taller de motos, motos de ocasión y nuevas, tienda y panel de gestión (leads y pipeline de motos) para Mi Moto Corre Más, Sant Boi de Llobregat.
Version: 1.3.0
Requires at least: 6.4
Requires PHP: 8.0
License: Propietario
Text Domain: mimoto
*/

@font-face{font-family:Archivo;font-style:normal;font-weight:600;font-display:swap;src:url(assets/fonts/archivo-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:Archivo;font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonts/archivo-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:Archivo;font-style:normal;font-weight:800;font-display:swap;src:url(assets/fonts/archivo-latin-800-normal.woff2) format("woff2")}
@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/manrope-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(assets/fonts/manrope-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonts/manrope-latin-700-normal.woff2) format("woff2")}

:root{
	--tinta:#111;
	--tinta-2:#1a1a1a;
	--tinta-3:#2c2c2c;
	--papel:#f5f5f3;
	--papel-2:#ebebe8;
	--blanco:#fff;
	--naranja:#e30f0b;
	--naranja-2:#b80c08;
	--gris:#5c5c5c;
	--gris-claro:#a6a6a6;
	--linea:rgba(17,17,17,.12);
	--linea-osc:rgba(255,255,255,.12);
	--ok:#1f8a4c;
	--err:#c62828;
	--radio:6px;
	--sombra:0 1px 2px rgba(0,0,0,.06),0 8px 24px rgba(18,20,23,.08);
	--disp:Archivo,"Arial Black",Arial,sans-serif;
	--txt:Manrope,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
	--ancho:1240px;
	--cab:72px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:clip;scroll-padding-top:calc(var(--cab) + 16px)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
body{margin:0;background:var(--papel);color:var(--tinta);font:400 17px/1.6 var(--txt);-webkit-font-smoothing:antialiased;overflow-x:clip}
img,svg{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--naranja-2)}
h1,h2,h3{font-family:var(--disp);font-weight:800;line-height:1.05;letter-spacing:-.02em;margin:0 0 .5em}
h1{font-size:clamp(2.6rem,6vw,4.6rem)}
h2{font-size:clamp(2rem,4vw,3rem)}
h3{font-size:1.3rem;font-weight:700;letter-spacing:-.01em}
p{margin:0 0 1em}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--naranja);outline-offset:2px}
.vh,.hp{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.saltar{position:absolute;left:-999px;top:8px;z-index:100;background:var(--naranja);color:#fff;padding:8px 14px;font-weight:700}
.saltar:focus{left:8px}
.envoltura{width:100%;max-width:var(--ancho);margin:0 auto;padding:0 24px}
.envoltura--estrecha{max-width:820px}
.ic{width:1.15em;height:1.15em;flex:none}

/* Zonas oscuras */
.oscuro{background:var(--tinta);color:#eef0f2}
.oscuro a:hover{color:var(--naranja)}
.antetitulo{font:700 1rem/1.3 var(--txt);color:var(--naranja);margin-bottom:.6em}
.oscuro .antetitulo{color:#ff5450}

/* Botones */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55em;min-height:48px;padding:.7em 1.3em;border:2px solid var(--tinta);border-radius:var(--radio);background:var(--tinta);color:#fff;font:700 1rem/1.1 var(--txt);text-decoration:none;cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .2s}
.btn:hover{color:#fff;background:var(--tinta-3);border-color:var(--tinta-3)}
.btn--main{background:var(--naranja);border-color:var(--naranja);color:#fff}
.btn--main:hover{background:var(--naranja-2);border-color:var(--naranja-2);color:#fff}
.btn--linea{background:transparent;color:inherit;border-color:currentColor}
.btn--linea:hover{background:var(--tinta);color:#fff;border-color:var(--tinta)}
.oscuro .btn--linea:hover{background:#fff;color:var(--tinta);border-color:#fff}
.btn--xl{min-height:56px;font-size:1.05rem;padding:.8em 1.5em}
.btn .ic{width:1.2em;height:1.2em}
.btn:hover .ic:last-child{transform:translateX(3px)}
.btn .ic{transition:transform .2s}

/* Cabecera */
/* Fija (no sticky): en el iPhone el sticky fallaba con overflow-x:clip y la cabecera se quedaba arriba al bajar. */
body{padding-top:calc(var(--cab) + 1px)}
.admin-bar .cab{top:32px}
@media (max-width:782px){.admin-bar .cab{top:46px}}
@media (max-width:600px){.admin-bar .cab{top:0}}
.cab{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(255,255,255,.97);backdrop-filter:blur(8px);color:var(--tinta);border-bottom:1px solid var(--linea)}
.cab__in{display:flex;align-items:center;gap:24px;height:var(--cab)}
.marca{display:flex;align-items:center;text-decoration:none;flex:none}
.marca__logo{height:44px;width:auto}
.marca__sello{width:38px;height:38px;color:var(--naranja)}
.marca__txt{font:800 1.3rem/0.9 var(--disp);text-transform:uppercase;letter-spacing:.01em;display:flex;flex-direction:column}
.marca__txt b{color:var(--naranja);font-weight:800}
.nav{margin-left:auto}
.nav__list{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.nav__list a{display:block;white-space:nowrap;padding:8px 12px;font-weight:600;font-size:.95rem;text-decoration:none;border-radius:var(--radio);color:#333}
.nav__list a:hover,.nav__list a[aria-current]{color:var(--tinta);background:var(--papel)}
.nav__list a[aria-current]{box-shadow:inset 0 -3px 0 var(--naranja)}
.nav__extra{display:none}
.nav__inicio{display:none}
.cab__cta{min-height:42px;padding:.55em 1.1em;white-space:nowrap}
/* Las rayas van colocadas a mano (no con flex): Safari en iPhone no estira bien los hijos de un <button>. */
.hamb{display:none;position:relative;width:48px;height:48px;padding:0;border:0;border-radius:var(--radio);background:var(--tinta);cursor:pointer;flex:none;-webkit-appearance:none;appearance:none}
.hamb span{position:absolute;left:13px;width:22px;height:2.5px;border-radius:2px;background:#fff;transition:transform .25s,opacity .25s}
.hamb span:nth-child(1){top:15px}
.hamb span:nth-child(2){top:22.75px}
.hamb span:nth-child(3){top:30.5px}
.hamb[aria-expanded=true] span:nth-child(1){transform:translateY(7.75px) rotate(45deg)}
.hamb[aria-expanded=true] span:nth-child(2){opacity:0}
.hamb[aria-expanded=true] span:nth-child(3){transform:translateY(-7.75px) rotate(-45deg)}
@media (max-width:1200px){
	.hamb{display:block}
	.marca{margin-right:auto}
	/* La cabecera lleva backdrop-filter, que hace de caja para lo fijo: por eso la altura va explícita. */
	.nav{position:fixed;inset:var(--cab) 0 auto 0;height:calc(100vh - var(--cab));height:calc(100dvh - var(--cab));background:#fff;padding:24px;overflow:auto;transform:translateX(100%);transition:transform .3s;margin:0;visibility:hidden}
	.nav.is-open{transform:none;visibility:visible}
	.nav__list{flex-direction:column;gap:0}
	.nav__list a{font:800 1.7rem/1.1 var(--disp);padding:14px 0;border-bottom:1px solid var(--linea);border-radius:0;color:var(--tinta)}
	.nav__list a[aria-current]{box-shadow:none;color:var(--naranja);background:none}
	.nav__inicio{display:block}
	.nav__extra{display:grid;gap:10px;margin-top:24px}
	.nav__extra .btn{width:100%}
	.nav__dir{display:flex;gap:8px;align-items:center;color:var(--gris);font-size:.92rem;margin:6px 0 0}
	.nav__dir .ic{color:var(--naranja);flex:none}
}
@media (max-width:480px){.cab__cta{display:none}.marca__logo{height:38px}}

/* Portada: texto arriba y la moto en escena debajo */
.hero{position:relative;overflow:hidden;background:#fff;padding:56px 0 8px;border-bottom:1px solid var(--linea)}
.hero__top{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:40px;align-items:end}
.hero__h1{font-size:clamp(2.4rem,5.4vw,4.5rem);line-height:1;margin:0}
.hero__h1 em{font-style:normal;color:var(--naranja)}
.hero__lead{font-size:1.1rem;color:var(--gris);max-width:32em}
.hero__btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
@media (max-width:860px){.hero{padding-top:36px}.hero__top{grid-template-columns:1fr;gap:12px}}

/* La moto en escena. Las líneas (SVG) las dibuja main.js midiendo cada punto y cada etiqueta. */
.escena{position:relative;margin:0 auto;width:min(100%,1000px);container-type:inline-size;padding:28px 0 40px}
.moto{position:relative;width:min(100%,600px);aspect-ratio:522/362;margin:clamp(36px,6cqw,64px) auto clamp(40px,6cqw,64px)}
.moto__img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}
.moto__reflejo{position:absolute;left:0;right:0;top:100%;height:28%;overflow:hidden;opacity:.1;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 70%);mask-image:linear-gradient(to bottom,#000,transparent 70%)}
.moto__reflejo img{width:100%;transform:scaleY(-1);transform-origin:top;display:block;filter:blur(2px)}
.moto__faro{position:absolute;left:89%;top:33%;width:28%;height:26%;background:radial-gradient(closest-side at 8% 50%,rgba(255,196,80,.55),rgba(255,196,80,.14) 45%,transparent 75%);opacity:0;pointer-events:none}
.moto.is-lit .moto__faro{opacity:1;transition:opacity .5s}
.punto{position:absolute;z-index:3;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--naranja);box-shadow:0 0 0 3px rgba(227,15,11,.22),0 0 0 1px #fff}
.punto::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--naranja);animation:latido 2.6s ease-out infinite}
@keyframes latido{0%{transform:scale(1);opacity:.8}100%{transform:scale(2.1);opacity:0}}
.etiquetas{position:relative;z-index:2;list-style:none;margin:0;padding:0;display:flex;gap:12px}
.etiquetas--arriba{justify-content:space-between}
.etiquetas--abajo .etq:nth-child(2){margin-right:auto}
.etq{display:grid;gap:.2rem;min-width:0;max-width:23cqw;padding:.6rem .85rem .65rem;border-radius:var(--radio);background:#fff;border:1px solid var(--linea);box-shadow:0 6px 18px rgba(17,17,17,.06)}
.etq__t{font:800 1.02rem/1.1 var(--disp);letter-spacing:-.01em}
.etq__d{font-size:.8rem;line-height:1.3;color:var(--gris)}
.lineas{position:absolute;inset:0;z-index:1;width:100%;height:100%;overflow:visible;pointer-events:none}
.lineas path{fill:none;stroke:rgba(17,17,17,.4);stroke-width:1.25;stroke-linejoin:round;stroke-linecap:round}
.lineas circle{fill:var(--naranja)}
@container (max-width:860px){.etq__d{display:none}.etq{padding:.45rem .6rem}.etq__t{font-size:.9rem}}
@container (max-width:560px){.etiquetas{gap:6px}.etq{padding:.35rem .4rem;max-width:24.5cqw;text-align:center}.etq__t{font-size:.72rem}.punto{width:11px;height:11px;margin:-5.5px 0 0 -5.5px}.moto{margin-block:34px 36px}}
/* Estado inicial de la animación (sin JS o con movimiento reducido no se aplica) */
html.anim .moto{transform:translateX(-130vw)}
html.anim .punto,html.anim .etq,html.anim .hero__copy>*{opacity:0}

/* Fotos de la tienda */
.tienda-fotos__in{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:center}
.tienda-fotos__txt>p:not(.antetitulo){color:var(--gris);font-size:1.05rem;margin-bottom:24px}
.tienda-fotos__local{display:block;width:100%;height:auto;border-radius:var(--radio);margin-bottom:10px}
.tienda-fotos__lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.tienda-fotos__lista img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:var(--radio)}
.seccion--corta{padding:56px 0 0}
.vende-ventajas{padding-bottom:0;border-top:0;margin-top:18px}
@media (max-width:860px){.tienda-fotos__in{grid-template-columns:1fr;gap:28px}}

/* Moto dibujada (fichas sin foto) */
.moto-svg{width:100%;height:auto;color:inherit}

/* Búsqueda rápida y franja de confianza */
.busca{background:var(--papel);padding:32px 0 0}
.busca__in{display:flex;flex-wrap:wrap;align-items:end;gap:20px 40px;padding-bottom:28px}
.busca__grupo h2{font:700 .95rem/1.2 var(--txt);letter-spacing:0;color:var(--gris);margin:0 0 10px}
.chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.chips a{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border:1px solid #d4d4d0;border-radius:40px;background:#fff;font-weight:700;font-size:.95rem;text-decoration:none;transition:border-color .2s,color .2s}
.chips a:hover{border-color:var(--naranja);color:var(--naranja)}
.busca__in>.btn{margin-left:auto}
.confianza{list-style:none;margin:0;padding:22px 0 30px;border-top:1px solid var(--linea);display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.confianza li{display:flex;gap:12px;align-items:flex-start;font-size:.92rem;color:var(--gris);line-height:1.4}
.busca .confianza{border-top:0}
.confianza b{display:block;color:var(--tinta);font-size:1rem}
.confianza .ic{width:26px;height:26px;color:var(--naranja);flex:none;margin-top:2px}
@media (max-width:900px){.confianza{grid-template-columns:1fr 1fr}.busca__in>.btn{margin-left:0}}
@media (max-width:520px){.confianza{grid-template-columns:1fr;gap:14px}}

/* Secciones */
.seccion{padding:88px 0}
.seccion--gris{background:var(--papel-2)}
.seccion--stock{padding-top:32px}
@media (max-width:700px){.seccion{padding:56px 0}}
.cabecera-sec{max-width:760px;margin-bottom:40px}
.cabecera-sec p:last-child{color:var(--gris);font-size:1.08rem}
.oscuro .cabecera-sec p:last-child{color:#b8bec6}
.cabecera-sec--fila{max-width:none;display:flex;justify-content:space-between;align-items:end;gap:24px}
.cabecera-sec--fila>p{max-width:28em;margin:0}
@media (max-width:800px){.cabecera-sec--fila{display:block}}

.servicios__lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1px;background:var(--linea);border:1px solid var(--linea);border-radius:var(--radio);overflow:hidden}
.servicio{background:var(--papel);padding:28px 24px;transition:background .2s}
.servicio:hover{background:#fff}
.servicio__ic{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--tinta);color:var(--naranja);margin-bottom:18px}
.servicio__ic .ic{width:26px;height:26px}
.servicio h3{font-size:1.35rem;margin-bottom:.35em}
.servicio p{color:var(--gris);font-size:.95rem;margin:0}

.pasos__lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;counter-reset:p}
.pasos__lista li{border-top:1px solid var(--linea-osc);padding-top:22px}
.pasos__lista b{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--naranja);color:#fff;font:800 1rem/1 var(--txt);margin-bottom:14px}
.pasos__lista p{color:#b8bec6;margin:0}
.pasos__lista--claro{grid-template-columns:1fr;gap:18px;margin:24px 0}
.pasos__lista--claro li{display:grid;grid-template-columns:70px 1fr;column-gap:12px;padding-top:14px}
.pasos__lista--claro b{grid-row:span 2}
.pasos__lista--claro h3{margin:0 0 .2em}
.pasos__lista--claro p{color:var(--gris)}
@media (max-width:760px){.pasos__lista{grid-template-columns:1fr}}

.cita__in{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
.cita__txt>p{color:var(--gris);font-size:1.08rem}
@media (max-width:900px){.cita__in{grid-template-columns:1fr;gap:32px}}
.datos{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:14px}
.datos li{display:flex;gap:12px;align-items:flex-start;font-weight:600}
.datos .ic{color:var(--naranja-2);margin-top:3px}
.oscuro .datos .ic{color:var(--naranja)}
.datos a{text-decoration:none}
.datos--grande li{font-size:1.1rem}

/* Formularios */
.form{background:#fff;border-radius:calc(var(--radio) * 2);padding:32px;box-shadow:var(--sombra);border-top:5px solid var(--naranja);color:var(--tinta)}
@media (max-width:560px){.form{padding:22px 18px}}
.form__head h3{font-size:1.9rem;margin-bottom:.15em}
.form__head p{color:var(--gris);margin-bottom:20px}
.form__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field{display:flex;flex-direction:column;gap:6px;min-width:0}
.field.full{grid-column:1/-1}
@media (max-width:560px){.form__grid{grid-template-columns:1fr}}
.field>label{font-weight:700;font-size:.9rem}
.field small{font-weight:500;color:var(--gris)}
.field input:not([type=checkbox]),.field select,.field textarea{width:100%;min-height:50px;padding:12px 14px;border:1.5px solid #cfd2d6;border-radius:var(--radio);background:#fbfbfa;font-size:16px;transition:border-color .2s,box-shadow .2s}
.field textarea{min-height:110px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--tinta);box-shadow:0 0 0 3px rgba(255,90,31,.25);background:#fff}
.field.is-mal input,.field.is-mal select,.field.is-mal textarea{border-color:var(--err)}
.field.is-mal .check span{color:var(--err)}
.check{display:flex;gap:10px;align-items:flex-start;font-size:.9rem;line-height:1.45;cursor:pointer}
.check input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--naranja-2);flex:none}
.checks{display:flex;flex-wrap:wrap;gap:12px 24px}
.form__foot{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:22px}
.form__foot .btn{flex:1 1 auto}
.form__tel{font-weight:600;color:var(--gris);text-decoration:none}
.aviso{padding:14px 16px;border-radius:var(--radio);margin-bottom:16px;font-weight:600}
.aviso--ok{background:#e6f4ea;color:#14532d}
.aviso--err{background:#fdecea;color:#7f1d1d}
.form.is-enviando button[type=submit]{opacity:.6;pointer-events:none}
.form.is-hecho .form__grid,.form.is-hecho .form__foot{display:none}

/* Tarjetas de stock */
.rejilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px}
.tarjeta{background:#fff;border-radius:calc(var(--radio) * 1.5);overflow:hidden;box-shadow:var(--sombra);transition:transform .25s,box-shadow .25s}
.tarjeta:hover{transform:translateY(-4px);box-shadow:0 2px 4px rgba(0,0,0,.06),0 18px 40px rgba(18,20,23,.14)}
.tarjeta__link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}
.tarjeta__link:hover{color:inherit}
.tarjeta__img{position:relative;aspect-ratio:4/3;background:var(--papel-2);overflow:hidden}
.tarjeta__img img{width:100%;height:100%;object-fit:contain;transition:transform .5s}
.tarjeta:hover .tarjeta__img img{transform:scale(1.04)}
.tarjeta__etq,.tarjeta__demo{position:absolute;top:12px;left:12px;background:var(--naranja);color:#fff;font:700 .78rem/1 var(--txt);padding:7px 10px;border-radius:4px}
.tarjeta__demo{left:auto;right:12px;background:var(--tinta);color:#fff}
.tarjeta__body{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1}
.tarjeta__sup{font:700 .85rem/1.2 var(--txt);color:var(--naranja);margin-bottom:6px}
.tarjeta__nom{font-size:1.35rem;margin-bottom:10px}
.tarjeta__specs{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.tarjeta__specs li{font-size:.8rem;font-weight:600;background:var(--papel);padding:4px 9px;border-radius:30px;color:var(--tinta-3)}
.tarjeta__precio{margin:auto 0 0;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;border-top:1px solid var(--linea);padding-top:14px}
.tarjeta__precio strong,.ficha__precio strong{font:800 1.75rem/1 var(--disp)}
.tarjeta__precio strong small,.ficha__precio strong small{font-size:.6em;font-weight:700;text-transform:uppercase;margin-right:2px}
.tarjeta__precio s,.ficha__precio s{color:var(--gris)}
.cuota{font-size:.9rem;font-weight:700;color:var(--naranja-2)}
.tarjeta__etq--top,.ficha__oferta--top{background:var(--tinta)}
.ficha__oferta+.ficha__oferta{margin-left:6px}
.sinfoto{position:relative;width:100%;height:100%;display:grid;place-items:center;color:#c3bcae;background:linear-gradient(135deg,var(--papel-2),#dcdcd8)}
.sinfoto .moto-svg{width:70%}
.sinfoto span{position:absolute;bottom:12px;font-size:.85rem;font-weight:600;color:#8a8a8a}
.sinfoto--grande{aspect-ratio:4/3;border-radius:var(--radio)}
.fila-titulo{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin:40px 0 18px}
.fila-titulo:first-of-type{margin-top:0}
.fila-titulo h3,.fila-titulo h2{margin:0}
.fila-titulo h2{font-size:2rem}
.fila-titulo a{font-weight:700;display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:var(--naranja-2)}
.nota-finan{font-size:.82rem;color:var(--gris);margin-top:24px}

/* Bloques de portada */
.bloques__in{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.bloque{display:flex;flex-direction:column;padding:44px;border-radius:calc(var(--radio) * 2);text-decoration:none;min-height:320px;position:relative;overflow:hidden;transition:transform .25s}
.bloque:hover{transform:translateY(-4px)}
.bloque h2{font-size:clamp(1.9rem,3.4vw,2.6rem)}
.bloque p{max-width:28em}
.bloque--naranja{background:var(--naranja);color:#fff}
.bloque--naranja:hover{color:#fff}
.bloque--naranja .antetitulo{color:#fff;opacity:.85}
.bloque__link{margin-top:auto;font-weight:800;display:inline-flex;gap:8px;align-items:center}
@media (max-width:800px){.bloques__in{grid-template-columns:1fr}.bloque{padding:30px;min-height:0}}

.faq__in{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px}
.faq__lista details{border-bottom:1px solid var(--linea);padding:4px 0}
.faq__lista summary{cursor:pointer;list-style:none;font:700 1.15rem/1.3 var(--disp);padding:18px 40px 18px 0;position:relative}
.faq__lista summary::-webkit-details-marker{display:none}
.faq__lista summary::after{content:"+";position:absolute;right:6px;top:12px;font-size:1.8rem;color:var(--naranja-2);transition:transform .2s}
.faq__lista details[open] summary::after{transform:rotate(45deg)}
.faq__lista p{color:var(--gris);padding-bottom:12px}
@media (max-width:800px){.faq__in{grid-template-columns:1fr;gap:8px}}

.donde__in{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:center}
.donde__btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.mapa{position:relative;aspect-ratio:4/3;border-radius:calc(var(--radio) * 2);background:var(--tinta-2) repeating-linear-gradient(45deg,transparent 0 22px,rgba(255,255,255,.03) 22px 44px);display:grid;place-content:center;justify-items:center;gap:10px;text-align:center;overflow:hidden;border:1px solid var(--linea-osc)}
.mapa iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.mapa__btn{display:inline-flex;gap:8px;align-items:center;background:var(--naranja);color:#fff;border:0;border-radius:var(--radio);padding:14px 22px;font-weight:800;cursor:pointer}
.mapa p{font-size:.8rem;color:var(--gris-claro);margin:0;padding:0 16px}
@media (max-width:900px){.donde__in{grid-template-columns:1fr}}

/* Banda de páginas interiores */
.banda{padding:40px 0 56px;position:relative}
.banda h1{margin-bottom:.2em}
.banda__lead{font-size:1.15rem;color:#c9ced4;max-width:44em;margin:0}
.banda--404{padding:90px 0}
.migas ol{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:6px;font-size:.85rem;color:var(--gris-claro)}
.migas li+li::before{content:"/";margin-right:6px;opacity:.6}
.migas a{text-decoration:none}
.ficha .migas ol{color:var(--gris)}

/* Filtros */
.filtros{display:flex;flex-wrap:wrap;gap:12px;align-items:end;background:#fff;padding:18px;border-radius:calc(var(--radio) * 1.5);box-shadow:var(--sombra);margin-bottom:28px}
.filtros label{display:flex;flex-direction:column;gap:4px;font-size:.85rem;font-weight:700;color:var(--gris);flex:1 1 150px}
.filtros select{min-height:46px;border:1.5px solid #cfd2d6;border-radius:var(--radio);padding:0 10px;background:#fbfbfa;font-size:15px;color:var(--tinta);text-transform:none;letter-spacing:0;font-weight:600}
.filtros .btn{min-height:46px}
.js .filtros .btn{display:none}
.filtros__limpiar{align-self:center;font-weight:700;font-size:.9rem}
@media (max-width:600px){.filtros{gap:10px;padding:14px}.filtros label{flex:1 1 calc(50% - 5px);min-width:0}.filtros select{min-height:42px;font-size:14px;padding:0 6px}}
.resultados{transition:opacity .2s}
.resultados.is-cargando{opacity:.4}
.resultados__n{font-weight:700;color:var(--gris);margin-bottom:16px}
.vacio{text-align:center;padding:48px 16px;color:var(--gris)}
.vacio .moto-svg{max-width:240px;margin:0 auto 12px;color:#cfc8b9}
.nav-links{display:flex;gap:8px;justify-content:center;margin-top:32px}
.nav-links .page-numbers{padding:8px 14px;border-radius:var(--radio);background:#fff;text-decoration:none;font-weight:700}
.nav-links .current{background:var(--tinta);color:#fff}

/* Ficha */
.ficha{padding:28px 0 72px}
.aviso-demo{background:var(--tinta);color:#fff;padding:10px 14px;border-radius:var(--radio);font-size:.9rem;font-weight:600;border-left:4px solid var(--naranja)}
.ficha__in{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:40px;align-items:start}
.ficha__galeria{min-width:0}
.ficha__principal{aspect-ratio:4/3;border-radius:calc(var(--radio) * 2);overflow:hidden;background:var(--papel-2)}
.ficha__principal img{width:100%;height:100%;object-fit:contain}
.ficha__miniaturas{list-style:none;margin:12px 0 0;padding:0;display:flex;gap:8px;overflow-x:auto}
.ficha__miniaturas button{border:2px solid transparent;padding:0;border-radius:var(--radio);overflow:hidden;cursor:pointer;width:88px;height:66px;background:none}
.ficha__miniaturas button.is-on{border-color:var(--naranja)}
.ficha__miniaturas img{width:100%;height:100%;object-fit:cover}
.ficha__credito{font-size:.8rem;color:var(--gris);margin-top:8px}
.ficha__caja{background:#fff;border-radius:calc(var(--radio) * 2);padding:30px;box-shadow:var(--sombra);position:sticky;top:calc(var(--cab) + 20px)}
.ficha__caja h1{font-size:clamp(2.2rem,4vw,3.2rem);margin-bottom:.3em}
.ficha__oferta{display:inline-block;background:var(--naranja);color:#fff;font-weight:800;padding:6px 12px;border-radius:4px;margin-bottom:14px}
.ficha__precio{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-bottom:6px}
.ficha__precio strong{font-size:2.6rem}
.ficha__precio .cuota{font-size:1.05rem}
.ficha__aviso{font-size:.78rem;color:var(--gris);line-height:1.4}
.ficha__specs{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--linea);border:1px solid var(--linea);border-radius:var(--radio);overflow:hidden;margin:18px 0 22px}
.ficha__specs div{background:#fff;padding:10px 14px}
.ficha__specs dt{font-size:.8rem;color:var(--gris);font-weight:600}
.ficha__specs dd{margin:0;font-weight:700}
.ficha__specs div:last-child:nth-child(odd){grid-column:1/-1}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.field[hidden]{display:none}
.cookies{position:fixed;left:16px;right:16px;bottom:16px;z-index:200;max-width:560px;margin:0 auto;background:#fff;border:1px solid var(--linea);border-radius:var(--radio);box-shadow:0 10px 30px rgba(0,0,0,.18);padding:18px;display:grid;gap:12px;font-size:.92rem}
.cookies[hidden]{display:none}
.cookies p{margin:0}
.cookies div{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
.ficha__btns{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ficha__btns .btn--main{grid-column:1/-1}
.ficha__extras{list-style:none;margin:20px 0 0;padding:16px 0 0;border-top:1px solid var(--linea);display:grid;gap:8px;font-size:.92rem;font-weight:600}
.ficha__extras li{display:flex;gap:10px;align-items:center}
.ficha__extras .ic{color:var(--naranja-2)}
.ficha__mas{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;margin-top:56px;align-items:start}
.ficha__desc h2{font-size:2rem}
.lista-check{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:8px}
.lista-check li{padding-left:28px;position:relative}
.lista-check li::before{content:"";position:absolute;left:0;top:.45em;width:14px;height:8px;border-left:3px solid var(--naranja-2);border-bottom:3px solid var(--naranja-2);transform:rotate(-45deg)}
@media (max-width:960px){.ficha__in,.ficha__mas{grid-template-columns:minmax(0,1fr)}.ficha__caja{position:static}}

/* Texto corrido */
.texto h2{font-size:2rem;margin-top:1.4em}
.texto h2:first-child{margin-top:0}
.texto ul{padding-left:1.2em}
.texto table{width:100%;border-collapse:collapse;font-size:.92rem}
.texto th,.texto td{border:1px solid var(--linea);padding:8px 10px;text-align:left;vertical-align:top}
.tabla{overflow-x:auto}
.texto-seo{padding-top:0}
.texto-seo h2{font-size:1.8rem}
.texto-seo p{color:var(--gris)}
.dos-col{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}
.dos-col__vis img{border-radius:calc(var(--radio) * 2);width:100%}
@media (max-width:900px){.dos-col{grid-template-columns:1fr}}
.tres{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.tres li{background:#fff;padding:28px;border-radius:calc(var(--radio) * 1.5);box-shadow:var(--sombra)}
.tres p{color:var(--gris)}
.tres a{font-weight:700;color:var(--naranja-2)}
@media (max-width:800px){.tres{grid-template-columns:1fr}}

/* Pie */
.pie{padding:64px 0 0;margin-top:0}
.pie__in{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding-bottom:40px}
.pie__logo{width:170px;height:auto;margin-bottom:18px}
.pie h2{font:700 1rem/1.2 var(--txt);color:#fff;margin-bottom:14px}
.pie ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.pie a{text-decoration:none;color:#d9dde2}
.pie address{font-style:normal;line-height:1.8}
.pie__social{display:inline-flex;gap:8px;align-items:center;font-weight:700}
.pie__legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;border-top:1px solid var(--linea-osc);padding-top:20px;padding-bottom:24px;font-size:.85rem;color:var(--gris-claro)}
.pie__legal p{margin:0}
.pie__legal ul{display:flex;gap:18px}
@media (max-width:800px){.pie__in{grid-template-columns:1fr;gap:28px}}

/* Botón flotante de contacto (WhatsApp o llamar) */
.flotante{position:fixed;right:20px;bottom:20px;z-index:60;display:inline-flex;align-items:center;gap:10px;min-height:56px;padding:0 22px 0 18px;border-radius:40px;background:var(--naranja);color:#fff;font:700 1rem/1 var(--txt);text-decoration:none;box-shadow:0 6px 20px rgba(0,0,0,.25);transition:transform .2s,background .2s;margin-bottom:env(safe-area-inset-bottom)}
.flotante:hover{color:#fff;background:var(--naranja-2);transform:translateY(-2px)}
.flotante .ic{width:26px;height:26px}
.flotante--wa{background:#25d366}
.flotante--wa:hover{background:#1ebe5a}
@media (max-width:600px){.flotante{right:14px;bottom:14px;width:58px;height:58px;padding:0;justify-content:center}.flotante span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}

/* Aparición suave al hacer scroll */
html.anim .revela{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
html.anim .revela.is-visto{opacity:1;transform:none}

/* Página del taller */
.banda__btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.banda--taller{padding-bottom:64px}

/* Portada: qué hacemos */
.areas__lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.area{display:flex;flex-direction:column;height:100%;padding:28px 24px 24px;border:1px solid var(--linea);border-radius:calc(var(--radio) * 1.5);background:#fff;text-decoration:none;color:inherit;transition:border-color .2s,transform .25s,box-shadow .25s}
.area:hover{color:inherit;border-color:var(--tinta);transform:translateY(-3px);box-shadow:var(--sombra)}
.area__ic{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--papel);color:var(--naranja);margin-bottom:18px}
.area__ic .ic{width:24px;height:24px}
.area h3{font-size:1.4rem;margin-bottom:.35em}
.area p{color:var(--gris);font-size:.95rem;margin:0 0 18px}
.area__link{margin-top:auto;font-weight:800;display:inline-flex;gap:6px;align-items:center;color:var(--naranja-2)}
.area--rojo{background:var(--naranja);border-color:var(--naranja);color:#fff}
.area--rojo:hover{color:#fff;border-color:var(--naranja-2);background:var(--naranja-2)}
.area--rojo p,.area--rojo .area__link{color:#fff}
.area--rojo .area__ic{background:rgba(255,255,255,.16);color:#fff}
@media (max-width:1000px){.areas__lista{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.areas__lista{grid-template-columns:1fr;gap:12px}.area{padding:22px 20px}}

/* Carrusel de motos */
.stock-portada .cabecera-sec{margin-bottom:24px}
.stock-portada .cabecera-sec h2{margin-bottom:.2em}
.stock-portada .cabecera-sec p{margin:0;color:var(--gris)}
.carrusel__ctrl{display:flex;align-items:center;gap:10px;flex:none}
.carrusel__todas{font-weight:700;display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:var(--naranja-2);margin-right:8px}
.carrusel__btn{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid #cfcfca;background:#fff;color:var(--tinta);cursor:pointer;transition:border-color .2s,background .2s,color .2s}
.carrusel__btn:hover:not(:disabled){background:var(--tinta);border-color:var(--tinta);color:#fff}
.carrusel__btn:disabled{opacity:.35;cursor:default}
.carrusel__btn[data-prev] .ic{transform:rotate(180deg)}
.carrusel.is-corto .carrusel__btn{display:none}
.carrusel__pista{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 72px) / 4);gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 2px;padding:6px 2px 26px;margin:-6px -2px 0;scrollbar-width:none;overscroll-behavior-x:contain}
.carrusel__pista::-webkit-scrollbar{display:none}
.carrusel__pista>.tarjeta{scroll-snap-align:start}
.carrusel__pista:focus-visible{outline:2px solid var(--naranja);outline-offset:4px}
@media (max-width:1100px){.carrusel__pista{grid-auto-columns:calc((100% - 48px) / 3)}}
@media (max-width:800px){.carrusel__pista{grid-auto-columns:calc((100% - 16px) / 2);gap:16px}.stock-portada .cabecera-sec--fila{display:flex;align-items:end}.carrusel__ctrl .carrusel__btn{display:none}}
@media (max-width:560px){.carrusel__pista{grid-auto-columns:82%;gap:14px}.stock-portada .cabecera-sec--fila{display:block}.carrusel__todas{margin-top:12px}}

/* Portada: el taller */
.taller-portada__in{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.taller-portada__in p{color:#c9ced4;max-width:34em}
.taller-portada__lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--linea-osc);border:1px solid var(--linea-osc);border-radius:var(--radio);overflow:hidden}
.taller-portada__lista li{display:flex;gap:12px;align-items:center;padding:18px;background:var(--tinta);font-weight:700}
.taller-portada__lista .ic{color:var(--naranja);flex:none;width:24px;height:24px}
@media (max-width:900px){.taller-portada__in{grid-template-columns:1fr;gap:32px}}
@media (max-width:420px){.taller-portada__lista{grid-template-columns:1fr}}

/* Ficha: flechas de la galería */
.ficha__principal{position:relative}
.ficha__flecha{position:absolute;top:50%;right:12px;transform:translateY(-50%);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:var(--tinta);cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.18);transition:background .2s,color .2s}
.ficha__flecha:hover{background:var(--tinta);color:#fff}
.ficha__flecha--ant{right:auto;left:12px}
.ficha__flecha--ant .ic{transform:rotate(180deg)}
.ficha__contador{position:absolute;right:12px;bottom:12px;background:rgba(17,17,17,.75);color:#fff;font-size:.8rem;font-weight:700;padding:4px 9px;border-radius:30px}

/* Franja en movimiento con todo lo que hay en la tienda */
.cinta{display:flex;overflow:hidden;padding:0;border-top:3px solid var(--naranja)}
.cinta__lista{list-style:none;margin:0;padding:0;display:flex;flex:none;animation:cinta 38s linear infinite}
.cinta:hover .cinta__lista,.cinta:focus-within .cinta__lista{animation-play-state:paused}
.cinta li{flex:none}
.cinta a{display:inline-flex;align-items:center;gap:10px;padding:16px 30px;color:#fff;font:700 1.05rem/1 var(--txt);text-decoration:none;white-space:nowrap;border-right:1px solid var(--linea-osc)}
.cinta a:hover{color:var(--naranja)}
.cinta .ic{color:var(--naranja);width:22px;height:22px}
@keyframes cinta{to{transform:translateX(-100%)}}
@media (prefers-reduced-motion:reduce){.cinta{overflow-x:auto}.cinta__lista{animation:none!important}.cinta__lista[aria-hidden]{display:none}}
@media (max-width:600px){.cinta a{padding:13px 20px;font-size:.95rem}}

/* 1.4.6: portada de la tienda, confianza y visitas en la ficha de ocasión */
.tienda-cats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.tienda-cats img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:var(--radio,10px);display:block;margin-bottom:14px}
.tienda-cats h2{font-size:1.15rem;margin:0 0 .3em}
.tienda-cats p{margin:0;color:var(--gris);font-size:.95rem}
.ficha__vistas{display:inline-flex;align-items:center;gap:10px;margin:14px 0 0;padding:9px 16px;border-radius:999px;background:#fff1f0;border:1px solid rgba(227,15,11,.25);font-size:.95rem;font-weight:700;color:var(--tinta)}
.ficha__vistas b{color:var(--naranja);font-size:1.05rem}
.ficha__vistas i{flex:none;width:9px;height:9px;border-radius:50%;background:var(--naranja);animation:mm-pulso 1.6s ease-out infinite}
@keyframes mm-pulso{0%{box-shadow:0 0 0 0 rgba(227,15,11,.5)}100%{box-shadow:0 0 0 10px rgba(227,15,11,0)}}
@media (prefers-reduced-motion:reduce){.ficha__vistas i{animation:none}}
.ficha__confianza{margin-top:34px}
@media (max-width:900px){.tienda-cats,.ficha__confianza{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.tienda-cats{grid-template-columns:1fr 1fr;gap:16px}.ficha__confianza{grid-template-columns:1fr}}