/* ==========================================================================
   Plantilla de impresión AutoDetailing — cuadernillo, menú rápido y "Así cuidamos tu auto".
   Página tabloide 27.94 × 43.18 cm. Las medidas salen del diseño v12 (vista previa de 725 px
   de ancho): --k convierte esos píxeles a milímetros, así el diseño se conserva al portar.
   ========================================================================== */

@font-face { font-family: "Archivo"; src: url("fuentes/Archivo-VF.ttf") format("truetype"); font-weight: 100 900; font-stretch: 62% 125%; }

@page { size: 279.4mm 431.8mm; margin: 0; }

:root {
	--k: .3854mm;
	--negro: #0B0C0E;
	--tarjeta: #15171B;
	--tarjeta-2: #1B1E23;
	--linea: #2A2E34;
	--tinta: #F2F3F5;
	--tinta-2: #C3C8CE;
	--tinta-3: #8C939B;
	--naranja: #FF5B14;
	--margen: calc(57 * var(--k));
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { background: #3A3D42; }
body { font-family: "Archivo", "Helvetica Neue", Arial, sans-serif; color: var(--tinta); -webkit-print-color-adjust: exact; print-color-adjust: exact; }
img { display: block; max-width: 100%; }
ul, ol { list-style: none; }

.pagina {
	position: relative; width: 279.4mm; height: 431.8mm; margin: 0 auto 10mm; overflow: hidden;
	padding: calc(46 * var(--k)) var(--margen) calc(40 * var(--k)); background: var(--negro);
	font-size: calc(11 * var(--k)); line-height: 1.45; page-break-after: always; break-after: page;
}
@media print { html, body { background: none; } .pagina { margin: 0; } }
.pagina::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: calc(16 * var(--k)); background: var(--naranja); }
.pagina__num { position: absolute; bottom: calc(3 * var(--k)); z-index: 1; font-size: calc(8 * var(--k)); font-weight: 600; color: var(--negro); }
.pagina--par .pagina__num { left: var(--margen); }
.pagina--non .pagina__num { right: var(--margen); }

/* Marcas de corte opcionales */
.con-marcas .pagina { outline: 0.2mm dashed rgba(255, 255, 255, .35); outline-offset: -3mm; }

/* ---------- encabezado ---------- */
.cabeza { display: flex; align-items: center; justify-content: space-between; padding-bottom: calc(16 * var(--k)); border-bottom: calc(1.2 * var(--k)) solid var(--naranja); margin-bottom: calc(30 * var(--k)); }
.marca { display: flex; align-items: center; gap: calc(12 * var(--k)); color: var(--tinta); }
.marca img { width: calc(58 * var(--k)); height: auto; }
.marca__nombre { font-stretch: 125%; font-weight: 700; letter-spacing: .1em; font-size: calc(9.5 * var(--k)); }
.marca__nombre b { color: var(--naranja); font-weight: 700; }
.cabeza__seccion { font-stretch: 125%; font-weight: 700; font-size: calc(10 * var(--k)); letter-spacing: .16em; text-transform: uppercase; color: var(--naranja); }

/* ---------- tipografía ---------- */
.titulo { font-stretch: 125%; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; line-height: 1; }
.titulo--xl { font-size: calc(27 * var(--k)); }
.titulo--l { font-size: calc(19 * var(--k)); }
.titulo--m { font-size: calc(14 * var(--k)); }
.titulo--s { font-size: calc(11.5 * var(--k)); }
.naranja { color: var(--naranja); }
.num { margin-right: calc(14 * var(--k)); color: var(--naranja); }
.bajada { margin-top: calc(8 * var(--k)); font-size: calc(10 * var(--k)); color: var(--tinta-2); }
.bajada--sangria { margin-left: calc(41 * var(--k)); }
.texto { font-size: calc(12 * var(--k)); line-height: 1.6; color: var(--tinta-2); }
.nota { font-size: calc(8.5 * var(--k)); color: var(--tinta-3); }
.etiqueta { display: inline-flex; align-items: center; padding: calc(1.5 * var(--k)) calc(7 * var(--k)); border: calc(1 * var(--k)) solid var(--naranja); border-radius: 99px; font-size: calc(7 * var(--k)); font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--naranja); white-space: nowrap; }
.etiqueta--llena { background: var(--naranja); color: var(--negro); }
.reloj { display: inline-flex; align-items: center; gap: calc(4 * var(--k)); padding: calc(2 * var(--k)) calc(7 * var(--k)); border-radius: 99px; background: var(--tarjeta-2); font-size: calc(9 * var(--k)); font-weight: 600; letter-spacing: 0; text-transform: none; white-space: nowrap; }
.reloj svg { width: calc(11 * var(--k)); height: calc(11 * var(--k)); color: var(--naranja); }
.precio { font-stretch: 112%; font-weight: 700; white-space: nowrap; }
.tachado { text-decoration: line-through; }
.tarjeta { background: var(--tarjeta); border-radius: calc(8 * var(--k)); }
.tarjeta--naranja { box-shadow: inset 0 0 0 calc(1.3 * var(--k)) var(--naranja); }
.linea { height: calc(1 * var(--k)); background: var(--linea); margin-block: calc(18 * var(--k)); }
.linea--naranja { background: var(--naranja); }

