/* Portón de edad — bukana.cl
   Se sirve como adjunto público en /bukana/edad/edad.css
   Paleta e identidad: identidadvisual.md */

@font-face{
  font-family:"BukanaOutfit";
  src:url("/bukana/armador/outfit.ttf") format("truetype");
  font-weight:100 900;
  font-display:swap;
}

.bk-edad{
  position:fixed;
  inset:0;
  z-index:2147483000;              /* por encima de la cabecera fija de Odoo */
  background:#0F0F12;              /* Carbón Profundo */
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  overflow-y:auto;
  font-family:Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}

/* Bloquea el scroll del sitio mientras el portón está arriba */
html.bk-edad-abierto,
html.bk-edad-abierto body{overflow:hidden !important}

.bk-edad__caja{
  width:100%;
  max-width:430px;
  text-align:center;
  color:#F3F2EF;                   /* Espuma Clara */
}

.bk-edad__logo{
  width:150px;
  height:auto;
  margin:0 auto 34px;
  display:block;
}

.bk-edad__titulo{
  font-family:"BukanaOutfit",Helvetica,Arial,sans-serif;
  font-weight:800;
  font-size:clamp(1.75rem,6vw,2.3rem);
  line-height:1.1;
  letter-spacing:-0.03em;
  margin:0 0 12px;
  color:#F3F2EF;
}

.bk-edad__bajada{
  font-size:.97rem;
  line-height:1.55;
  color:#A8A59D;
  margin:0 0 30px;
}

.bk-edad__botones{
  display:flex;
  flex-direction:column;
  gap:11px;
  margin-bottom:26px;
}

.bk-edad__btn{
  appearance:none;
  cursor:pointer;
  font-family:"BukanaOutfit",Helvetica,Arial,sans-serif;
  font-weight:700;
  font-size:1.02rem;
  padding:15px 22px;
  border-radius:10px;
  border:2px solid transparent;
  transition:transform .15s ease,filter .15s ease,border-color .15s ease;
}
.bk-edad__btn:hover{transform:translateY(-1px)}
.bk-edad__btn:focus-visible{outline:3px solid #FF8A00;outline-offset:3px}

.bk-edad__btn--si{
  background:#FF8A00;              /* Ámbar Aventura */
  color:#0F0F12;
}
.bk-edad__btn--si:hover{filter:brightness(1.07)}

.bk-edad__btn--no{
  background:transparent;
  color:#A8A59D;
  border-color:#3C3C45;
}
.bk-edad__btn--no:hover{border-color:#78756E;color:#F3F2EF}

.bk-edad__legal{
  font-size:.74rem;
  line-height:1.6;
  color:#6E6B65;
  margin:0;
}

/* Estado "no soy mayor" */
.bk-edad__despedida .bk-edad__titulo{margin-bottom:14px}
.bk-edad__despedida .bk-edad__bajada{margin-bottom:0}

@media (prefers-reduced-motion:reduce){
  .bk-edad,.bk-edad__btn{transition:none !important}
  .bk-edad__btn:hover{transform:none}
}