/* cp.css — la página de camperización (26/10/2026). Encima del <style> de importación y de aq.css de alquiler (la misma familia:
   colores, Nunito y Raleway, esquinas 14/28/10, la cabecera de vídeo, la fila corta, la conversación, el cierre). Las piezas de venta
   que se repiten (botón de la cabecera, las dos puertas) van copiadas aquí tal cual. Solo lo de camperización. */

/* 1 · cabecera: la de venta (título y un botón con el borde blanco) */
.vt-ir{display:inline-flex;min-height:56px;margin:0;padding:0 26px;border:1.5px solid #fff;border-radius:10px;background:rgba(10,20,18,.28);color:#fff}
.vt-ir svg{stroke-width:1.8}
@media (hover:hover) and (pointer:fine){.vt-ir:hover{background:var(--roto);color:var(--noche)}}
.vt-pie-foto{position:absolute;left:var(--borde);bottom:clamp(14px,2.4vw,28px);z-index:2;margin:0;font:500 13px/1.3 var(--f);color:rgba(255,255,255,.82);text-shadow:0 1px 8px rgba(0,0,0,.5)}
@media (max-width:699px){
  .vt-hero .aq-pausa{bottom:auto;top:84px}
  .vt-pie-foto{display:none}.vt-hero h1{text-shadow:0 2px 18px rgba(0,0,0,.7)}
  .vt-hero::after{background:linear-gradient(180deg,rgba(10,16,14,.25) 0,rgba(10,16,14,0) 18%,rgba(10,16,14,0) 24%,rgba(10,16,14,.7) 46%,rgba(10,16,14,.9) 100%)}
}

.cp-hero picture img{transform-origin:50% 60%}
@media (prefers-reduced-motion:no-preference){.cp-hero picture img{animation:cp-acerca 22s cubic-bezier(.23,1,.32,1) both}}
@keyframes cp-acerca{from{transform:scale(1.06)}to{transform:scale(1)}}

/* 3 · Tu furgoneta, capa a capa. Sin JS o con «reducir movimiento»: el texto en lista y la furgo terminada. Con JS: la sección se
   para (sticky dentro de un contenedor alto; los padres con overflow:clip, ERRORES 23/10) y el scroll pinta los fotogramas. */
.cp-capas{position:relative;background:var(--noche);color:#fff}
.cp-escena{position:relative;display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);align-items:center;gap:clamp(24px,3vw,56px);max-width:1440px;margin:0 auto;padding:clamp(72px,8.5vw,120px) var(--borde)}
.cp-txt h2{margin:0 0 clamp(16px,2vw,28px);font:800 clamp(30px,3vw,44px)/1.08 var(--tit);letter-spacing:-.01em;color:#fff;text-wrap:balance}
.cp-lista{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.cp-capa h3{margin:0;font:800 clamp(21px,1.8vw,27px)/1.15 var(--tit);color:var(--arena)}
.cp-capa p{margin:6px 0 0;max-width:34ch;font:500 17px/1.55 var(--f);color:#D3DCD7}
.cp-barra{display:none}
.cp-pie{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:clamp(24px,3vw,40px);padding-top:clamp(18px,2vw,24px);border-top:1px solid rgba(245,242,234,.18)}
.cp-desde{margin:0;font:500 16px/1 var(--f);color:#D3DCD7}
.cp-desde b{font:800 clamp(30px,2.6vw,38px)/1 var(--tit);color:#fff;margin-left:4px}
.cp-capas .aq-bt{background:var(--roto);color:var(--noche)}
@media (hover:hover) and (pointer:fine){.cp-capas .aq-bt:hover{background:#fff}}
.cp-lienzo{position:relative;aspect-ratio:var(--ar-pc,1400/820);width:100%}
.cp-lienzo img,.cp-lienzo canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.cp-lienzo canvas{display:none}
.cp-nota{position:absolute;right:var(--borde);bottom:clamp(14px,2vw,24px);margin:0;font:500 13px/1.3 var(--f);color:#AFC0B8}

@media (min-width:900px) and (prefers-reduced-motion:no-preference){
  .js .cp-capas.cp-fija{height:520vh}
  .js .cp-fija .cp-escena{position:sticky;top:0;height:100vh;max-width:none;padding:calc(70px + 1.5vh) var(--borde) 2vh;overflow:clip}
  .js .cp-fija .cp-lienzo{justify-self:end;width:min(100%,calc((100vh - 70px - 3.5vh) * var(--k-pc,1.707)))}
}
@media (prefers-reduced-motion:no-preference){
  /* parada: una capa cada vez, en el mismo sitio; la barra dice cuánto falta */
  .js .cp-fija .cp-txt h2{font:700 clamp(17px,1.35vw,20px)/1.3 var(--tit);letter-spacing:0;color:#B9C8C1}
  .js .cp-fija .cp-lista{grid-template-areas:"c";gap:0;min-height:6.4em;align-content:end}
  .js .cp-fija .cp-capa{grid-area:c;opacity:0;transform:translateY(-10px);filter:blur(3px);visibility:hidden;transition:opacity .22s ease,transform .22s ease,filter .22s ease,visibility 0s linear .22s}
  .js .cp-fija .cp-capa.on{opacity:1;transform:none;filter:none;visibility:visible;transition:opacity .4s ease .12s,transform .55s var(--sale) .12s,filter .4s ease .12s,visibility 0s linear 0s}
  .js .cp-fija .cp-capa:not(.on){animation:none}
  .js .cp-fija .cp-capa.on h3,.js .cp-fija .cp-capa.on p{animation:cp-sube .55s var(--sale) .12s both}
  .js .cp-fija .cp-capa h3{font-size:clamp(32px,3.3vw,50px);line-height:1.04;letter-spacing:-.015em;color:var(--arena);text-wrap:balance}
  .js .cp-fija .cp-capa p{margin-top:10px}
  .js .cp-fija .cp-barra{display:flex;gap:6px;margin-top:24px}
  .cp-barra i{flex:1;height:4px;border-radius:4px;background:rgba(245,242,234,.2);overflow:hidden}
  .cp-barra i::after{content:"";display:block;height:100%;background:var(--arena);transform-origin:left;transform:scaleX(var(--p,0))}
  .js .cp-fija .cp-lienzo canvas{display:block;opacity:0;transition:opacity .4s ease}
  .js .cp-fija .cp-lienzo.listo canvas{opacity:1}
  .js .cp-fija .cp-lienzo.listo img{opacity:0;transition:opacity .4s ease}
}
@keyframes cp-sube{from{transform:translateY(12px)}to{transform:none}}
@media (max-width:899px){
  .cp-escena{grid-template-columns:minmax(0,1fr);padding-top:64px;padding-bottom:64px}
  .cp-lienzo{order:-1}
  .cp-nota{position:static;margin-top:-8px}
}
@media (max-width:899px) and (prefers-reduced-motion:no-preference){
  .js .cp-capas.cp-fija{height:560vh}
  .js .cp-fija .cp-escena{position:sticky;top:0;height:100svh;align-content:start;gap:10px;padding:76px var(--borde) 14px;overflow:clip}
  .js .cp-fija .cp-lienzo{aspect-ratio:var(--ar-mv,600/760);width:auto;height:min(56svh,calc((100vw - 2 * var(--borde)) / var(--k-mv,.789)));justify-self:center}
  .js .cp-fija .cp-txt h2{font-size:16px;margin-bottom:4px}
  .js .cp-fija .cp-lista{min-height:5.6em}
  .js .cp-fija .cp-capa h3{font-size:27px}
  .js .cp-fija .cp-capa p{font-size:15.5px}
  .js .cp-fija .cp-barra{margin-top:12px}
  .js .cp-fija .cp-pie{margin-top:12px;padding-top:12px}
  .js .cp-fija .cp-nota{display:none}
  /* 28/10: una película por fase (cp.js, capasMovil): el fotograma final debajo y el vídeo encima; el vídeo lleva el verde de la web ya puesto, con el borde difuminado */
  .js .cp-fija .cp-lienzo{aspect-ratio:var(--ar-mv,1074/1006)}
  .js .cp-fija .cp-lienzo.cp-mv canvas,.js .cp-fija .cp-lienzo.cp-mv img.cp-fijo{display:none}
  .cp-f{position:absolute;inset:0;opacity:0;transition:opacity .3s ease;pointer-events:none}
  .cp-f.on{opacity:1}
  .cp-f img,.cp-f video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none}
  .cp-f video{opacity:0;transition:opacity .12s linear;-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent),linear-gradient(180deg,transparent,#000 3%,#000 97%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent),linear-gradient(180deg,transparent,#000 3%,#000 97%,transparent);mask-composite:intersect}
  .cp-f video.v{opacity:1}
}
/* 29/10: paso a paso con botón (cp.js, pasos): la sección ya no se para ni pide scroll; «Siguiente paso» reproduce la capa siguiente */
@media (prefers-reduced-motion:no-preference){
  .js .cp-capas.cp-fija.cp-pasos{height:auto}
  .js .cp-pasos .cp-escena{position:relative}
  .js .cp-pasos .cp-barra i{cursor:pointer}
  .cp-mando{display:flex;align-items:center;gap:14px;margin-top:18px}
  .cp-mando svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
  .cp-ant{flex:none;display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid rgba(245,242,234,.35);border-radius:50%;background:transparent;color:#fff;cursor:pointer;transition:opacity .2s ease,border-color .2s ease}
  .cp-ant:disabled{opacity:.28;cursor:default}
  .cp-cuenta{font:600 15px/1 var(--f);color:#B9C8C1;font-variant-numeric:tabular-nums;white-space:nowrap}
  .cp-sig{margin-left:auto;display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 20px 0 24px;border:0;border-radius:999px;background:var(--arena);color:var(--noche);font:700 17px/1 var(--f);cursor:pointer;transition:transform .2s var(--sale),background .2s ease}
  .cp-sig:active{transform:scale(.97)}
  @media (hover:hover) and (pointer:fine){.cp-sig:hover{background:#fff}.cp-ant:not(:disabled):hover{border-color:#fff}}
  .cp-ant:focus-visible,.cp-sig:focus-visible{outline:2px solid var(--arena);outline-offset:3px}
}
@media (min-width:900px) and (prefers-reduced-motion:no-preference){
  .js .cp-pasos .cp-mando{max-width:440px}
}
@media (max-width:899px) and (prefers-reduced-motion:no-preference){
  .js .cp-pasos .cp-escena{height:auto;padding:56px var(--borde) 40px}
  .js .cp-pasos .cp-mando{margin-top:14px}
}
/* 29/10 noche: el escritorio también con una película por capa (img/seq/pv), como el móvil; antes, fotogramas sueltos en el <canvas> */
@media (min-width:900px) and (prefers-reduced-motion:no-preference){
  .js .cp-fija .cp-lienzo.cp-mv{aspect-ratio:var(--ar-pv,1400/820);width:min(100%,calc((100vh - 70px - 3.5vh) * var(--k-pv,1.707)))}
  .js .cp-fija .cp-lienzo.cp-mv canvas,.js .cp-fija .cp-lienzo.cp-mv img.cp-fijo{display:none}
  .cp-f{position:absolute;inset:0;opacity:0;transition:opacity .3s ease;pointer-events:none}
  .cp-f.on{opacity:1}
  .cp-f img,.cp-f video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none}
  .cp-f video{opacity:0;transition:opacity .12s linear;-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent),linear-gradient(180deg,transparent,#000 3%,#000 97%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent),linear-gradient(180deg,transparent,#000 3%,#000 97%,transparent);mask-composite:intersect}
  .cp-f video.v{opacity:1}
}
/* móvil con «reducir movimiento»: sin vídeo; junto a cada fase, su fotograma final */
@media (max-width:899px) and (prefers-reduced-motion:reduce){
  .cp-quieto .cp-lienzo{display:none}
  .cp-quieto .cp-nota{margin-top:0}
  .cp-quieto .cp-fin{display:block;width:min(100%,360px);height:auto;margin:0 0 6px;aspect-ratio:var(--ar-mv,1074/1006)}
}

/* 4 · Así queda de verdad: texto a un lado y sus fotos al otro (como «Quien ya ha alquilado») */
.cp-real{padding:clamp(72px,8.5vw,120px) 0;background:var(--roto)}
.cp-real-cab{display:grid;gap:14px;max-width:760px;margin-bottom:clamp(28px,3vw,44px)}
.cp-real h2{margin:0;font:800 clamp(30px,3vw,44px)/1.08 var(--tit);letter-spacing:-.01em;color:var(--noche)}
.cp-real-cab p{margin:0 0 6px;max-width:56ch;font:500 17px/1.55 var(--f);color:var(--texto)}
.cp-3d{display:inline-flex;align-items:center;gap:10px;min-height:44px;font:700 16px/1 var(--f);color:var(--bosque);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:5px}
.cp-3d svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .25s var(--sale)}
@media (hover:hover) and (pointer:fine){.cp-3d:hover{color:var(--noche)}.cp-3d:hover svg{transform:translateX(4px)}}
.cp-fotos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,1.6vw,24px)}
.cp-fotos li{margin:0;aspect-ratio:4/3;max-height:calc(100vh - 150px);border-radius:14px;overflow:hidden;background:#E9E3D6}
.cp-fotos img{display:block;width:100%;height:100%;object-fit:cover}
@media (max-width:899px){.cp-real-cab,.cp-fotos{grid-template-columns:minmax(0,1fr)}}

/* 5 · Crea tu estimación (02/11): la base en verde noche, dos bloques de extras en blanco y, a la derecha, el presupuesto que se arma solo */
.cp-suma{padding:clamp(72px,8.5vw,120px) 0 clamp(8px,1.5vw,24px);background:var(--roto)}
.cp-suma-cab{display:grid;gap:14px;max-width:760px;margin-bottom:clamp(28px,3vw,44px)}
.cp-suma h2{margin:0;font:800 clamp(30px,3vw,44px)/1.08 var(--tit);letter-spacing:-.01em;color:var(--noche)}
.cp-suma-cab p{margin:0;max-width:52ch;font:500 17px/1.55 var(--f);color:var(--texto)}
.cp-suma h3{margin:0;font:800 clamp(22px,1.9vw,27px)/1.15 var(--tit);color:inherit}
.cp-hoja{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(16px,2vw,28px);align-items:start}
.cp-col{display:grid;gap:clamp(16px,2vw,28px)}
.cp-base{padding:clamp(24px,3vw,40px);border-radius:28px;background:var(--noche);color:#fff}
.cp-base-cab{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 20px;margin-bottom:clamp(18px,2vw,26px)}
.cp-base-p{margin:0;font:800 clamp(28px,2.6vw,38px)/1 var(--tit);color:var(--arena)}
.cp-base-p span{margin-right:6px;font:600 15px/1 var(--f);color:#D3DCD7}
.cp-incl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,1.6vw,22px) clamp(18px,2vw,32px)}
.cp-incl li{display:flex;gap:14px;align-items:flex-start}
.cp-incl-ancho{grid-column:1/-1}
.cp-incl svg{flex:none;width:30px;height:30px;padding:6px;border-radius:50%;background:var(--arena);fill:none;stroke:var(--noche);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.cp-incl span{font:500 15.5px/1.45 var(--f);color:#D3DCD7}
.cp-incl b{display:block;font:700 17px/1.3 var(--f);color:#fff}
.cp-grupo{margin:0;min-width:0;padding:clamp(22px,2.6vw,34px);border:0;border-radius:28px;background:#fff;box-shadow:0 1px 0 rgba(25,61,58,.06),0 24px 48px -36px rgba(25,61,58,.35)}
.cp-grupo legend{float:left;width:100%;display:flex;align-items:center;gap:12px;margin:0 0 clamp(14px,1.6vw,20px);padding:0;font:800 clamp(22px,1.9vw,27px)/1.15 var(--tit);color:var(--noche)}
.cp-grupo legend+*{clear:both}
.cp-num{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--bosque);color:#fff;font:800 16px/1 var(--tit)}
.cp-cuenta-g{margin-left:auto;padding:5px 12px;border-radius:99px;background:rgba(47,93,74,.12);font:700 13.5px/1.2 var(--f);font-style:normal;color:var(--bosque)}
.cp-cuenta-g:empty{display:none}
.cp-ops{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cp-ops label{position:relative;display:block}
.cp-ops input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.cp-ops span{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:8px 14px 8px 18px;border:1.5px solid rgba(25,61,58,.18);border-radius:14px;background:var(--roto);font:600 16px/1.3 var(--f);color:var(--texto);transition:border-color .18s ease,background-color .18s ease,color .18s ease}
.cp-ops span::after{content:"";flex:none;width:28px;height:28px;border-radius:50%;background:rgba(47,93,74,.12) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 3.5v9M3.5 8h9' fill='none' stroke='%232F5D4A' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center/14px no-repeat;transition:background-color .18s ease,transform .2s var(--sale)}
.cp-ops input:checked+span{border-color:var(--bosque);background:rgba(47,93,74,.09);color:var(--noche)}
.cp-ops input:checked+span::after{background:var(--bosque) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.8 8.4l2.7 2.6 5.7-6' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.cp-ops input:focus-visible+span{outline:3px solid var(--bosque);outline-offset:2px}
.cp-ops input:active+span::after{transform:scale(.9)}
@media (hover:hover) and (pointer:fine){.cp-ops input:not(:checked):hover+span{border-color:var(--bosque)}}
@media (prefers-reduced-motion:reduce){.cp-ops span,.cp-ops span::after{transition:none}}
/* el presupuesto: un papel blanco que se queda a la vista mientras se marca */
.cp-pres{position:sticky;top:88px;max-height:calc(100vh - 104px);overflow-y:auto;display:grid;gap:14px;padding:calc(clamp(22px,2.4vw,32px) + 6px) clamp(22px,2.4vw,32px) clamp(22px,2.4vw,32px);border-radius:28px;background:#fff;box-shadow:inset 0 6px 0 var(--bosque),0 28px 52px -34px rgba(25,61,58,.45)}
.cp-pres-cab{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px}
.cp-pres-cab h3{color:var(--noche)}
.cp-pres-n{padding:5px 12px;border-radius:99px;background:rgba(47,93,74,.12);font:700 13.5px/1.2 var(--f);color:var(--bosque)}
.cp-tk-fila{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.cp-tk-fila span{font:600 16px/1.3 var(--f);color:var(--noche)}
.cp-tk-fila b{font:800 17px/1.2 var(--tit);color:var(--noche);white-space:nowrap}
.cp-tk-ex{list-style:none;margin:0;padding:12px 0;border-block:1.5px dashed rgba(25,61,58,.28);display:grid;gap:9px}
.cp-tk-ex li{display:flex;justify-content:space-between;gap:12px;font:600 15.5px/1.3 var(--f);color:var(--texto)}
.cp-tk-ex i{flex:none;font:500 13.5px/1.3 var(--f);font-style:normal;color:var(--suave);text-align:right}
.cp-tk-ex .cp-tk-vacio{display:block;color:var(--suave);font-weight:500}
.cp-tk-total{display:grid;gap:2px}
.cp-tk-total span{font:600 15px/1.3 var(--f);color:var(--suave)}
.cp-tk-total b{font:800 clamp(24px,2.1vw,30px)/1.1 var(--tit);color:var(--noche)}
.cp-datos{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;padding:clamp(20px,2.4vw,30px);border-radius:28px;background:#fff;box-shadow:0 1px 0 rgba(25,61,58,.06),0 24px 48px -36px rgba(25,61,58,.35)}
.cp-campo{display:grid;gap:6px}
.cp-campo span{font:700 14.5px/1.2 var(--f);color:var(--noche)}
.cp-campo input{min-height:48px;padding:0 14px;border:1.5px solid rgba(25,61,58,.26);border-radius:10px;background:var(--roto);font:500 16px/1.2 var(--f);color:var(--texto)}
.cp-campo input::placeholder{color:#6B7773}
.cp-campo input:focus{outline:none;border-color:var(--bosque);box-shadow:0 0 0 3px rgba(47,93,74,.22)}
.cp-envio{display:grid;gap:10px}
.cp-envio .aq-bt{min-height:52px;width:100%}
.cp-tk-nota{margin:0;font:500 13.5px/1.45 var(--f);color:var(--suave)}
.cp-barra-mv{display:none}
@media (max-width:1100px) and (min-width:900px){.cp-ops{grid-template-columns:minmax(0,1fr)}}
@media (max-width:899px){
  .cp-hoja{grid-template-columns:minmax(0,1fr)}
  .cp-pres{position:static}
  .cp-base,.cp-grupo,.cp-pres,.cp-datos{border-radius:20px}
  .cp-pres{max-height:none;overflow:visible}
}
@media (max-width:899px){
  .cp-barra-mv{position:sticky;bottom:10px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:8px 10px 8px 18px;border-radius:99px;background:var(--noche);color:#fff;box-shadow:0 14px 30px -10px rgba(10,16,14,.55)}
  .cp-barra-mv span{display:grid;gap:2px}
  .cp-barra-mv small{font:600 12.5px/1 var(--f);color:#D3DCD7}
  .cp-barra-mv b{font:800 17px/1.1 var(--tit);white-space:nowrap}
  .cp-barra-mv i{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;border-radius:99px;background:var(--arena);color:var(--noche);font:700 15px/1 var(--f);font-style:normal}
  .cp-barra-mv svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
  .cp-barra-mv:focus-visible{outline:3px solid var(--arena);outline-offset:3px}
}
@media (max-width:599px){
  .cp-incl,.cp-ops,.cp-datos{grid-template-columns:minmax(0,1fr)}
  .cp-grupo{padding:20px 16px}
}

/* 6 · las dos puertas (las de venta, tal cual) */
.vt-otras{padding:clamp(72px,8.5vw,120px) 0 clamp(40px,5vw,72px);background:var(--roto)}
.cp-suma+.vt-otras{padding-top:0}
.vt-otras-cab{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:end;gap:clamp(20px,3vw,48px);margin-bottom:clamp(28px,3vw,44px)}
.vt-otras h2{margin:0;font:800 clamp(30px,3vw,44px)/1.08 var(--tit);letter-spacing:-.01em;color:var(--noche)}
.vt-otras-cab p{margin:0;max-width:52ch;font:500 17px/1.55 var(--f);color:var(--texto)}
.vt-otras-l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,1.6vw,24px)}
.vt-otras-l a{position:relative;display:block;aspect-ratio:4/3;max-height:calc(100vh - 150px);width:100%;border-radius:14px;overflow:hidden;color:#fff;isolation:isolate}
.vt-otras-l img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--sale)}
.vt-otras-l a::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,16,14,0) 40%,rgba(10,16,14,.78) 100%)}
.vt-otras-t{position:absolute;left:clamp(20px,2.4vw,36px);right:clamp(20px,2.4vw,36px);bottom:clamp(20px,2.4vw,32px);z-index:1;display:grid;gap:6px;max-width:38ch;font:500 16px/1.45 var(--f)}
.vt-otras-t b{font:800 clamp(26px,2.4vw,34px)/1.05 var(--tit);letter-spacing:-.01em}
.vt-otras-t i{margin-top:8px;font:700 15px/1 var(--f);font-style:normal;display:inline-flex;align-items:center;gap:8px}
.vt-otras-t i::after{content:"";width:18px;height:2px;background:currentColor;transition:width .25s var(--sale)}
@media (hover:hover) and (pointer:fine){.vt-otras-l a:hover img{transform:scale(1.04)}.vt-otras-l a:hover i::after{width:30px}}
.vt-otras-l a:focus-visible{outline:3px solid var(--bosque);outline-offset:3px}
.vt-otras+.faq-chat,.vt-otras+.sec{padding-top:clamp(40px,5vw,72px)}
@media (max-width:899px){.vt-otras-cab{grid-template-columns:minmax(0,1fr)}.vt-otras-l{grid-template-columns:minmax(0,1fr)}}
@media (max-width:699px){.vt-otras-l a{aspect-ratio:4/3.4}}
@media (prefers-reduced-motion:reduce){.vt-otras-l img,.cp-3d svg,.cp-extras span{transition:none}}

video[aria-hidden="true"]::-webkit-media-controls{display:none!important}

/* 6 bis · las dos puertas en verde noche (QA 26/10, pasada 2: cinco bloques crema seguidos) */
.cp-otras{background:var(--noche)}
.cp-otras h2{color:#fff}
.cp-otras .vt-otras-cab p{color:#D3DCD7}
.cp-otras .vt-otras-l a:focus-visible{outline-color:var(--arena)}
/* 27/10: «plus» del panelado básico (Laz) y bloque de kits */
.cp-plus{display:inline-block;margin-right:6px;padding:2px 9px;border-radius:99px;background:var(--arena);color:var(--noche);font:800 12px/1.4 var(--f);letter-spacing:.06em;text-transform:uppercase;vertical-align:1px}
.cp-kits{padding:clamp(56px,6vw,88px) 0 clamp(72px,8.5vw,120px)}
.cp-kits .cp-real-cab{margin-bottom:clamp(24px,2.6vw,36px);max-width:960px}
.cp-kits h2{text-wrap:balance}
/* 28/10: elige un kit o hazlo a medida (sustituye a la animación Sofá → Cama → Cocina, que ya está en kits) */
.cp-kitf{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,28px)}
.cp-kit{position:relative;display:grid;grid-template-rows:auto 1fr;height:100%;overflow:hidden;border-radius:14px;background:#fff;color:var(--noche);box-shadow:0 1px 0 rgba(25,61,58,.06),0 22px 40px -30px rgba(25,61,58,.5);transition:box-shadow .3s ease,transform .3s var(--sale)}
/* 02/11 (reunión de Mendi y Laz): cada tarjeta lleva dos imágenes con la misma cámara, el kit CERRADO y el kit ABIERTO. Se cambian de golpe (sin fundido ni desplazamiento):
   con el cursor encima o con el foco del teclado en el enlace sale la abierta; en el móvil, tocando la imagen (cp.js). El enlace cubre toda la tarjeta. */
.cp-kit-foto{position:relative;aspect-ratio:4/3;background:#1b1a18}
.cp-kit-foto img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.cp-kit-a{visibility:hidden}
.cp-kit-enl{display:grid;grid-template-rows:1fr auto;color:inherit;text-decoration:none;outline:0}
.cp-kit-enl::after{content:"";position:absolute;inset:0}
.cp-kit-ver{display:none}
.cp-kit:has(.cp-kit-enl:focus-visible){outline:3px solid var(--bosque);outline-offset:3px}
.cp-kit:has(.cp-kit-enl:focus-visible) .cp-kit-a,.cp-kit.abierto .cp-kit-a{visibility:visible}
.cp-kit:has(.cp-kit-enl:focus-visible) .cp-kit-c,.cp-kit.abierto .cp-kit-c{visibility:hidden}
.cp-kit-t{display:grid;gap:4px;padding:clamp(18px,2vw,26px) clamp(20px,2.2vw,30px) 8px}
.cp-kit-t b{font:700 13.5px/1.2 var(--f);letter-spacing:.06em;text-transform:uppercase;color:var(--bosque)}
.cp-kit-n{font:800 clamp(28px,2.6vw,36px)/1.08 var(--tit);color:var(--noche)}
.cp-kit-l{font:500 16px/1.45 var(--f);color:var(--texto)}
.cp-kit-p{display:flex;align-items:center;gap:8px;padding:12px clamp(20px,2.2vw,30px) clamp(20px,2.2vw,26px);font:800 clamp(22px,1.9vw,26px)/1 var(--tit);color:var(--noche)}
.cp-kit-p span{font:600 15px/1 var(--f);color:var(--suave)}
.cp-kit-p svg{width:22px;height:22px;margin-left:auto;fill:none;stroke:var(--bosque);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}
@media (hover:hover) and (pointer:fine){.cp-kit:hover{transform:translateY(-3px);box-shadow:0 1px 0 rgba(25,61,58,.06),0 30px 48px -28px rgba(25,61,58,.55)}.cp-kit:hover .cp-kit-p svg{transform:translateX(5px)}.cp-kit:hover .cp-kit-a{visibility:visible}.cp-kit:hover .cp-kit-c{visibility:hidden}}
/* táctil (cp.js pone .tactil): tocar la imagen cambia cerrado/abierto; tocar la parte blanca lleva a la página del kit */
.cp-kitf.tactil .cp-kit-enl{position:relative}
.cp-kitf.tactil .cp-kit-foto{cursor:pointer;-webkit-tap-highlight-color:transparent;z-index:1}
.cp-kitf.tactil .cp-kit-foto:focus-visible{outline:3px solid var(--bosque);outline-offset:-3px}
.cp-kitf.tactil .cp-kit-ver{display:inline-flex;align-items:center;position:absolute;right:10px;bottom:10px;min-height:36px;padding:0 14px;border-radius:999px;background:rgba(10,12,14,.66);color:#fff;font:700 13px/1 var(--f);pointer-events:none}
.cp-medida{margin:clamp(20px,2.4vw,32px) 0 0;max-width:60ch;font:500 17px/1.55 var(--f);color:var(--texto)}
.cp-medida a{color:var(--noche);font-weight:700;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(25,61,58,.35)}
@media (max-width:759px){.cp-kitf{grid-template-columns:minmax(0,1fr)}}

/* 27/10 (Mendi): kits dentro de camperización y ticket de la estimación */
.cp-opc{list-style:none;margin:0 0 clamp(20px,2.4vw,32px);padding:0;display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,1.6vw,24px);max-width:900px}
.cp-opc li{padding:clamp(20px,2.2vw,28px);border-radius:14px;background:#fff;font:500 16px/1.5 var(--f);color:var(--texto);box-shadow:0 1px 0 rgba(25,61,58,.06)}
.cp-opc b{display:block;font:700 14px/1.2 var(--f);letter-spacing:.05em;text-transform:uppercase;color:var(--bosque)}
.cp-opc-n{display:block;margin:6px 0 8px;font:800 clamp(24px,2.2vw,30px)/1.1 var(--tit);color:var(--noche)}

/* 12/11 · Una camperización real: la lista de trabajos de Mendi a un lado (se queda fija) y sus nueve fotos al otro. En móvil, las fotos se deslizan en fila. */
.cp-caso{padding:clamp(72px,8.5vw,120px) 0 clamp(24px,3vw,48px);background:var(--roto)}
.cp-caso-in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,64px);align-items:start}
.cp-caso-txt{position:sticky;top:96px}
.cp-caso h2{margin:0 0 14px;font:800 clamp(30px,3vw,44px)/1.08 var(--tit);letter-spacing:-.01em;color:var(--noche)}
.cp-caso-txt>p{margin:0 0 clamp(18px,2vw,26px);max-width:52ch;font:500 17px/1.55 var(--f);color:var(--texto)}
.cp-trabajos{list-style:none;margin:0;padding:0;display:grid;gap:0}
.cp-trabajos li{position:relative;padding:11px 0 11px 30px;border-top:1.5px solid rgba(25,61,58,.14);font:500 15.5px/1.45 var(--f);color:var(--texto)}
.cp-trabajos li:last-child{border-bottom:1.5px solid rgba(25,61,58,.14)}
.cp-trabajos li::before{content:"";position:absolute;left:2px;top:15px;width:16px;height:16px;border-radius:50%;background:var(--bosque) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.4l2.6 2.6 5.4-6' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}
.cp-galeria{list-style:none;margin:0;padding:0;columns:2;column-gap:clamp(12px,1.6vw,20px)}
.cp-galeria li{margin:0 0 clamp(12px,1.6vw,20px);break-inside:avoid;border-radius:14px;overflow:hidden;background:#E9E3D6}
.cp-galeria img{display:block;width:100%;height:auto}
.cp-galeria:focus-visible{outline:3px solid var(--bosque);outline-offset:4px;border-radius:14px}
@media (max-width:899px){
  .cp-caso-in{grid-template-columns:minmax(0,1fr)}
  .cp-caso-txt{position:static}
  .cp-galeria{display:flex;columns:auto;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;margin:0 calc(-1 * var(--borde));padding:0 var(--borde) 6px;scrollbar-width:thin}
  .cp-galeria li{flex:0 0 74%;margin:0;scroll-snap-align:center;display:grid}
  .cp-galeria img{height:100%;object-fit:cover;aspect-ratio:3/4}
}

/* 12/11 · Crea tu estimación, por fases */
.cp-prog{display:grid;gap:14px}
.cp-prog[hidden],.cp-nav[hidden],.cp-porque[hidden],.cp-envio[hidden],.cp-fase[hidden]{display:none}
.cp-prog-t{margin:0;font:700 15px/1.2 var(--f);color:var(--bosque)}
.cp-prog-t b{font:800 15px/1 var(--tit)}
.cp-fases{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.cp-fases button{display:grid;justify-items:center;align-content:start;gap:8px;width:100%;min-height:44px;padding:6px 2px;border:0;border-radius:12px;background:none;font:600 13.5px/1.2 var(--f);color:var(--suave);text-align:center;cursor:pointer}
.cp-fases .cp-num{background:rgba(47,93,74,.16);color:var(--bosque);transition:background-color .2s ease,color .2s ease}
.cp-fases button[aria-current="step"]{color:var(--noche);font-weight:800}
.cp-fases button[aria-current="step"] .cp-num,.cp-fases button.hecho .cp-num{background:var(--bosque);color:#fff}
.cp-fases button:focus-visible{outline:3px solid var(--bosque);outline-offset:2px}
@media (hover:hover) and (pointer:fine){.cp-fases button:hover .cp-num{background:var(--bosque);color:#fff}}
.cp-ayuda{margin:0 0 clamp(14px,1.6vw,20px);max-width:60ch;font:500 15.5px/1.5 var(--f);color:var(--suave)}
.cp-ayuda a{color:var(--bosque);text-decoration:underline;text-underline-offset:3px}
.cp-grupo legend:focus{outline:none}
.cp-grupo legend:focus-visible{outline:3px solid var(--bosque);outline-offset:4px;border-radius:8px}
.cp-sub{margin:0 0 clamp(16px,2vw,24px)}
.cp-sub:last-child{margin-bottom:0}
.cp-sub h4{margin:0 0 10px;font:800 17px/1.2 var(--tit);color:var(--noche)}
/* opciones con dos líneas (título y explicación) y las de elegir una sola */
.cp-ops span:has(>b){position:relative;display:block;padding:12px 58px 12px 18px}
.cp-ops span:has(>b)::after{position:absolute;right:14px;top:14px}
.cp-ops b{display:block;font:700 16px/1.3 var(--f);color:var(--noche)}
.cp-ops small{display:block;margin-top:3px;font:500 14px/1.4 var(--f);color:var(--suave)}
.cp-ops input[type=radio]:not(:checked)+span::after{background:#fff;background-image:none;box-shadow:inset 0 0 0 2px rgba(47,93,74,.32)}
.cp-ops input:disabled{cursor:not-allowed}
.cp-ops input:disabled+span{opacity:.5;border-style:dashed}
.cp-una{grid-template-columns:minmax(0,1fr)}
.cp-fichas{grid-template-columns:repeat(5,minmax(0,1fr))}
.cp-fichas span{justify-content:center;padding:8px;font-weight:800;font-size:18px}
.cp-fichas span::after{display:none}
.cp-fichas input:checked+span{background:var(--bosque);border-color:var(--bosque);color:#fff}
/* energía: dos tarjetas lado a lado */
.cp-energia{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:clamp(16px,2vw,24px)}
.cp-energia label{position:relative;display:block}
.cp-energia input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.cp-energia span{position:relative;display:grid;gap:8px;align-content:start;height:100%;padding:20px 18px 18px;border:1.5px solid rgba(25,61,58,.18);border-radius:18px;background:var(--roto);transition:border-color .18s ease,background-color .18s ease}
.cp-energia b{padding-right:36px;font:800 clamp(19px,1.6vw,22px)/1.2 var(--tit);color:var(--noche)}
.cp-energia small{font:500 14.5px/1.45 var(--f);color:var(--texto)}
.cp-energia em{font:700 13.5px/1.35 var(--f);font-style:normal;color:var(--bosque)}
.cp-energia span::after{content:"";position:absolute;right:16px;top:18px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2px rgba(47,93,74,.32)}
.cp-energia input:checked+span{border-color:var(--bosque);background:rgba(47,93,74,.09)}
.cp-energia input:checked+span::after{background:var(--bosque) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.8 8.4l2.7 2.6 5.7-6' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/70% no-repeat;box-shadow:none}
.cp-energia input:focus-visible+span{outline:3px solid var(--bosque);outline-offset:2px}
@media (hover:hover) and (pointer:fine){.cp-energia input:not(:checked):hover+span{border-color:var(--bosque)}}
.cp-porque{margin:12px 0 0;padding:12px 16px;border-radius:12px;background:rgba(200,106,74,.12);font:600 14.5px/1.45 var(--f);color:var(--noche)}
/* color: muestras como en la página de kits */
.cp-muestras{display:flex;flex-wrap:wrap;gap:8px}
.cp-muestras label{position:relative;display:block}
.cp-muestras input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.cp-muestras span{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 16px 0 6px;border:1.5px solid rgba(25,61,58,.22);border-radius:999px;background:var(--roto);font:700 14.5px/1 var(--f);color:var(--noche);transition:border-color .18s ease,background-color .18s ease,color .18s ease}
.cp-muestras i{flex:none;width:30px;height:30px;border-radius:50%;background:var(--m,#ccc) var(--img,none) center/cover;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.cp-muestras input:checked+span{border-color:var(--bosque);background:var(--bosque);color:#fff}
.cp-muestras input:focus-visible+span{outline:3px solid var(--bosque);outline-offset:2px}
@media (hover:hover) and (pointer:fine){.cp-muestras input:not(:checked):hover+span{border-color:var(--bosque)}}
/* fase 6: la lista de todo, por fases, con «Cambiar» */
.cp-lista-final{display:grid;gap:0;margin-bottom:clamp(16px,2vw,24px)}
.cp-lf-g{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;align-items:start;padding:14px 0;border-top:1.5px solid rgba(25,61,58,.14)}
.cp-lf-g:last-child{border-bottom:1.5px solid rgba(25,61,58,.14)}
.cp-lf-g h4{margin:0;font:800 17px/1.2 var(--tit);color:var(--noche)}
.cp-lf-g button{min-height:44px;margin:-10px 0;padding:0 6px;border:0;background:none;font:700 15px/1 var(--f);color:var(--bosque);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.cp-lf-g button:focus-visible{outline:3px solid var(--bosque);outline-offset:2px;border-radius:6px}
.cp-lf-g ul{grid-column:1/-1;list-style:none;margin:0;padding:0;display:grid;gap:6px}
.cp-lf-g li{display:flex;justify-content:space-between;gap:12px;font:600 15.5px/1.3 var(--f);color:var(--texto)}
.cp-lf-g li i{flex:none;max-width:46%;font:500 13.5px/1.3 var(--f);font-style:normal;color:var(--suave);text-align:right}
.cp-lf-g .cp-lf-vacio{color:var(--suave);font-weight:500}
/* Atrás / Siguiente fase */
.cp-nav{display:flex;justify-content:space-between;gap:12px}
.cp-nav .aq-bt{min-height:52px;min-width:140px;cursor:pointer;border:0}
.cp-nav .aq-bt-2{box-shadow:inset 0 0 0 1.5px var(--noche)}
.cp-nav button[disabled]{visibility:hidden}
.cp-nav button:focus-visible{outline:3px solid var(--bosque);outline-offset:3px}
.cp-tk-ex li i{max-width:46%}
@media (max-width:899px){
  .cp-energia{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:699px){
  .cp-fases{gap:4px}
  .cp-pn{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .cp-fases button{position:relative}
  .cp-nav .aq-bt{flex:1;min-width:0}
}
@media (max-width:599px){
  .cp-ops span:has(>b){padding-left:14px}
}
.cp-tk-ex[hidden]{display:none}
.cp-nav .cp-sig{background:var(--bosque);color:#fff}
.cp-nav .cp-atras{background:transparent;color:var(--noche)}
.cp-final .cp-datos{padding:0;box-shadow:none;background:none;border-radius:0}