/* =========================================================
   Vive tu cocina — recorrido en primera persona
   ========================================================= */
.t-vive .hdr{background:rgba(19,16,12,.55);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#FBF7F0}
.t-vive .hdr .hdr__logo img{filter:brightness(0) invert(1)}
.t-vive .hdr--oculto{transform:none}
.t-vive .wa-flot,.t-vive .progreso{display:none}

.vive{position:relative;height:100svh;min-height:520px;background:#13100c;color:var(--on-night);overflow:hidden;isolation:isolate;user-select:none;-webkit-user-select:none}
.vive__lienzo{position:absolute;inset:0;touch-action:none;cursor:grab}
.vive__lienzo:active{cursor:grabbing}
.vive__lienzo canvas{display:block;width:100%!important;height:100%!important}
.vive__mira{position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:rgba(255,255,255,.9);box-shadow:0 0 0 2px rgba(0,0,0,.35);opacity:0;pointer-events:none;z-index:2;transition:opacity .2s}
.vive.juego .vive__mira{opacity:1}

.vive__pista{position:absolute;left:50%;bottom:118px;transform:translate(-50%,8px);margin:0;padding:10px 18px;border-radius:99px;background:rgba(19,16,12,.78);backdrop-filter:blur(10px);font:600 13.5px var(--sans);color:#FBF7F0;opacity:0;transition:opacity .2s,transform .3s var(--ease-out);pointer-events:none;z-index:3;white-space:nowrap;max-width:calc(100% - 32px);overflow:hidden;text-overflow:ellipsis}
.vive__pista.on{opacity:1;transform:translate(-50%,0)}

.vive__arriba{position:absolute;z-index:4;top:calc(var(--hdr) + 14px);left:16px;right:16px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;opacity:0;transition:opacity .6s .3s;pointer-events:none}
.vive.dentro .vive__arriba,.vive.dentro .vive__barra{opacity:1;pointer-events:auto}
.vive__volver{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:99px;background:rgba(19,16,12,.6);backdrop-filter:blur(12px);color:#FBF7F0;text-decoration:none;font:600 12.5px var(--sans)}
.vive__volver .ar{width:16px;height:16px;transform:rotate(180deg)}
.vive__volver:hover{background:var(--brass)}
.vive__grupo{display:inline-flex;gap:2px;padding:4px;border-radius:99px;background:rgba(19,16,12,.6);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.vive__grupo button{appearance:none;border:0;background:transparent;color:rgba(241,233,220,.8);font:600 12px var(--sans);padding:9px 14px;border-radius:99px;cursor:pointer;transition:background .25s,color .25s}
.vive__grupo button:hover{color:#fff;background:rgba(255,255,255,.08)}
.vive__grupo button[aria-pressed="true"]{background:var(--brass-3);color:#1b1712}

.vive__barra{position:absolute;z-index:4;left:16px;right:16px;bottom:16px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;opacity:0;transition:opacity .6s .3s;pointer-events:none}
.vive__bloque{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.vive__t{font:600 10.5px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:rgba(241,233,220,.75);text-shadow:0 1px 6px rgba(0,0,0,.6)}
.vive__btn{appearance:none;border:0;background:rgba(19,16,12,.62);backdrop-filter:blur(12px);color:#FBF7F0;font:600 12.5px var(--sans);padding:12px 16px;border-radius:99px;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);transition:background .25s}
.vive__btn:hover,.vive__btn[aria-expanded="true"]{background:var(--brass)}
.vive__btn[aria-pressed="true"]{background:var(--brass-3);color:#1b1712}
.vive__ic{width:42px;height:42px;padding:0;display:inline-grid;place-items:center;font-size:15px}
.vive__ic svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#vSonido[aria-pressed="false"]{background:rgba(19,16,12,.62);color:rgba(241,233,220,.45)}
#vSonido[aria-pressed="true"]{background:rgba(19,16,12,.62);color:#FBF7F0}
.vive__cotizar{padding:12px 18px}

.vive__menu{position:absolute;z-index:5;left:50%;bottom:84px;transform:translateX(-50%);width:min(360px,calc(100% - 32px));padding:16px 18px;border-radius:8px;background:rgba(19,16,12,.9);backdrop-filter:blur(16px);box-shadow:0 24px 50px -20px rgba(0,0,0,.7);animation:viveSube .3s var(--ease-out)}
.vive__menu--obj{width:min(480px,calc(100% - 32px))}
@keyframes viveSube{from{opacity:0;transform:translate(-50%,10px)}}
.vive__menu b{display:block;font-family:var(--serif);font-weight:400;font-size:19px;margin-bottom:10px}
.vive__menu small{display:block;margin-top:10px;font-size:11.5px;color:var(--on-night-2)}
.vive__luces{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}
.vive__luces label{display:flex;align-items:center;gap:8px;font-size:13.5px;cursor:pointer}
.vive__luces input{accent-color:var(--brass-3);width:17px;height:17px}
.vive__objetos{display:grid;grid-template-columns:repeat(auto-fill,minmax(98px,1fr));gap:6px}
.vive__objetos button{appearance:none;border:1px solid rgba(241,233,220,.22);background:transparent;color:var(--on-night);font:600 12px var(--sans);padding:10px 8px;border-radius:5px;cursor:pointer;transition:.2s}
.vive__objetos button:hover{border-color:var(--brass-3)}
.vive__objetos button[aria-pressed="true"]{background:var(--brass-3);border-color:var(--brass-3);color:#1b1712}
.vive__objetos .vive__quitar{grid-column:1/-1;border-style:dashed;color:var(--on-night-2)}

.vive__ayuda{position:absolute;z-index:5;right:16px;bottom:84px;width:min(380px,calc(100% - 32px));padding:16px 18px;border-radius:8px;background:rgba(19,16,12,.9);backdrop-filter:blur(16px);font-size:13px;line-height:1.5}
.vive__ayuda b{display:block;font-family:var(--serif);font-weight:400;font-size:19px;margin-bottom:8px}
.vive__ayuda ul{margin:0;padding-left:18px;display:grid;gap:5px;color:var(--on-night-2)}
kbd{display:inline-block;min-width:22px;padding:2px 6px;margin:0 2px;border-radius:4px;border:1px solid rgba(241,233,220,.3);background:rgba(255,255,255,.06);font:600 11px var(--sans);text-align:center;color:#FBF7F0}

.vive__palanca{position:absolute;z-index:4;left:22px;bottom:96px;width:104px;height:104px;border-radius:50%;background:rgba(19,16,12,.4);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);backdrop-filter:blur(6px);display:none;touch-action:none}
.vive__palanca i{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:rgba(251,247,240,.85)}
@media (pointer:coarse){.vive.dentro .vive__palanca{display:block}.vive__solo-pc{display:none}}

/* pantalla de entrada */
.vive__inicio{position:absolute;inset:0;z-index:6;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;overflow:auto;background:linear-gradient(90deg,rgba(15,12,9,.94),rgba(15,12,9,.72) 55%,rgba(15,12,9,.5)),url(/configurador/img/k45.jpg) center/cover;transition:opacity .8s var(--ease-out),visibility .8s}
.vive__inicio.fuera{opacity:0;visibility:hidden}
.vive__inicio-in{width:min(var(--maxw),100%);margin:0 auto;padding:calc(var(--hdr) + 20px) var(--gut) 30px}
.vive__inicio .migas,.vive__inicio .migas a{color:rgba(241,233,220,.6)}
.vive__inicio .kicker{color:var(--brass-3);margin-top:18px}
.vive__inicio h1{color:#FBF7F0;font-size:clamp(3rem,7vw,6.2rem);margin-top:10px}
.vive__inicio h1 em{color:var(--brass-3)}
.vive__lead{max-width:54ch;margin:22px 0 0;color:var(--on-night-2);font-size:clamp(15.5px,1.3vw,18px);line-height:1.6}
.vive__opciones{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;max-width:920px;margin-top:30px}
.vive__op{appearance:none;text-align:left;border:1px solid rgba(241,233,220,.25);background:rgba(19,16,12,.45);backdrop-filter:blur(8px);color:#FBF7F0;padding:18px 20px;border-radius:6px;cursor:pointer;transition:transform .5s var(--ease-out),border-color .3s,background .3s;font-family:var(--sans)}
.vive__op:hover{transform:translateY(-3px);border-color:var(--brass-3);background:rgba(168,123,60,.25)}
.vive__op b{display:block;font-family:var(--serif);font-weight:400;font-size:1.35rem}
.vive__op small{display:block;margin-top:4px;font-size:.82rem;color:var(--on-night-2)}
.vive__op--mio{background:var(--brass);border-color:var(--brass)}
.vive__op--mio small{color:rgba(255,248,238,.85)}
.vive__nota{margin:22px 0 0;font-size:12.5px;color:rgba(241,233,220,.6)}

@media (max-width:760px){
  .vive__barra{left:10px;right:10px;bottom:10px;gap:8px}
  .vive__t{display:none}
  .vive__btn{padding:11px 13px;font-size:12px}
  .vive__grupo button{padding:9px 11px;font-size:11.5px}
  .vive__cotizar span,.vive__cotizar{font-size:12px}
  .vive__arriba{top:calc(var(--hdr) + 8px);left:10px;right:10px}
  .vive__pista{bottom:150px}
  .vive__menu,.vive__ayuda{bottom:128px}
  .vive__palanca{bottom:150px;left:14px}
}
@media (prefers-reduced-motion:reduce){.vive__menu{animation:none}}
/* captura limpia para portadas: ?limpio=1 */
.vive-limpio .hdr,.vive-limpio .vive__arriba,.vive-limpio .vive__barra,.vive-limpio .vive__pista,.vive-limpio .vive__mira,.vive-limpio .vive__palanca,.vive-limpio .wa-flot,.vive-limpio .progreso{display:none!important}
.vive-limpio .vive{padding-top:0;height:100vh}