/* ---------- portada ---------- */
.portada { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding-top: 0; }
.portada__agua { position: absolute; left: 50%; top: 50%; width: 118%; aspect-ratio: 139 / 100; transform: translate(-50%, -52%); opacity: .5;
	background: repeating-linear-gradient(135deg, rgba(255, 255, 255, .13) 0 calc(1 * var(--k)), transparent calc(1 * var(--k)) calc(6 * var(--k)));
	-webkit-mask: url("img/marca-blanca.svg") center / contain no-repeat; mask: url("img/marca-blanca.svg") center / contain no-repeat; }
.portada__marca { position: relative; width: calc(270 * var(--k)); color: var(--tinta); }
.portada__marca svg { width: 100%; height: auto; }
.portada__nombre { position: relative; margin-top: calc(40 * var(--k)); font-stretch: 125%; font-weight: 800; letter-spacing: .08em; font-size: calc(29 * var(--k)); }
.portada__nombre b { color: var(--naranja); }
.portada__raya { width: calc(78 * var(--k)); height: calc(2 * var(--k)); margin: calc(18 * var(--k)) auto; background: var(--naranja); }
.portada__lema { position: relative; font-size: calc(11 * var(--k)); color: var(--tinta-2); }
.portada__menu { position: relative; margin-top: calc(90 * var(--k)); font-stretch: 125%; font-weight: 800; letter-spacing: .16em; font-size: calc(19 * var(--k)); }
.portada__vonixx { position: absolute; left: 0; right: 0; bottom: calc(92 * var(--k)); display: flex; flex-direction: column; align-items: center; gap: calc(6 * var(--k)); }
.portada__vonixx span { font-size: calc(8.5 * var(--k)); font-weight: 700; color: var(--naranja); }
.portada__vonixx svg { width: calc(156 * var(--k)); color: var(--tinta); }

/* ---------- bienvenida ---------- */
.rasgos { display: grid; grid-template-columns: repeat(3, 1fr); gap: calc(14 * var(--k)); margin-top: calc(26 * var(--k)); padding-bottom: calc(24 * var(--k)); border-bottom: calc(1 * var(--k)) solid var(--linea); }
.rasgo { display: flex; align-items: center; gap: calc(10 * var(--k)); }
.rasgo__icono { display: grid; place-items: center; flex-shrink: 0; width: calc(40 * var(--k)); height: calc(40 * var(--k)); border-radius: calc(6 * var(--k)); background: var(--tarjeta); color: var(--naranja); }
.rasgo__icono svg { width: 60%; height: 60%; }
.rasgo strong { display: block; font-size: calc(11 * var(--k)); }
.rasgo small { font-size: calc(8.5 * var(--k)); color: var(--tinta-2); }

