/* ========================================================================== BYKAMEN — Verificación de edad (una sola vez por SESIÓN de navegador) Cookie de sesión: al pulsar "Sí" no vuelve a preguntar mientras navegas; al cerrar el navegador se borra y en la próxima sesión vuelve a preguntar. ========================================================================== */ #bk-agegate{ position:fixed; inset:0; z-index:9999; background:#0B0B0A; display:flex; align-items:center; justify-content:center; padding:2rem; text-align:center; } /* Si la sesión ya está verificada (clase puesta en por el script de cabecera antes de pintar), el gate no aparece: sin parpadeo. */ html.age-ok #bk-agegate{ display:none; } /* Bloquea el scroll del fondo mientras el gate está visible. */ html:not(.age-ok){ overflow:hidden; } .bk-ag-in{ display:grid; gap:1.3rem; justify-items:center; max-width:38rem; } .bk-ag-logo{ height:clamp(150px,22vw,260px); width:auto; display:block; } .bk-ag-sub{ font-family:"Oswald","Arial Narrow",sans-serif; text-transform:uppercase; letter-spacing:.28em; font-size:.7rem; color:#9C9995; margin:0; } .bk-ag-q{ font-family:"Oswald","Arial Narrow",sans-serif; font-weight:600; line-height:1; font-size:clamp(2rem,5.4vw,3.6rem); color:#F6F5F3; margin:.2rem 0 0; } .bk-ag-btns{ display:flex; gap:.7rem; flex-wrap:wrap; justify-content:center; margin-top:.4rem; } .bk-ag-btn{ font-family:"Oswald","Arial Narrow",sans-serif; text-transform:uppercase; letter-spacing:.12em; font-size:.85rem; padding:.85rem 1.6rem; cursor:pointer; border:1px solid; transition:background .2s ease,color .2s ease; } .bk-ag-yes{ background:#E58500; color:#0B0B0A; border-color:#E58500; } .bk-ag-yes:hover{ background:#F2B25C; border-color:#F2B25C; } .bk-ag-no{ background:transparent; color:#F6F5F3; border-color:rgba(255,255,255,.4); } .bk-ag-no:hover{ border-color:#F6F5F3; } .bk-ag-note{ font-family:"Lora",Georgia,serif; color:#9C9995; font-size:.9rem; max-width:34rem; line-height:1.55; margin:.4rem 0 0; }