/* El pop up de bienvenida (js/kora-bienvenida.js) — 28 oct 2026. Foto a la
   izquierda, la pregunta grande a la derecha; en el celular, la foto arriba. */
.kbv{ position:fixed; inset:0; z-index:9000; display:flex; align-items:center; justify-content:center; padding:16px;
  background:rgba(31,28,25,.55); opacity:0; transition:opacity .25s ease }
.kbv.kbv-ve{ opacity:1 }
.kbv-caja{ position:relative; display:grid; grid-template-columns:1fr 1fr; width:min(880px, 100%); max-height:calc(100vh - 32px); overflow:auto;
  background:#FFFDF9; box-shadow:0 30px 80px -30px rgba(0,0,0,.55); transform:translateY(10px); transition:transform .25s ease }
.kbv.kbv-ve .kbv-caja{ transform:none }
.kbv-foto{ background:#EFE7DA; min-height:100% }
.kbv-foto img{ display:block; width:100%; height:100%; object-fit:cover }
.kbv-texto{ display:flex; flex-direction:column; justify-content:center; text-align:center; padding:48px 40px 36px; color:#2B2621 }
.kbv-marca{ margin:0 0 26px; font-family:'Jost',sans-serif; font-size:12px; letter-spacing:.42em; text-indent:.42em; color:#7A6652 }
.kbv-pre{ margin:0; font-family:'EB Garamond',serif; font-size:24px; line-height:1.2 }
.kbv-h{ margin:4px 0 12px; font-family:'EB Garamond',serif; font-weight:400; font-size:clamp(34px, 5vw, 50px); line-height:1.05; color:#2B2621 }
.kbv-h-listo{ margin-top:0 }
.kbv-sub{ margin:0 auto 22px; max-width:320px; font-family:'Jost',sans-serif; font-size:14.5px; line-height:1.5; color:#5E564D }
.kbv-form{ display:flex; flex-direction:column; gap:10px; margin:0 }
.kbv-correo{ width:100%; box-sizing:border-box; border:1px solid #CFC6B8; background:#fff; padding:14px 14px; font:inherit; font-family:'Jost',sans-serif; font-size:16px; color:#2B2621; border-radius:0; text-align:center }
.kbv-correo:focus{ outline:2px solid #2B2621; outline-offset:-1px }
.kbv-si{ width:100%; border:0; background:#2B2621; color:#fff; padding:15px 18px; font-family:'Jost',sans-serif; font-size:13px; font-weight:500; letter-spacing:.18em; text-transform:uppercase; cursor:pointer }
.kbv-si:hover{ background:#000 }
.kbv-si:disabled{ opacity:.6; cursor:default }
.kbv-error{ min-height:1.2em; margin:0; font-family:'Jost',sans-serif; font-size:13px; color:#A3302E }
.kbv-no{ margin:4px auto 0; border:0; background:none; padding:6px; font-family:'EB Garamond',serif; font-size:17px; color:#2B2621; cursor:pointer }
.kbv-no:hover{ text-decoration:underline; text-underline-offset:3px }
.kbv-legal{ margin:18px auto 0; max-width:300px; font-family:'Jost',sans-serif; font-size:11.5px; line-height:1.45; color:#A49E95 }
.kbv-x{ position:absolute; top:10px; right:12px; z-index:1; width:36px; height:36px; border:0; background:rgba(255,253,249,.9); border-radius:50%; font-size:26px; line-height:1; color:#2B2621; cursor:pointer }
.kbv-oculto, .kbv-trampa{ position:absolute !important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); opacity:0; pointer-events:none }
@media (max-width:760px){
  .kbv{ align-items:flex-end; padding:0 }
  .kbv-caja{ grid-template-columns:1fr; max-height:92vh }
  .kbv-foto{ height:30vh; min-height:0 }
  .kbv-texto{ padding:26px 20px 24px }
  .kbv-marca{ margin-bottom:14px }
  .kbv-pre{ font-size:20px }
  .kbv-legal{ margin-top:12px }
}