.compara { display: grid; grid-template-columns: 1.9fr repeat(var(--cols), 1fr); column-gap: calc(8 * var(--k)); margin-top: calc(20 * var(--k)); font-size: calc(10 * var(--k)); }
.compara__col { display: contents; }
.compara__cab, .compara__cel { display: flex; align-items: center; justify-content: center; text-align: center; min-height: calc(37.6 * var(--k)); padding: 0 calc(4 * var(--k)); border-bottom: calc(1 * var(--k)) solid var(--linea); }
.compara__cab { flex-direction: column; justify-content: flex-start; min-height: calc(90 * var(--k)); padding-top: calc(18 * var(--k)); border-radius: calc(6 * var(--k)) calc(6 * var(--k)) 0 0; background: var(--tarjeta); font-stretch: 125%; font-weight: 800; letter-spacing: .06em; font-size: calc(10 * var(--k)); text-transform: uppercase; }
.compara__cab small { margin-top: auto; padding-bottom: calc(12 * var(--k)); font-stretch: 100%; font-weight: 500; letter-spacing: 0; text-transform: none; color: var(--naranja); }
.compara__cel { background: var(--tarjeta); font-weight: 600; font-size: calc(8.5 * var(--k)); }
.compara__fila { justify-content: flex-start; background: none; font-weight: 400; font-size: calc(9.5 * var(--k)); text-align: left; }
.compara__cel svg { width: calc(18 * var(--k)); height: calc(18 * var(--k)); color: var(--naranja); }
.compara__cel .guion { width: calc(10 * var(--k)); height: calc(1 * var(--k)); background: #4A4F57; }
.compara .es-reco { box-shadow: inset calc(1.3 * var(--k)) 0 0 var(--naranja), inset calc(-1.3 * var(--k)) 0 0 var(--naranja); }
.compara .es-reco.compara__cab { position: relative; box-shadow: inset 0 calc(1.3 * var(--k)) 0 var(--naranja), inset calc(1.3 * var(--k)) 0 0 var(--naranja), inset calc(-1.3 * var(--k)) 0 0 var(--naranja); }
.compara .es-reco.es-ultima { border-radius: 0 0 calc(6 * var(--k)) calc(6 * var(--k)); box-shadow: inset calc(1.3 * var(--k)) 0 0 var(--naranja), inset calc(-1.3 * var(--k)) 0 0 var(--naranja), inset 0 calc(-1.3 * var(--k)) 0 var(--naranja); }
.insignia { position: absolute; top: calc(-7 * var(--k)); left: 50%; transform: translateX(-50%); padding: calc(1.5 * var(--k)) calc(7 * var(--k)); border-radius: 99px; background: var(--naranja); color: var(--negro); font-size: calc(6.5 * var(--k)); font-weight: 700; letter-spacing: .12em; white-space: nowrap; }
.aviso { margin-top: calc(26 * var(--k)); padding: calc(22 * var(--k)) calc(18 * var(--k)); border-radius: calc(8 * var(--k)); background: var(--tarjeta); box-shadow: inset 0 0 0 calc(1.3 * var(--k)) var(--naranja); }
.aviso p { margin-top: calc(10 * var(--k)); font-size: calc(10.5 * var(--k)); color: var(--tinta-2); }

/* ---------- tabla de precios por tamaño ---------- */
.tabla { display: grid; grid-template-columns: 1fr repeat(var(--cols), calc(84 * var(--k))); column-gap: calc(8 * var(--k)); margin-top: calc(10 * var(--k)); }
.tabla--lista { grid-template-columns: 1fr calc(70 * var(--k)) repeat(var(--cols), calc(76 * var(--k))); }
.tabla__cab { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: calc(3 * var(--k)); padding: calc(14 * var(--k)) calc(4 * var(--k)) calc(10 * var(--k)); border-radius: calc(6 * var(--k)) calc(6 * var(--k)) 0 0; background: var(--tarjeta); text-align: center; font-stretch: 125%; font-weight: 800; font-size: calc(8.5 * var(--k)); letter-spacing: .06em; text-transform: uppercase; line-height: 1.25; }
.tabla__cab small { font-stretch: 100%; font-weight: 500; letter-spacing: 0; text-transform: none; font-size: calc(6.5 * var(--k)); color: var(--tinta-2); }
.tabla__cab img { width: calc(26 * var(--k)); filter: brightness(0) invert(1); }
.tabla__cab--vacia { background: none; justify-content: flex-end; align-items: flex-start; font-stretch: 100%; font-weight: 600; font-size: calc(7.5 * var(--k)); letter-spacing: .12em; color: var(--tinta-2); }
.tabla__cab--tiempo { background: none; }
.tabla__rot { display: flex; align-items: center; gap: calc(10 * var(--k)); min-height: calc(35 * var(--k)); border-bottom: calc(1 * var(--k)) solid var(--linea); font-size: calc(10.5 * var(--k)); }
.tabla__rot img { width: calc(36 * var(--k)); filter: brightness(0) invert(1); opacity: .85; }
.tabla__cel { display: flex; align-items: center; justify-content: center; min-height: calc(35 * var(--k)); background: var(--tarjeta); border-bottom: calc(1 * var(--k)) solid var(--linea); font-stretch: 112%; font-weight: 700; font-size: calc(12.5 * var(--k)); }
.tabla__cel.es-reco { color: var(--naranja); }
.tabla__cel--fin { border-radius: 0 0 calc(6 * var(--k)) calc(6 * var(--k)); border-bottom: 0; }
.tabla .es-reco { box-shadow: inset calc(1.3 * var(--k)) 0 0 var(--naranja), inset calc(-1.3 * var(--k)) 0 0 var(--naranja); }
.tabla .es-reco.tabla__cab { position: relative; box-shadow: inset 0 calc(1.3 * var(--k)) 0 var(--naranja), inset calc(1.3 * var(--k)) 0 0 var(--naranja), inset calc(-1.3 * var(--k)) 0 0 var(--naranja); }
.tabla .es-reco.tabla__cel--fin { box-shadow: inset calc(1.3 * var(--k)) 0 0 var(--naranja), inset calc(-1.3 * var(--k)) 0 0 var(--naranja), inset 0 calc(-1.3 * var(--k)) 0 var(--naranja); }
.tabla__grupo { grid-column: 1 / 3; padding: calc(12 * var(--k)) 0 calc(6 * var(--k)); font-weight: 700; font-size: calc(10 * var(--k)); color: var(--naranja); }
.tabla__hueco { background: var(--tarjeta); }
.fila { display: flex; align-items: center; gap: calc(6 * var(--k)); min-height: calc(41.5 * var(--k)); }
.fila__txt { display: flex; flex-direction: column; }
.fila__txt strong { font-size: calc(12 * var(--k)); font-weight: 600; }
.fila__txt small { display: flex; align-items: center; gap: calc(6 * var(--k)); font-size: calc(8.5 * var(--k)); color: var(--tinta-2); }
.fila__puntos { flex: 1; align-self: center; height: 0; margin: 0 calc(4 * var(--k)); border-bottom: calc(1.3 * var(--k)) dotted #555A61; }
.fila__tiempo { display: flex; align-items: center; min-height: calc(41.5 * var(--k)); }
.tabla__precio { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: calc(41.5 * var(--k)); background: var(--tarjeta); font-stretch: 112%; font-weight: 700; font-size: calc(12.5 * var(--k)); color: var(--naranja); }
.tabla__precio small { font-stretch: 100%; font-weight: 400; font-size: calc(6.5 * var(--k)); color: var(--tinta-2); }
.tabla__precio--span { grid-column: span var(--span); }
.tabla__pie { grid-column: 3 / -1; height: calc(8 * var(--k)); background: var(--tarjeta); border-radius: 0 0 calc(6 * var(--k)) calc(6 * var(--k)); }

.pie-tabla { display: flex; justify-content: space-between; margin-top: calc(10 * var(--k)); font-size: calc(8.5 * var(--k)); color: var(--tinta-2); }
.pie-tabla .naranja { font-weight: 600; }

/* ---------- extras de limpieza ---------- */
.extras { display: grid; grid-template-columns: 1fr 1fr; gap: calc(6 * var(--k)) calc(40 * var(--k)); margin-top: calc(10 * var(--k)); padding-bottom: calc(16 * var(--k)); border-bottom: calc(1 * var(--k)) solid var(--linea); }
.extra { display: flex; flex-direction: column; }
.extra__fila { display: flex; align-items: baseline; font-size: calc(12 * var(--k)); }
.extra__fila .precio { font-size: calc(12.5 * var(--k)); }
.extra small { font-size: calc(7.5 * var(--k)); color: var(--tinta-2); }

.dos { display: grid; grid-template-columns: 1fr 1fr; gap: calc(14 * var(--k)); margin-top: calc(20 * var(--k)); }
.promo { padding: calc(18 * var(--k)) calc(16 * var(--k)); }
.promo__cab { display: flex; justify-content: space-between; align-items: baseline; }
.promo__cab small { font-size: calc(8 * var(--k)); font-weight: 600; color: var(--tinta-2); }
.promo p { margin-top: calc(10 * var(--k)); font-size: calc(9 * var(--k)); color: var(--tinta-2); }

.club { position: relative; margin-top: calc(20 * var(--k)); padding: calc(22 * var(--k)) calc(20 * var(--k)); overflow: hidden; }
.club__eyebrow { font-size: calc(8 * var(--k)); font-weight: 700; letter-spacing: .12em; color: var(--naranja); }
.club__lema { max-width: 72%; margin-top: calc(10 * var(--k)); font-weight: 700; font-size: calc(10.5 * var(--k)); color: var(--naranja); }
.visitas { display: flex; align-items: flex-start; gap: calc(8 * var(--k)); margin-top: calc(26 * var(--k)); max-width: 75%; }
.visita { display: flex; flex-direction: column; align-items: center; gap: calc(8 * var(--k)); flex: 1; font-size: calc(8 * var(--k)); color: var(--tinta-2); }
.visita__o { display: grid; place-items: center; width: calc(42 * var(--k)); height: calc(42 * var(--k)); border-radius: 50%; box-shadow: inset 0 0 0 calc(1.5 * var(--k)) var(--naranja); color: var(--naranja); }
.visita__o svg { width: 55%; height: 55%; }
.visita--regalo .visita__o { background: var(--naranja); color: var(--negro); }
.visita--regalo { color: var(--naranja); font-weight: 700; }
.club__txt { max-width: 72%; margin-top: calc(22 * var(--k)); font-size: calc(9.5 * var(--k)); color: var(--tinta-2); }
.club__nota { margin-top: calc(60 * var(--k)); font-size: calc(7.5 * var(--k)); color: var(--tinta-3); }
.club__img { position: absolute; right: calc(20 * var(--k)); bottom: calc(18 * var(--k)); height: calc(240 * var(--k)); width: auto; }

/* ---------- paquetes ---------- */
.paquetes { display: flex; flex-direction: column; gap: calc(9 * var(--k)); margin-top: calc(16 * var(--k)); }
.paquete { display: grid; grid-template-columns: calc(150 * var(--k)) 1fr; gap: calc(20 * var(--k)); padding: calc(18 * var(--k)) calc(18 * var(--k)) calc(16 * var(--k)); }
.paquete__fotos { display: flex; align-items: center; justify-content: center; overflow: hidden; }
.paquete__fotos img { height: calc(120 * var(--k)); width: auto; max-width: 60%; object-fit: contain; margin-inline: calc(-10 * var(--k)); }
.paquete__fotos img:nth-child(2) { height: calc(150 * var(--k)); position: relative; z-index: 1; }
.paquete__cab { display: flex; justify-content: space-between; align-items: center; }
.paquete__frase { margin-top: calc(6 * var(--k)); font-size: calc(9.5 * var(--k)); color: var(--naranja); }
.puntos { display: grid; grid-template-columns: 1fr 1fr; gap: calc(3 * var(--k)) calc(16 * var(--k)); margin-top: calc(10 * var(--k)); font-size: calc(8.5 * var(--k)); color: var(--tinta-2); }
.puntos li { display: flex; gap: calc(6 * var(--k)); }
.puntos li::before { content: ""; flex-shrink: 0; width: calc(4 * var(--k)); height: calc(4 * var(--k)); margin-top: .5em; border-radius: 50%; background: var(--naranja); }
.puntos--una { grid-template-columns: 1fr; }
.paquete__precios { display: grid; grid-template-columns: auto repeat(var(--cols), 1fr); gap: calc(6 * var(--k)); margin-top: calc(14 * var(--k)); }
.caja { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: calc(4 * var(--k)); min-height: calc(76 * var(--k)); padding: calc(6 * var(--k)); border-radius: calc(5 * var(--k)); background: var(--tarjeta-2); text-align: center; }
.caja small { font-size: calc(7 * var(--k)); color: var(--tinta-2); }
.caja .precio { font-size: calc(17 * var(--k)); color: var(--naranja); }
.caja .tachado { font-size: calc(7 * var(--k)); color: var(--tinta-3); }
.caja--tiempo { background: none; padding-inline: 0; }

/* ---------- repelencia ---------- */
.feature { display: grid; grid-template-columns: 1fr 1fr; gap: calc(16 * var(--k)); margin-top: calc(16 * var(--k)); }
.feat { display: grid; grid-template-columns: calc(90 * var(--k)) 1fr; grid-template-rows: 1fr auto; gap: calc(10 * var(--k)) calc(14 * var(--k)); padding: calc(16 * var(--k)); }
.feat__img { grid-row: 1; display: flex; align-items: center; }
.feat__img img { max-height: calc(170 * var(--k)); width: auto; }
.feat__txt { display: flex; flex-direction: column; gap: calc(8 * var(--k)); }
.feat__txt strong { font-size: calc(12.5 * var(--k)); }
.feat__txt p { font-size: calc(8.5 * var(--k)); color: var(--tinta-2); }
.feat__txt .reloj { margin-top: auto; align-self: flex-start; }
.feat__precios { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(var(--cols), 1fr); gap: calc(6 * var(--k)); }

/* ---------- ceras ---------- */
.ceras { display: grid; grid-template-columns: 1fr 1fr; gap: calc(12 * var(--k)); margin-top: calc(14 * var(--k)); }
.cera { display: grid; grid-template-columns: calc(70 * var(--k)) 1fr; gap: calc(12 * var(--k)); padding: calc(14 * var(--k)); }
.cera__img { display: flex; align-items: center; justify-content: center; }
.cera__img img { max-height: calc(110 * var(--k)); width: auto; }
.cera__cab { display: flex; justify-content: space-between; align-items: baseline; }
.cera__cab strong { font-size: calc(11.5 * var(--k)); }
.cera__cab .precio { font-size: calc(13 * var(--k)); color: var(--naranja); }
.cera small { display: block; margin-top: calc(2 * var(--k)); font-size: calc(7.5 * var(--k)); color: var(--tinta-2); }
.medidor { display: grid; gap: calc(3 * var(--k)); margin-top: calc(10 * var(--k)); font-size: calc(8 * var(--k)); color: var(--tinta-2); }
.medidor div { display: grid; grid-template-columns: calc(70 * var(--k)) 1fr; align-items: center; }
.medidor span { display: flex; gap: calc(3 * var(--k)); }
.medidor i { width: calc(14 * var(--k)); height: calc(6 * var(--k)); border-radius: calc(1.5 * var(--k)); background: #33373D; }
.medidor--circulos i { width: calc(8 * var(--k)); height: calc(8 * var(--k)); border-radius: 50%; }
.medidor--cuadros i { width: calc(8 * var(--k)); height: calc(8 * var(--k)); border-radius: calc(1 * var(--k)); }
.medidor i.on { background: var(--naranja); }
.cera__pie { display: flex; justify-content: space-between; align-items: center; margin-top: calc(10 * var(--k)); }

.boutique { display: grid; grid-template-columns: repeat(4, 1fr); gap: calc(10 * var(--k)); margin-top: calc(16 * var(--k)); }
.producto { display: flex; flex-direction: column; align-items: center; gap: calc(4 * var(--k)); padding: calc(14 * var(--k)) calc(8 * var(--k)) calc(16 * var(--k)); text-align: center; background: radial-gradient(80% 60% at 50% 30%, rgba(255, 255, 255, .07), rgba(255, 255, 255, 0) 70%), var(--tarjeta); }
.producto img { height: calc(120 * var(--k)); width: auto; margin-bottom: calc(8 * var(--k)); }
.producto strong { font-size: calc(10.5 * var(--k)); }
.producto small { font-size: calc(7.5 * var(--k)); color: var(--tinta-2); }
.pie-boutique { display: flex; justify-content: space-between; align-items: center; margin-top: calc(18 * var(--k)); font-size: calc(9 * var(--k)); font-weight: 600; color: var(--naranja); }
.pie-boutique svg { width: calc(80 * var(--k)); color: var(--tinta); }

/* ---------- cotización y motos ---------- */
.cotiza { display: grid; grid-template-columns: repeat(var(--cols), 1fr); gap: calc(8 * var(--k)); margin-top: calc(12 * var(--k)); }
.cotiza span { display: grid; place-items: center; min-height: calc(30 * var(--k)); border-radius: calc(5 * var(--k)); box-shadow: inset 0 0 0 calc(1.2 * var(--k)) var(--naranja); font-weight: 600; font-size: calc(10.5 * var(--k)); }
.pronto { display: flex; align-items: center; gap: calc(10 * var(--k)); margin-top: calc(10 * var(--k)); font-size: calc(8.5 * var(--k)); }
.cab-fila { display: flex; justify-content: space-between; align-items: baseline; }
.cab-fila > small { font-weight: 600; font-size: calc(9 * var(--k)); color: var(--naranja); }
.motos { display: grid; grid-template-columns: 1fr 1fr; gap: calc(14 * var(--k)); margin-top: calc(14 * var(--k)); }
.moto { padding: calc(18 * var(--k)); }
.moto__precio { display: flex; justify-content: space-between; align-items: center; margin-top: calc(14 * var(--k)); padding-bottom: calc(10 * var(--k)); border-bottom: calc(1 * var(--k)) solid var(--linea); }
.moto__precio .precio { font-size: calc(20 * var(--k)); color: var(--naranja); }
.moto p { margin-top: calc(10 * var(--k)); font-size: calc(8.5 * var(--k)); color: var(--tinta-2); }
.moto .puntos { grid-template-columns: 1fr; }
.moto-extras { display: grid; grid-template-columns: 1fr calc(70 * var(--k)) calc(70 * var(--k)); margin-top: calc(14 * var(--k)); }
.moto-extras__cab { font-size: calc(7.5 * var(--k)); letter-spacing: .12em; color: var(--tinta-2); text-align: center; }
.moto-extras .precio { display: flex; align-items: center; justify-content: flex-end; font-size: calc(12 * var(--k)); color: var(--naranja); }

/* ---------- así cuidamos tu auto ---------- */
.kit { padding: calc(18 * var(--k)); }
.kit__cab { display: flex; justify-content: space-between; align-items: center; }
.kit__titulo { display: flex; align-items: center; gap: calc(8 * var(--k)); }
.kit__titulo svg { width: calc(24 * var(--k)); color: var(--naranja); }
.colores { display: flex; gap: calc(18 * var(--k)); }
.color { display: flex; flex-direction: column; align-items: center; gap: calc(4 * var(--k)); font-size: calc(7 * var(--k)); color: var(--tinta-2); }
.color i { width: calc(26 * var(--k)); height: calc(26 * var(--k)); border-radius: calc(4 * var(--k)); }
.kit p { margin-top: calc(10 * var(--k)); font-size: calc(9 * var(--k)); color: var(--tinta-2); }
.kit .naranja-txt { margin-top: calc(14 * var(--k)); font-size: calc(8.5 * var(--k)); color: var(--naranja); }
.paso-titulo { margin-top: calc(14 * var(--k)); font-weight: 700; font-size: calc(10.5 * var(--k)); color: var(--naranja); }
.paso-uno { margin-top: calc(3 * var(--k)); font-size: calc(8.5 * var(--k)); color: var(--tinta-2); }
.pasos { display: grid; grid-auto-flow: column; grid-template-columns: 1fr 1fr; grid-template-rows: repeat(var(--filas), auto); gap: calc(5 * var(--k)) calc(24 * var(--k)); margin-top: calc(10 * var(--k)); font-size: calc(9 * var(--k)); }
.pasos li { display: flex; align-items: center; gap: calc(10 * var(--k)); }
.pasos b { display: grid; place-items: center; flex-shrink: 0; width: calc(20 * var(--k)); height: calc(20 * var(--k)); border-radius: 50%; box-shadow: inset 0 0 0 calc(1.2 * var(--k)) var(--tinta); font-size: calc(7.5 * var(--k)); }
.pasos--lleno b { background: var(--naranja); box-shadow: none; color: var(--negro); }
.google { display: grid; grid-template-columns: calc(186 * var(--k)) 1fr; gap: calc(24 * var(--k)); align-items: center; margin-top: calc(20 * var(--k)); padding: calc(18 * var(--k)); }
.google img { border-radius: calc(8 * var(--k)); }
.google small { font-weight: 700; font-size: calc(8.5 * var(--k)); color: var(--naranja); }
.estrellas { display: flex; gap: calc(6 * var(--k)); margin-top: calc(12 * var(--k)); color: var(--naranja); }
.estrellas svg { width: calc(18 * var(--k)); }
.google p { margin-top: calc(12 * var(--k)); font-size: calc(9 * var(--k)); color: var(--tinta-2); }
.pie-datos { display: grid; grid-template-columns: repeat(3, 1fr); gap: calc(16 * var(--k)); margin-top: calc(18 * var(--k)); padding-top: calc(16 * var(--k)); border-top: calc(1 * var(--k)) solid var(--linea); font-size: calc(9 * var(--k)); line-height: 1.7; }
.pie-datos h4 { margin-bottom: calc(6 * var(--k)); font-size: calc(8 * var(--k)); letter-spacing: .12em; color: var(--naranja); }
.pie-datos small { color: var(--tinta-2); }

/* ---------- menú rápido ---------- */
.rapido .cabeza { justify-content: center; }
.rapido .marca svg { width: calc(82 * var(--k)); }
.rapido .marca__nombre { font-size: calc(12 * var(--k)); }
.nivel { display: grid; grid-template-columns: calc(110 * var(--k)) 1fr; gap: calc(22 * var(--k)); margin-top: calc(10 * var(--k)); padding: calc(16 * var(--k)); }
.nivel__img { display: flex; align-items: center; justify-content: center; }
.nivel__img img { height: calc(110 * var(--k)); width: auto; margin-inline: calc(-8 * var(--k)); }
.nivel__img img.auto { height: auto; width: 90%; filter: brightness(0) invert(1); }
.nivel__cab { display: flex; justify-content: space-between; align-items: flex-start; gap: calc(12 * var(--k)); }
.nivel__cab p { margin-top: calc(6 * var(--k)); font-size: calc(8.5 * var(--k)); color: var(--tinta-2); }
.nivel__precios { display: grid; grid-template-columns: repeat(var(--cols), 1fr); gap: calc(6 * var(--k)); margin-top: calc(14 * var(--k)); }
.nivel__precios .caja { min-height: calc(64 * var(--k)); }
.nivel__precios .precio { color: var(--tinta); }
.nivel.es-reco .nivel__precios .precio { color: var(--naranja); }
.rapido-pie { display: flex; justify-content: space-between; align-items: flex-end; margin-top: calc(16 * var(--k)); font-size: calc(9 * var(--k)); line-height: 1.8; }
.rapido-pie .vonixx { display: flex; flex-direction: column; align-items: flex-end; font-size: calc(7 * var(--k)); font-weight: 700; color: var(--naranja); }
.rapido-pie .vonixx svg { width: calc(88 * var(--k)); color: var(--tinta); }
.vx { display: inline-block; vertical-align: -.05em; height: .72em; width: auto; margin-left: .45em; color: var(--tinta); }

.pagina.rapido { display: flex; flex-direction: column; }
.rapido .nivel { flex: 1; align-items: center; margin-top: calc(12 * var(--k)); }
.rapido .nivel__img img { height: calc(140 * var(--k)); }
.rapido .nivel__precios .caja { min-height: calc(76 * var(--k)); }
.rapido .nivel__precios .precio { font-size: calc(19 * var(--k)); }
.rapido .nivel__img { overflow: hidden; }
.rapido .nivel__img img.auto { height: auto; width: 90%; }
.rapido .nivel__img img:not(.auto) { max-width: 48%; object-fit: contain; }

/* Vista previa en Controlfy: se resalta lo que se puede editar */
@media screen {
	.es-preview [data-cf-item] { cursor: pointer; transition: box-shadow .2s ease; }
	.es-preview [data-cf-item]:hover { box-shadow: 0 0 0 calc(1.5 * var(--k)) var(--naranja), 0 0 0 calc(5 * var(--k)) rgba(255, 91, 20, .2) !important; }
}