/* css/legal.css — enlaces legales, casilla de aceptación y aviso de primera compra. Ver js/ui/legal.js. */
.legal-foot{ font-family:var(--font-retro, system-ui, sans-serif); font-size:0.95rem; line-height:1.3; color:var(--text-dim, #c9b9a2); text-align:center; }
.legal-foot a, .legal-consent a, .legal-buy-links a{ color:#f9c971; text-decoration:underline; }
.legal-foot a{ display:inline-block; padding:8px 6px; min-height:36px; }
.legal-foot a:focus-visible, .legal-consent a:focus-visible{ outline:2px solid #ff9a4a; outline-offset:2px; }
.legal-links{ display:inline-flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:0 2px; }
.legal-sep{ opacity:.6; }
.legal-draft{ margin-left:6px; padding:1px 6px; border:1px solid #ff9a6a; color:#ffb89a; background:rgba(90,29,18,.7); font-size:.8em; letter-spacing:.04em; text-transform:uppercase; }
.legal-support{ display:inline-block; margin-left:8px; }
.legal-nomail{ color:#ffb89a; }

/* Pantalla de título: sobre la marca de versión, sin empujar los botones */
#title-screen .legal-title{ position:absolute; left:0; right:0; bottom:calc(22px + env(safe-area-inset-bottom, 0px)); z-index:2; font-size:0.85rem; }
#title-screen .legal-title a{ padding:4px 6px; min-height:0; }

/* Opciones */
.legal-opts{ text-align:left; margin:4px 0 8px; }
.legal-opts .legal-support{ display:block; margin:0; }

/* Tienda de Brasas */
.legal-shop{ margin:14px 0 6px; padding:10px 12px; border:1px solid #3a1c10; background:rgba(0,0,0,.25); text-align:left; }
.legal-shop-txt{ margin-bottom:4px; }
.legal-shop .legal-support{ display:block; margin:0; }

/* Casilla de aceptación (cuenta y primera compra) */
.legal-consent{ display:flex; align-items:flex-start; gap:10px; margin:2px 0 4px; text-align:left; }
.legal-consent input[type="checkbox"]{ flex:0 0 auto; width:24px; height:24px; margin:10px 0 0; accent-color:#ff7a2e; }
.legal-consent label{ flex:1 1 auto; display:block; padding:8px 0; min-height:44px; font-family:var(--font-retro, system-ui, sans-serif); font-size:1rem; line-height:1.2; color:var(--text, #f3ead8); cursor:pointer; }
.legal-consent input:focus-visible{ outline:2px solid #ff9a4a; outline-offset:2px; }

/* Aviso de primera compra */
.legal-modal{ z-index:300; }
.legal-buy-p{ margin:6px 0 4px; font-size:1rem; line-height:1.3; }
.legal-buy-links{ margin:0 0 4px; }
.legal-err{ min-height:1.2em; color:#ffb89a; font-size:.95rem; }
.legal-btns{ display:flex; gap:10px; justify-content:flex-end; margin-top:6px; }
.legal-btns .btn{ min-height:44px; min-width:44px; }

@media (max-height:420px){
  .legal-foot{ font-size:0.85rem; }
  .legal-consent label{ font-size:.92rem; padding:4px 0; min-height:44px; }
  .legal-buy-p{ font-size:.92rem; margin:2px 0; }
}