/* kd.css — la página de los kits del día (24/10/2026). Encima del <style> de importación, que se copia tal cual (colores, Nunito
   en titulares y Raleway en el texto, esquina 14 px, botones, cabecera y pie): aquí solo lo que es de kits. */
.imp-hero picture{display:contents}
.kd-c{text-align:center;margin:clamp(32px,4vw,48px) 0 0}
.kd-bajada{margin:calc(-1 * clamp(18px,2.4vw,34px)) auto clamp(34px,4vw,52px);max-width:52ch;text-align:center;font:500 18px/1.5 var(--f);color:var(--suave);text-wrap:pretty}
.kd-nota{margin:18px 0 0;font:500 14.5px/1.5 var(--f);color:var(--suave)}

/* botones: la píldora verde de WhatsApp de la cabecera y su versión clara para las bandas oscuras */
.kd-bt{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;border-radius:999px;background:var(--bosque);color:#fff;font:700 15px/1 var(--f);transition:background-color .2s ease,transform .16s var(--sale)}
.kd-bt::before{content:"";width:18px;height:18px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M12 2.8 20 7.4v9.2L12 21.2 4 16.6V7.4z M4 7.4l8 4.6 8-4.6 M12 12v9.2'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M12 2.8 20 7.4v9.2L12 21.2 4 16.6V7.4z M4 7.4l8 4.6 8-4.6 M12 12v9.2'/%3E%3C/svg%3E") center/contain no-repeat}
.kd-bt:hover{background:var(--noche)}.kd-bt:active{transform:scale(.97)}
.kd-bt-claro{background:var(--roto);color:var(--noche)}.kd-bt-claro:hover{background:#fff}
.kd-enl{display:inline-flex;align-items:center;min-height:48px;padding:0 6px;font:700 15px/1 var(--f);color:var(--noche);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1.5px;text-decoration-color:rgba(25,61,58,.35);transition:text-decoration-color .2s ease}
.kd-enl:hover{text-decoration-color:currentColor}

/* 2 · ¿Qué furgoneta tienes?: dos tarjetas de importación; los renders sobre el gris cálido de sus fotos */
.tipos-l.kd-dos{grid-template-columns:repeat(2,1fr);max-width:1120px;margin:0 auto}
.kd-render{background:#E4E0D6}
.kd-render img{object-fit:contain!important;padding:4% 6% 2%}

/* 3 · De la caja a tu furgoneta: la sección se para (Stella Domo, «How it works»); una sola cuenta mueve fotograma, paso y barra */
.kd-peli{position:relative;background:var(--noche);color:#fff}
.kd-escena{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.6fr);align-items:center;gap:clamp(24px,3vw,56px);max-width:1440px;margin:0 auto;padding:clamp(72px,8vw,110px) var(--borde)}
.kd-escena::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 55% at 64% 56%,rgba(229,211,179,.13),rgba(229,211,179,0) 70%)}
.kd-txt{position:relative;z-index:1}
.kd-peli h2{margin:0 0 clamp(22px,3vh,36px);font:800 clamp(30px,3vw,44px)/1.08 var(--tit);letter-spacing:-.01em;color:#fff;text-wrap:balance}
.kd-pasos{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.kd-paso{position:relative;display:grid;grid-template-columns:36px 1fr;gap:16px;padding:12px 0 14px}
.kd-n{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:1.5px solid rgba(245,242,234,.35);font:800 15px/1 var(--tit);color:rgba(245,242,234,.7);transition:background-color .35s ease,border-color .35s ease,color .35s ease}
.kd-n svg{width:17px;height:17px;fill:currentColor}
.kd-paso h3{margin:7px 0 0;font:800 clamp(17px,1.35vw,20px)/1.25 var(--tit);color:rgba(245,242,234,.62);transition:color .35s ease}
.kd-paso p{margin:8px 0 0;max-width:38ch;font:500 16px/1.5 var(--f);color:#D9DFD8}
.kd-barra{position:absolute;left:52px;right:0;bottom:0;height:2px;border-radius:2px;background:rgba(245,242,234,.14);overflow:hidden}
.kd-barra::after{content:"";position:absolute;inset:0;background:var(--arena);transform:scaleX(var(--p,0));transform-origin:left}
.kd-lienzo{position:relative;aspect-ratio:1120/700}
.kd-lienzo canvas,.kd-repuesto{position:absolute;inset:0;width:100%;height:100%}
/* la tapa de las cajas sale por arriba: el borde de arriba del lienzo se difumina para que no se vea el corte */
.kd-lienzo canvas{-webkit-mask:linear-gradient(180deg,transparent 0,#000 7%);mask:linear-gradient(180deg,transparent 0,#000 7%)}
.kd-repuesto{object-fit:contain}
.js .kd-lienzo canvas{opacity:0;transition:opacity .4s ease}
.js .kd-lienzo.listo canvas{opacity:1}
.js .kd-lienzo.listo .kd-repuesto{opacity:0}
/* sin JS o sin fijar: los cinco pasos se leen, y el mueble montado */
.kd-paso .kd-n{background:transparent}
.kd-paso.on .kd-n{background:var(--arena);border-color:var(--arena);color:var(--noche)}
.kd-paso.on h3{color:#fff}
.js .kd-fija .kd-paso p{display:grid}
@media (min-width:900px) and (min-height:600px){
  /* fijo: 5 pantallas de recorrido; los párrafos de los pasos que no están en curso se pliegan */
  .js .kd-peli.kd-fija{height:520vh}
  .js .kd-fija .kd-escena{position:sticky;top:0;height:100vh;padding-top:calc(70px + 3vh);padding-bottom:3vh}
  .js .kd-fija .kd-lienzo{max-height:calc(100vh - 70px - 8vh);width:auto;justify-self:center;aspect-ratio:1120/700;height:100%;max-width:100%}
  .js .kd-fija .kd-paso p{margin:0;max-height:0;opacity:0;overflow:hidden;transition:max-height .45s var(--sale),opacity .3s ease,margin .45s var(--sale)}
  .js .kd-fija .kd-paso.on p{max-height:9em;opacity:1;margin-top:8px}
}
@media (min-width:900px) and (max-height:760px){.kd-peli h2{font-size:clamp(26px,2.4vw,34px)}.kd-paso{padding:8px 0 10px}.kd-paso p{font-size:15px}}
@media (max-width:899px){
  .kd-escena{grid-template-columns:minmax(0,1fr);padding-top:64px;padding-bottom:56px}
  .kd-pasos,.kd-paso>div{min-width:0}
  .kd-lienzo{order:-1;aspect-ratio:600/700;margin:0 calc(-1 * var(--borde))}
  .kd-txt{display:contents}
  .kd-peli h2{order:-2;text-align:center}
  .js .kd-peli.kd-fija{height:560vh}
  .js .kd-fija .kd-escena{position:sticky;top:0;height:100svh;align-content:center;gap:8px;padding:66px var(--borde) 18px}
  .js .kd-fija .kd-lienzo{height:min(54svh,116vw);aspect-ratio:auto;justify-self:center;width:calc(min(54svh,116vw) * 600 / 700);margin:0}
  .js .kd-fija .kd-peli h2,.js .kd-fija h2{margin:0;font-size:26px}
  .js .kd-fija .kd-pasos{position:relative;min-height:9.5em}
  .js .kd-fija .kd-paso{position:absolute;inset:0 0 auto;opacity:0;transform:translateY(10px);transition:opacity .35s ease,transform .45s var(--sale)}
  .js .kd-fija .kd-paso.on{opacity:1;transform:none}
  .js .kd-fija .kd-barra{left:52px;bottom:auto;top:calc(100% + 2px)}
  /* 10/11 (Mendi, móvil): «más espacio arriba, que respire el texto, y la imagen y los textos más centrados». El título iba pegado a la
     cabecera (5 px en 375 × 667) y los pasos a la izquierda bajo un título centrado: más aire arriba, imagen algo menor y todo en el eje */
  .js .kd-fija .kd-escena{padding-top:calc(70px + clamp(20px,4svh,40px));gap:clamp(10px,2svh,20px)}
  .js .kd-fija .kd-lienzo{height:min(46svh,108vw);width:calc(min(46svh,108vw) * 600 / 700)}
  .js .kd-fija .kd-paso{grid-template-columns:1fr;justify-items:center;text-align:center;gap:8px;padding-top:4px}
  .js .kd-fija .kd-paso h3{margin:0}
  .js .kd-fija .kd-paso p{margin-left:auto;margin-right:auto}
  .js .kd-fija .kd-barra{left:25%;right:25%}
  .js .kd-fija .kd-pasos{min-height:11.5em}
}
@media (prefers-reduced-motion:reduce){.js .kd-peli.kd-fija{height:auto}}

/* 4 y 6 · los kits: tarjeta de importación (foto 4:3 con esquina 14 px, nombre en Nunito); el precio y los dos botones debajo */
.kd-kits-l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,1.8vw,26px)}
.kd-kits-l.kd-tres{grid-template-columns:repeat(3,1fr);max-width:1180px;margin:0 auto}
.kd-kit{display:flex;flex-direction:column;height:100%}
.kd-foto{aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:#E4E0D6}
.kd-foto img{width:100%;height:100%;object-fit:contain;padding:5% 6% 3%}
/* 02/11: los siete kits (Urdaibai y Gorbea) hacen lo mismo: en reposo la vista del lado que se usa; con el cursor encima, la otra perspectiva (sin zoom). En el móvil (sin cursor) solo la de reposo. */
.kd-foto-2{position:relative}
.kd-foto-2 .kd-foto-otra{position:absolute;inset:0;opacity:0;transition:opacity .45s ease;pointer-events:none}
.kd-foto-2 img:not(.kd-foto-otra){transition:opacity .45s ease}
@media (hover:hover) and (pointer:fine){.kd-kit:hover .kd-foto-otra,.kd-kit:focus-within .kd-foto-otra{opacity:1}.kd-kit:hover .kd-foto-2 img:not(.kd-foto-otra),.kd-kit:focus-within .kd-foto-2 img:not(.kd-foto-otra){opacity:0}}
@media (hover:none),(pointer:coarse){.kd-foto-otra{display:none}}
.kd-kit h3,.kd-camino h3{margin:18px 0 0;font:800 clamp(18px,1.4vw,21px)/1.15 var(--tit);letter-spacing:.04em;text-transform:uppercase;color:var(--noche)}
.kd-lleva{flex:1 0 auto;margin:6px 0 0;font:500 16px/1.45 var(--f);color:var(--suave)}
.kd-precio{margin:14px 0 0;font:800 24px/1 var(--tit);color:var(--noche)}
.kd-precio span{margin-right:4px;font:600 14px/1 var(--f);color:var(--suave)}
.kd-precio b{font-weight:800}
.kd-camino .kd-precio{font-size:20px}
.kd-bts{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:auto;padding-top:18px}
.kd-compat{margin:clamp(28px,3vw,40px) 0 0;padding-top:20px;border-top:1px solid rgba(25,61,58,.14);font:500 15.5px/1.6 var(--f);color:var(--suave)}
.kd-compat b{color:var(--noche);margin-right:8px}
.kd-kits+.kd-kits,.kd-planta+.kd-kits{padding-top:clamp(72px,8.5vw,120px)}

/* 5 · visto desde arriba: banda verde noche, las furgos en líneas arena (del configurador); se dibujan al llegar */
.kd-planta{padding:clamp(72px,8.5vw,120px) 0;background:var(--noche);color:#fff}
.kd-planta .sec-t{color:#fff}
.kd-planta-in{display:grid;grid-template-columns:1.7fr 1fr;gap:clamp(24px,4vw,64px);align-items:center}
.kd-dibujo{margin:0}
.kd-dibujo img{width:100%;height:auto}
.kd-dibujo figcaption,.kd-berlingo-pie{margin-top:10px;font:500 15px/1.4 var(--f);color:#C9D2CC;text-align:center}
.kd-dibujo b{color:#fff;font:800 16px/1 var(--tit);letter-spacing:.02em}
.kd-berlingo{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(8px,1.4vw,20px)}
.kd-berlingo-pie{grid-column:1/-1;margin:4px 0 0}
.js .kd-dibujo img{clip-path:inset(0 100% 0 0);transition:clip-path 1.6s cubic-bezier(.6,.1,.2,1) var(--d,0s)}
.js .kd-berlingo .kd-dibujo img{clip-path:inset(0 0 100% 0)}
.js .kd-planta.dentro .kd-dibujo img{clip-path:inset(0 0 0 0)}

/* 7 · el configurador: el bloque verde redondeado de la garantía de importación */

/* 8 · acabados: las muestras cambian la foto del Urdaibai con un fundido */
.kd-acab{background:linear-gradient(180deg,var(--roto) 0,#E3EBE0 clamp(90px,12vw,170px),#E3EBE0 calc(100% - clamp(90px,12vw,170px)),var(--roto) 100%)}
.kd-acab-in{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(24px,4vw,64px);align-items:center}
.kd-acab-foto{position:relative;aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:#F2EFE7}
.kd-acab-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:4%;transition:opacity .45s ease}
.kd-acab-foto img.va{opacity:0}
.kd-acab-txt h3{margin:0 0 6px;font:800 clamp(18px,1.4vw,21px)/1.15 var(--tit);letter-spacing:.04em;text-transform:uppercase;color:var(--noche)}
.kd-acab-txt p{margin:0 0 14px;max-width:44ch;font:500 16px/1.5 var(--f);color:var(--suave)}
.kd-acab-txt .kd-muestras+h3{margin-top:28px}
.kd-muestras{display:flex;flex-wrap:wrap;gap:8px}
.kd-muestras button{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:#F7F4EC;font:700 14.5px/1 var(--f);color:var(--noche);transition:border-color .2s ease,transform .2s var(--sale)}
.kd-muestras i{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)}
.kd-muestras button:hover{border-color:var(--bosque);transform:translateY(-1px)}
.kd-muestras button[aria-checked="true"]{border-color:var(--bosque);background:var(--bosque);color:#fff}
.kd-acab-txt .kd-nota{margin-top:24px}

/* 9 · ¿Lo montas tú o te lo montamos? */
.kd-camino .foto{display:block;aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:#E4E0D6}
.kd-camino .foto img{width:100%;height:100%;object-fit:cover}
.kd-camino .kd-render img{object-fit:contain;padding:6%}
.kd-homo{max-width:1120px;margin:clamp(28px,3vw,40px) auto 0;padding-top:20px;border-top:1px solid rgba(25,61,58,.14);font:500 16px/1.6 var(--f);color:var(--suave)}
.kd-homo b{color:var(--noche)}
.kd-homo a{color:var(--noche);font-weight:700;text-decoration:underline;text-underline-offset:4px}

/* 11 · cierre: la cabecera de importación, otra foto */
.kd-cierre h2{margin:0;max-width:24ch;font:700 clamp(28px,2.9vw,46px)/1.1 var(--tit);letter-spacing:-.01em;text-wrap:balance;text-shadow:0 2px 18px rgba(0,0,0,.35)}
.kd-cierre{height:88svh}
.kd-cierre .ir svg{fill:none}

/* el configurador, aquí mismo y a pantalla entera */
.kd-dlg{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:var(--roto)}
.kd-dlg[open]{display:flex;flex-direction:column}
.kd-dlg::backdrop{background:rgba(25,61,58,.6)}
.kd-dlg-barra{flex:none;display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 8px 0 var(--borde);background:var(--noche);color:#fff;font:700 15px/1 var(--f)}
.kd-dlg-x{min-height:44px;padding:0 18px;border:1.5px solid rgba(245,242,234,.5);border-radius:999px;background:transparent;color:#fff;font:700 15px/1 var(--f)}
.kd-dlg-x:hover{background:rgba(245,242,234,.12)}
.kd-dlg iframe{flex:1;width:100%;border:0;background:var(--roto)}
.kd-dlg-abierto{overflow:hidden}

@media (max-width:1099px){.kd-kits-l{grid-template-columns:repeat(2,1fr)}.kd-kits-l.kd-tres{grid-template-columns:repeat(3,1fr)}}
@media (max-width:899px){
  .kd-planta-in,.kd-conf-in,.kd-acab-in{grid-template-columns:1fr}
  .kd-kits-l.kd-tres{grid-template-columns:repeat(2,1fr)}
  .kd-cierre{height:auto}
}
@media (max-width:599px){
  .tipos-l.kd-dos,.kd-kits-l,.kd-kits-l.kd-tres{grid-template-columns:1fr}
  .kd-bajada{margin-top:-14px}
}
@media (prefers-reduced-motion:reduce){.js .kd-dibujo img,.js .kd-conf-foto img{clip-path:none;transform:none;opacity:1}}


/* ═══ 28/10/2026 · kits reorganizados: general + furgoneta pequeña + furgoneta mediana (boceto que aprobó Guillermo) ═══ */
/* el bloque «De día, sofá. De noche, cama doble.» es el de la portada, tal cual (película kit-dianoche-laz3) */
.noche-kit{position:relative;height:clamp(560px,min(100svh,50vw),900px);overflow:hidden;background:#0b0c0d;color:#fff;isolation:isolate}
.nk-peli{position:absolute;inset:0;z-index:-1}
.nk-peli img,.nk-peli video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:45% 50%}   /* el bloque no pasa de medio ancho de alto (la película es 2,2:1): se recorta poco y el mueble no toca ni el texto ni el borde */
.nk-peli video{opacity:0;transition:opacity .4s ease}
.nk-peli video.listo{opacity:1}
.nk-peli::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,7,8,.55) 0,rgba(6,7,8,.25) 30%,rgba(6,7,8,0) 46%)}
.nk-txt{height:100%;max-width:1360px;margin:0 auto;padding:clamp(80px,12vh,120px) var(--borde) clamp(40px,7vh,72px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.nk-txt .ant{margin:0 0 14px;font:600 13px/1 var(--f);letter-spacing:.16em;text-transform:uppercase;color:var(--arena)}
.noche-kit h2{margin:0;max-width:11.5em;font:800 clamp(36px,3.3vw,52px)/1.04 var(--tit);letter-spacing:-.01em;color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.35)}
.noche-kit h2 span{display:inline-block}
.nk-txt .que{margin:18px 0 0;max-width:30ch;font:500 18px/1.5 var(--f);color:#E4E0D8}
.nk-acc{display:flex;flex-wrap:wrap;gap:12px 14px;margin-top:clamp(24px,4vh,36px)}
.nk-acc a{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:10px;font:700 15px/1 var(--f);transition:background-color .2s ease,color .2s ease,transform .16s var(--sale)}
.nk-acc a svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.nk-acc .uno{background:#fff;color:var(--noche)}.nk-acc .uno:hover{background:var(--arena)}
.nk-acc .dos{border:1.5px solid rgba(255,255,255,.8);color:#fff}.nk-acc .dos:hover{background:rgba(255,255,255,.12)}
.nk-acc a:active{transform:scale(.97)}
.nk-ctrl{position:absolute;right:clamp(14px,2.4vw,28px);bottom:clamp(14px,2.4vw,28px);z-index:2;width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(255,255,255,.7);background:rgba(10,12,14,.35);color:#fff;display:grid;place-items:center;transition:background-color .2s ease,transform .16s var(--sale)}
.nk-ctrl svg{width:18px;height:18px;fill:currentColor}
.nk-ctrl:hover{background:rgba(10,12,14,.7)}.nk-ctrl:active{transform:scale(.94)}
@media (min-width:1700px){.nk-peli img,.nk-peli video{object-position:0 50%}}   /* pantallas grandes: el mueble, lo más lejos posible del texto */
@media (max-width:699px){
  .noche-kit{height:auto;aspect-ratio:3/5;max-height:none}
  .nk-peli img,.nk-peli video{object-position:50% 50%}
  .nk-peli::after{background:linear-gradient(180deg,rgba(6,7,8,.35) 0,rgba(6,7,8,0) 40%,rgba(6,7,8,0) 78%,rgba(6,7,8,.45) 100%)}
  .nk-txt{justify-content:space-between;align-items:center;text-align:center;padding:40px var(--borde) 40px}
  .noche-kit h2{font-size:clamp(26px,7.6vw,34px)}
  .nk-txt .que{font-size:16.5px;margin:12px auto 0}
  .nk-acc{width:100%;margin-top:0;flex-wrap:nowrap}.nk-acc a{flex:1;padding:0 12px;min-height:50px}
  .nk-ctrl{top:14px;bottom:auto;right:14px}
}

/* la tira de «Tu furgoneta»: pequeña | mediana | todos los kits, pegada bajo la cabecera */
.kd-tira{position:sticky;top:70px;z-index:15;background:rgba(244,242,235,.94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(25,61,58,.12)}
.kd-tira .env{display:flex;align-items:center;gap:10px 12px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
.kd-tira span{font:600 14px/1 var(--f);color:var(--suave);margin-right:2px}
.kd-tira a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;border:1.5px solid var(--bosque);font:700 14.5px/1 var(--f);color:var(--bosque);transition:background-color .2s ease,color .2s ease}
.kd-tira a:hover{background:rgba(25,61,58,.08)}
.kd-tira a[aria-current="page"]{background:var(--bosque);color:#fff}
.kd-tira a.otra{border-color:transparent;text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(25,61,58,.35)}
.kd-tira i{font-style:normal}.kd-tira .c{display:none}
/* 28/10 (QA 4): en el móvil, una sola fila (textos cortos, botones de 44 px) y sin quedarse fija: la cabecera sola ya mide 70 de 812 */
@media (max-width:599px){
  .kd-tira{position:static}
  .kd-tira .env{flex-wrap:nowrap;gap:6px;padding-top:4px;padding-bottom:4px}
  .kd-tira span{margin-right:0;white-space:nowrap}
  .kd-tira a{min-height:44px;padding:0 12px;white-space:nowrap;flex:none}
  .kd-tira a.otra{padding:0 6px}
  .kd-tira .l{display:none}.kd-tira .c{display:inline}
}

/* las dos tarjetas de «¿Qué furgoneta tienes?»: render de perfil en blanco y, al pasar el ratón, la foto del kit montado */
.kd-ft .tipo .foto{position:relative;display:block;overflow:hidden}
.kd-ft .foto .kd-real{position:absolute;inset:0;width:100%;height:100%;object-fit:cover!important;padding:0!important;opacity:0;transition:opacity .45s ease}
@media (hover:hover) and (pointer:fine){.kd-ft .tipo:hover .kd-real,.kd-ft .tipo:focus-visible .kd-real{opacity:1}}
.kd-ft .foto.real-on .kd-real{opacity:1}
.kd-vf{position:absolute;right:10px;bottom:10px;z-index:2;min-height:36px;padding:0 14px;border-radius:999px;border:0;background:rgba(10,12,14,.62);color:#fff;font:700 13px/1 var(--f);display:none}
@media (hover:none){.kd-vf{display:inline-flex;align-items:center}}
.kd-ft .kd-kits-nom{display:block;margin-top:8px;font:700 14.5px/1.4 var(--f);color:var(--bosque)}
.kd-ft .kd-kits-nom b{font-weight:800}
.kd-ayuda{margin:clamp(22px,2.6vw,34px) auto 0;max-width:60ch;text-align:center;font:500 16px/1.55 var(--f);color:var(--suave)}
.kd-ayuda a{color:var(--noche);text-decoration:underline;text-underline-offset:4px}

/* la cabecera de la furgoneta mediana: título y, debajo, la animación Sofá → Cama → Cocina (la que gustó a Mendi) */
.kd-sofa-peli{position:relative;margin-top:clamp(24px,3vw,40px);border-radius:22px;overflow:hidden;background:#F2EEE6;aspect-ratio:16/9;box-shadow:0 24px 50px -30px rgba(12,24,22,.45)}
.kd-sofa-peli img,.kd-sofa-peli video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.kd-sofa-peli video{opacity:0;transition:opacity .4s ease}.kd-sofa-peli video.listo{opacity:1}
.kd-sofa-peli .nk-ctrl{background:rgba(25,61,58,.55);border-color:rgba(255,255,255,.8)}
@media (max-width:699px){.kd-sofa-peli{border-radius:14px}}

/* camperización: la misma animación, dentro de su sección */
.kd-sofa-banda{padding:clamp(56px,6vw,90px) 0;background:var(--roto)}
.kd-sofa-banda h2{margin:0 0 10px;font:800 clamp(28px,2.8vw,42px)/1.08 var(--tit);color:var(--noche);text-wrap:balance}
.kd-sofa-banda p{margin:0 0 6px;max-width:58ch;font:500 17px/1.55 var(--f);color:var(--suave)}

/* el hueco de la película de los kits Gorbea (la hace otra tarea): hasta entonces, la foto del Senda */

/* las dos listas de kits de la general y el resumen de acabados de la pequeña */
.kd-fams{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(16px,2vw,28px);max-width:1120px;margin:0 auto}
.kd-fam{padding:clamp(22px,2.4vw,32px);border-radius:18px;background:#fff;box-shadow:0 1px 0 rgba(25,61,58,.08)}
.kd-fam h3{margin:0;font:800 clamp(20px,1.7vw,24px)/1.15 var(--tit);color:var(--noche)}
.kd-fam ul{list-style:none;margin:14px 0 18px;padding:0;display:grid;gap:8px;font:500 16px/1.4 var(--f);color:var(--suave)}
.kd-fam li b{color:var(--noche);font-weight:800}
.kd-una{max-width:760px;margin:0 auto;text-align:center}
.kd-una p{font:500 17px/1.6 var(--f);color:var(--suave);margin:10px 0 0}
@media (max-width:899px){.kd-fams{grid-template-columns:1fr}}

/* los tres renders de la cabecera de la pequeña */
.kd-planta-uno{grid-template-columns:1fr;max-width:900px;margin:0 auto}
.kd-sub-hero{margin:0 0 24px;max-width:36ch;font:500 clamp(17px,1.4vw,20px)/1.5 var(--f);color:#fff;text-shadow:0 1px 14px rgba(0,0,0,.55)}
.kd-ft .tipo .foto{aspect-ratio:16/10}
.kd-ft .kd-render img:not(.kd-real){padding:0 2%!important}

.kd-planta-uno .kd-berlingo{max-width:880px;margin:0 auto;gap:clamp(16px,4vw,56px)}   /* 28/10 (QA 4): las tres plantas llenan el bloque (a 1536 miden 270 px de ancho en vez de 129) */
@media (max-width:599px){
  .kd-planta-uno .kd-berlingo{grid-template-columns:repeat(2,1fr);gap:20px 14px;max-width:420px}
  .kd-planta-uno .kd-berlingo .kd-dibujo:nth-of-type(3){grid-column:1/-1;width:50%;justify-self:center}   /* la tercera, centrada debajo: así cada planta mide ~160 px y se lee */
}
.kd-planta-uno .kd-dibujo img{max-width:100%}

/* película de los kits Gorbea (28/10, noche): vídeo limpio y rótulos en HTML, como la del Urdaibai */

/* ═══ 28/10/2026 · una animación por página ═══════════════════════════════════════════════════════════════════════════════════════════════
   Portadas de kits como las de camperización, venta y alquiler: imagen (o película) a sangre, título grande abajo, degradado solo detrás del texto,
   un botón principal y «Míralo en 3D». El bloque «Elige el acabado y míralo en 3D» sustituye a la tarjeta del configurador y a «En el acabado que elijas». */
.kd-port{position:relative;height:100svh;min-height:600px;max-height:1000px;overflow:hidden;background:#17140f;color:#fff;isolation:isolate}
.kd-port .m{position:absolute;inset:0;z-index:-1}
.kd-port .m picture{display:contents}
.kd-port .m img,.kd-port .m video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 50%)}
.kd-port .m video{opacity:0;transition:opacity .4s ease}.kd-port .m video.listo{opacity:1}
.kd-port::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(10,14,12,.4) 0,rgba(10,14,12,0) 20%,rgba(10,14,12,0) 44%,rgba(10,14,12,.5) 70%,rgba(10,14,12,.82) 100%)}
.kd-port .txt{position:absolute;left:0;right:0;bottom:clamp(28px,6.5vh,60px);z-index:1;display:flex;flex-direction:column;align-items:center;gap:clamp(12px,2vh,18px);padding:0 var(--borde);text-align:center}
.kd-port h1{margin:0;max-width:20em;font:800 clamp(34px,4.4vw,68px)/1.04 var(--tit);letter-spacing:-.015em;text-wrap:balance;text-shadow:0 2px 22px rgba(0,0,0,.42)}
.kd-port .sub{margin:0;max-width:50ch;font:500 clamp(16px,1.35vw,20px)/1.5 var(--f);color:#F1F1EA;text-shadow:0 1px 14px rgba(0,0,0,.6);text-wrap:pretty}
.kd-port .nk-ctrl{z-index:2;background:rgba(10,14,12,.4);border-color:rgba(255,255,255,.8)}
.kd-port-med{--pie:#2B2A22}
.kd-port-peq .kd-gp-rot{position:absolute;z-index:1;left:var(--borde);top:clamp(104px,15vh,150px);max-width:30ch;transition:opacity .18s ease}
.kd-gp-rot.sale{opacity:0}
.kd-gp-rot .rn{margin:0 0 6px;font:800 clamp(20px,1.8vw,28px)/1.1 var(--tit);letter-spacing:-.005em;color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.5)}
.kd-gp-rot .rq{margin:0;font:500 clamp(14.5px,1.1vw,16.5px)/1.45 var(--f);color:#E4E0D8;text-shadow:0 1px 14px rgba(0,0,0,.6)}

/* los dos botones de toda portada de kits (también en /kits/): principal crema, «Míralo en 3D» de contorno con su cubo */
.kd-acc{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 14px;margin-top:clamp(4px,1.2vh,12px)}
.kd-acc a{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:250px;height:60px;padding:0 28px;border-radius:10px;font:700 14.5px/1.2 var(--f);letter-spacing:.08em;text-transform:uppercase;transition:background-color .25s ease,color .25s ease,transform .2s var(--sale)}
.kd-acc a svg{flex:none;width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.kd-acc .uno{border:1.5px solid var(--roto);background:var(--roto);color:var(--noche)}.kd-acc .uno:hover{background:#fff;border-color:#fff}
.kd-acc .dos{border:1.5px solid #fff;background:rgba(10,20,18,.28);color:#fff}.kd-acc .dos:hover{background:var(--roto);color:var(--noche)}
.kd-acc a:active{transform:scale(.98)}
.imp-hero .kd-acc{margin-top:2px}

@media (max-width:699px){
  .kd-port{min-height:560px}
  .kd-port .txt{bottom:22px;gap:12px}
  .kd-port h1{font-size:clamp(30px,8.6vw,38px)}
  .kd-port .sub{font-size:16px}
  .kd-port .nk-ctrl{top:84px;bottom:auto;right:14px}
  .kd-acc{flex-direction:column;width:100%;max-width:360px;gap:10px}
  .kd-acc a{min-width:0;width:100%;height:54px;padding:0 16px;font-size:13.5px;letter-spacing:.06em}
  .kd-acc a svg{width:20px;height:20px}
}

/* tarjetas de kit: «Verlo en 3D» es un botón de verdad, con su cubo, a todo lo ancho; pedir por WhatsApp, debajo */
.kd-kit .kd-bts{flex-direction:column;align-items:stretch;gap:2px}
.kd-kit .kd-bt{width:100%;min-height:52px;border-radius:12px;font-size:15.5px}
.kd-kit .kd-bt::before{width:22px;height:22px}
.kd-kit .kd-enl{justify-content:center}

/* Elige el acabado y míralo en 3D */
.kd-acab-in{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-areas:"foto txt" "foto res";align-items:start;gap:clamp(22px,2.6vw,36px) clamp(24px,4vw,64px)}
.kd-acab-foto{grid-area:foto;position:sticky;top:104px;background:#D8D2C4;box-shadow:0 24px 50px -32px rgba(12,24,22,.5)}
.kd-acab-foto img{object-fit:cover;padding:0}
.kd-acab-chip{position:absolute;left:14px;bottom:14px;z-index:1;padding:9px 16px;border-radius:999px;background:rgba(251,248,241,.94);font:700 14.5px/1 var(--f);color:var(--noche)}
.kd-acab-txt{grid-area:txt}
.kd-grupo+.kd-grupo{margin-top:24px}
.kd-acab-txt h3{margin-bottom:4px}
.kd-acab-txt p{margin:0 0 12px;font-size:15.5px}
.kd-muestras .cmb i{position:relative;flex:none;width:46px;height:30px;border-radius:0;background:none;box-shadow:none}
.kd-muestras .cmb i b{position:absolute;top:0;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,.14),0 0 0 2px #F7F4EC}
.kd-muestras .cmb i b:first-child{left:0}.kd-muestras .cmb i b:last-child{left:16px}
.kd-muestras .cmb[aria-checked="true"] i b{box-shadow:inset 0 0 0 1px rgba(0,0,0,.14),0 0 0 2px var(--bosque)}
.kd-res{grid-area:res;padding:20px 22px 18px;border-radius:14px;background:#F7F4EC;border:1.5px solid rgba(25,61,58,.14)}
.kd-res-l{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:8px}
.kd-res-l li{display:flex;align-items:baseline;justify-content:space-between;gap:16px;font:600 16px/1.3 var(--f);color:var(--suave)}
.kd-res-l li b{font:800 26px/1 var(--tit);letter-spacing:-.005em;color:var(--noche)}
.kd-res-l li:only-child b{font-size:32px}
.kd-bt3{width:100%;min-height:56px;border-radius:12px;font-size:16px}
.kd-bt3::before{width:22px;height:22px}
.kd-res .kd-nota{margin:14px 0 0;font-size:13.5px}
@media (max-width:899px){
  .kd-acab-in{grid-template-columns:1fr;grid-template-areas:"foto" "txt" "res";gap:14px}
  .kd-acab-foto{position:relative;top:auto}
}
/* 28/10 (Guillermo, iPhone): muestras compactas justo bajo la imagen, el precio y el botón después; el nombre del color, una sola vez (la etiqueta de la imagen) */
.kd-acab-txt{display:flex;flex-wrap:wrap;gap:6px 22px;align-items:flex-end}
.kd-acab-txt .kd-grupo{margin:0}
.kd-acab-txt h3{margin:0 0 2px 2px;font:800 11.5px/1.2 var(--tit);letter-spacing:.09em;text-transform:uppercase;color:var(--suave)}
.kd-muestras{gap:0}
.kd-muestras button{position:relative;justify-content:center;gap:0;min-width:44px;width:44px;min-height:44px;height:44px;padding:0;border:0;background:none;border-radius:50%;transform:none}
.kd-muestras button:hover{transform:none}
.kd-muestras i{width:30px;height:30px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.18);transition:box-shadow .2s ease,transform .2s var(--sale)}
.kd-muestras button:hover i{transform:scale(1.08)}
.kd-muestras button[aria-checked="true"]{background:none;color:inherit}
.kd-muestras button[aria-checked="true"] i{box-shadow:inset 0 0 0 1px rgba(0,0,0,.18),0 0 0 2.5px #F7F4EC,0 0 0 4.5px var(--bosque)}
.kd-muestras button:focus-visible{outline:3px solid var(--bosque);outline-offset:0}
.kd-muestras .cmb{width:56px;border-radius:12px}
.kd-muestras .cmb i{width:44px;height:28px}
.kd-muestras .cmb i b{width:28px;height:28px}
.kd-muestras .cmb i b:last-child{left:16px}
.kd-muestras .cmb[aria-checked="true"] i{box-shadow:none}
.kd-muestras .cmb[aria-checked="true"] i b{box-shadow:inset 0 0 0 1px rgba(0,0,0,.14),0 0 0 2.5px var(--bosque)}
.kd-res{padding:14px 16px 12px}
.kd-res-l{margin:0 0 10px;gap:4px}
.kd-res-l li{font-size:14.5px}
.kd-res-l li b{font-size:21px}
.kd-res-l li:only-child b{font-size:28px}
.kd-bt3{min-height:50px}
.kd-res .kd-nota{margin:10px 0 0;font-size:12.5px;line-height:1.4}
.kd-info{margin-top:8px;font:500 13px/1.45 var(--f);color:var(--suave)}
.kd-info summary{cursor:pointer;min-height:36px;display:flex;align-items:center;font-weight:700;color:var(--noche)}
.kd-info p{margin:4px 0 0;font-size:13px;max-width:none}
.kd-info p b{color:var(--noche)}
@media (max-width:899px){.kd-acab-txt{padding:2px 0}}
@media (min-width:900px){.kd-acab-in{align-content:center}.kd-acab-txt{align-self:end}.kd-res{align-self:start}}
.kd-sofa-banda .kd-sofa-peli{width:min(100%,max(640px,calc((100svh - 170px) * 16 / 9)));margin:clamp(20px,2.4vw,32px) auto 0}
@media (max-width:699px){.kd-sofa-banda .kd-sofa-peli{width:100%}}
@media (max-width:699px){
  /* móvil (28/10, Guillermo: «demasiado texto»; el mueble tocaba el logo y los botones): solo el título y los dos botones, sin rótulos ni entradilla
     (la información está al bajar). La película (864×1440, el mueble entre el 21 % y el 57 % del alto) mide 104vw de ancho y se coloca para que
     el mueble quede centrado entre los botones de arriba (≈130 px) y el título (≈232 px desde abajo): centro del mueble = 68vw desde arriba de la película */
  .kd-port-peq{display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:22px}
  .kd-port-peq .m{left:-2vw;right:-2vw;top:calc(50svh - 51px - 68vw);bottom:auto;height:173vw;-webkit-mask:linear-gradient(#000 80%,transparent);mask:linear-gradient(#000 80%,transparent)}
  .kd-port-peq .txt{position:relative;left:auto;right:auto;bottom:auto;padding-bottom:0}
  .kd-port-peq .kd-gp-rot,.kd-port-peq .sub{display:none}
}

/* escritorio: la película Gorbea (18 s) deja el mueble a la derecha (centro al 69 % del ancho, hasta el 82 % del alto); el texto va abajo a la izquierda y el rótulo arriba a la izquierda, sin pisarlo nunca */
@media (min-width:700px){
  .kd-port-peq .txt{right:auto;width:min(46%,720px);align-items:flex-start;text-align:left;padding:0 0 0 var(--borde)}
  .kd-port-peq .kd-acc{justify-content:flex-start}
  .kd-port-peq::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(10,14,12,.5) 0,rgba(10,14,12,0) 48%)}
}

/* 30/10: interruptor de fondo (sol / luna), junto al botón de pausa. Por defecto, el de día (30/10). La película y el texto cambian juntos; el menú de arriba también (la clase kd-dia la pone kd.js en <html>) */
.kd-tema{position:absolute;z-index:3;right:calc(clamp(14px,2.4vw,28px) + 44px + 12px);bottom:clamp(14px,2.4vw,28px);display:flex;gap:0;padding:0;border-radius:999px;border:1.5px solid rgba(255,255,255,.65);background:rgba(10,14,12,.4);transition:background-color .3s ease,border-color .3s ease}
.kd-tema button{width:44px;height:44px;border-radius:999px;display:grid;place-items:center;color:#fff;background:none;transition:background-color .3s ease,color .3s ease,transform .16s var(--sale)}
.kd-tema button:active{transform:scale(.94)}
.kd-tema svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.kd-tema button[aria-pressed="true"]{background:#fff;color:#17140f}
.kd-tema button:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media (max-width:699px){.kd-tema{top:84px;bottom:auto;right:68px}}
.kd-port-peq[data-tema="dia"]{background:#E6D9C0;color:#1c1b17}
.kd-port-peq[data-tema="dia"]::before,.kd-port-peq[data-tema="dia"]::after{background:none}
.kd-port-peq[data-tema="dia"] h1,.kd-port-peq[data-tema="dia"] .kd-gp-rot .rn{color:#1c1b17;text-shadow:none}
.kd-port-peq[data-tema="dia"] .sub{color:#463d2e;text-shadow:none}
.kd-port-peq[data-tema="dia"] .kd-gp-rot .rq{color:#5a4e3a;text-shadow:none}
.kd-port-peq[data-tema="dia"] .kd-acc .uno{background:#1c1b17;border-color:#1c1b17;color:#fff}
.kd-port-peq[data-tema="dia"] .kd-acc .uno:hover{background:#3a362c;border-color:#3a362c}
.kd-port-peq[data-tema="dia"] .kd-acc .dos{border-color:rgba(28,27,23,.7);background:rgba(255,255,255,.35);color:#1c1b17}
.kd-port-peq[data-tema="dia"] .kd-acc .dos:hover{background:#1c1b17;color:#fff}
.kd-port-peq[data-tema="dia"] .nk-ctrl{background:rgba(255,255,255,.55);border-color:rgba(28,27,23,.55);color:#1c1b17}
.kd-port-peq[data-tema="dia"] .kd-tema{border-color:rgba(28,27,23,.45);background:rgba(255,255,255,.55)}
.kd-port-peq[data-tema="dia"] .kd-tema button{color:#1c1b17}
.kd-port-peq[data-tema="dia"] .kd-tema button[aria-pressed="true"]{background:#1c1b17;color:#fff}
.kd-port-peq[data-tema="dia"] .kd-tema button:focus-visible{outline-color:#1c1b17}
html.kd-dia .cab:not(.fija)::before{background:none}
html.kd-dia .cab:not(.fija) .menu a{color:#1c1b17;text-shadow:none}
html.kd-dia .cab:not(.fija) .ico{color:#1c1b17;filter:none}
html.kd-dia .cab:not(.fija) .ico:hover{background:rgba(28,27,23,.08)}
html.kd-dia .cab:not(.fija) .ico.tel{border-color:rgba(28,27,23,.4)}
html.kd-dia .cab:not(.fija) .sep{background:rgba(28,27,23,.25)}
html.kd-dia .cab:not(.fija) .logo .blanco{display:none}
html.kd-dia .cab:not(.fija) .logo .verde{display:block}
html.kd-dia .cab:not(.fija) .abre{border-color:rgba(28,27,23,.45);color:#1c1b17}

/* 30/10: película del Urdaibai (intro + bucle, fondo de día y de noche) dentro de la tarjeta redonda. Los rótulos son HTML (kd.js); por defecto, el fondo oscuro */
.kd-sofa-peli[data-tema="noche"]{background:#17140f}
.kd-sofa-peli[data-tema="dia"]{background:#EADFC8}
.kd-sofa-peli .m{position:absolute;inset:0}
.kd-sofa-peli .m img,.kd-sofa-peli .m video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.kd-sofa-peli .m video{opacity:0;transition:opacity .4s ease}.kd-sofa-peli .m video.listo{opacity:1}
.kd-sofa-peli .kd-gp-rot{position:absolute;z-index:1;left:clamp(14px,2.4vw,28px);top:clamp(14px,2.2vw,26px);max-width:min(34ch,calc(100% - 170px));transition:opacity .18s ease}
.kd-sofa-peli .kd-gp-rot .rn{margin:0 0 4px;font:800 clamp(17px,1.6vw,24px)/1.1 var(--tit);color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.5)}
.kd-sofa-peli .kd-gp-rot .rq{margin:0;font:500 clamp(13.5px,1vw,16px)/1.4 var(--f);color:#E4E0D8;text-shadow:0 1px 12px rgba(0,0,0,.6)}
.kd-sofa-peli[data-tema="dia"] .kd-gp-rot .rn{color:#1c1b17;text-shadow:none}
.kd-sofa-peli[data-tema="dia"] .kd-gp-rot .rq{color:#5a4e3a;text-shadow:none}
.kd-sofa-peli .nk-ctrl{background:rgba(10,14,12,.4);border-color:rgba(255,255,255,.7)}
.kd-sofa-peli[data-tema="dia"] .nk-ctrl{background:rgba(255,255,255,.55);border-color:rgba(28,27,23,.55);color:#1c1b17}
.kd-sofa-peli[data-tema="dia"] .kd-tema{border-color:rgba(28,27,23,.45);background:rgba(255,255,255,.55)}
.kd-sofa-peli[data-tema="dia"] .kd-tema button{color:#1c1b17}
.kd-sofa-peli[data-tema="dia"] .kd-tema button[aria-pressed="true"]{background:#1c1b17;color:#fff}
.kd-sofa-peli[data-tema="dia"] .kd-tema button:focus-visible{outline-color:#1c1b17}
@media (max-width:699px){.kd-sofa-peli .kd-tema{top:14px;bottom:auto;right:68px}}
@media (max-width:699px){.kd-sofa-peli .kd-gp-rot .rq{display:none}.kd-sofa-peli .kd-gp-rot .rn{font-size:15px}}   /* en el móvil la tarjeta es pequeña: solo el título del tramo, para no tapar el mueble */

/* 02/11 (reunión): selector de furgoneta y tarjetas de sus kits en /kits/ */
.kd-selec{display:flex;width:fit-content;max-width:100%;margin:0 auto clamp(24px,3vw,36px);padding:5px;border-radius:999px;background:#E9E5DA}
.kd-selec button{min-height:48px;padding:0 clamp(16px,2.4vw,30px);border:0;border-radius:999px;background:transparent;color:var(--noche);font:700 15.5px/1.1 var(--f);cursor:pointer;transition:background-color .2s ease,color .2s ease}
.kd-selec button[aria-selected="true"]{background:var(--bosque);color:#fff}
.kd-selec button:focus-visible{outline:2px solid var(--noche);outline-offset:2px}
.kd-panel .kd-bajada{text-align:center}
.kd-panel-ir{margin:clamp(22px,2.6vw,32px) 0 0;text-align:center}
.kd-panel-ir .kd-bt{display:inline-flex}
.kd-panel .kd-bajada{margin-top:0}
/* 02/11 (reunión): película Gorbea con más protagonismo, sin tocar el vídeo; solo el nombre, grande, y entra cuando empieza cada mueble */
.kd-port-peq .kd-gp-rot{max-width:none;transition:opacity .18s ease,transform .18s ease}
.kd-port-peq .kd-gp-rot:not(.sale){transition:opacity .45s ease,transform .6s cubic-bezier(.22,1,.36,1)}
.kd-port-peq .kd-gp-rot.sale{transform:translateY(10px)}
.kd-port-peq .kd-gp-rot .rq{display:none}
.kd-port-peq .kd-gp-rot .rn{margin:0;font-size:clamp(52px,6.4vw,104px);line-height:1;letter-spacing:-.025em}
.kd-port-peq[data-tema="dia"] .kd-gp-rot .rn{color:var(--noche)}
@media (min-width:700px){[data-gorbea-peli] .m{transform:scale(1.16);transform-origin:76% 66%}}
@media (max-width:699px){.kd-port-peq .kd-gp-rot{display:block;top:84px}.kd-port-peq .kd-gp-rot .rn{font-size:44px}}