/* Aviso legal, privacidad y cookies. Colores con --lg-* en el :root de cada web. */
.lg-links{display:flex;flex-wrap:wrap;gap:0 20px}
.lg-links a{display:inline-flex;align-items:center;min-height:44px;color:inherit;font-size:14px;text-underline-offset:3px}
.lg-modal{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:clamp(0px,3vw,32px);background:rgba(8,8,10,.66)}
.lg-modal[hidden]{display:none}
.lg-caja{position:relative;width:min(100%,680px);max-height:100%;overflow:auto;padding:clamp(24px,4vw,44px);background:var(--lg-fondo,#fff);color:var(--lg-tinta,#111);border-radius:var(--lg-radio,6px);font:400 15.5px/1.6 var(--lg-texto,Inter,system-ui,sans-serif);overscroll-behavior:contain}
.lg-caja h2{margin:0 44px 18px 0;font:var(--lg-peso,500) clamp(28px,4vw,40px)/1.08 var(--lg-titulo,inherit);letter-spacing:-.015em;color:inherit}
.lg-caja h3{margin:24px 0 6px;font:600 15.5px/1.3 var(--lg-texto,Inter,system-ui,sans-serif);color:inherit;letter-spacing:0}
.lg-caja p{margin:0 0 10px}
.lg-caja ul{margin:0;padding:0;list-style:none}
.lg-caja li{padding:6px 0;border-bottom:1px solid var(--lg-linea,#ddd)}
.lg-caja li b{display:inline-block;min-width:92px;font-weight:600}
.lg-caja a{color:inherit}
.lg-cerrar{position:absolute;top:10px;right:10px;width:44px;height:44px;border:0;background:none;color:inherit;font-size:28px;line-height:1;cursor:pointer}
.lg-nota{padding:12px 14px;border-left:2px solid var(--lg-acento,#111);background:var(--lg-suave,rgba(127,127,127,.1));font-size:14.5px}
.lg-falta{opacity:.65}
.lg-chico,.lg-fecha{font-size:13.5px;opacity:.72}
.lg-opcion{position:relative;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 0;border-top:1px solid var(--lg-linea,#ddd);cursor:default}
label.lg-opcion{cursor:pointer}
.lg-opcion p{margin:2px 0 0;font-size:14.5px;opacity:.8}
.lg-siempre{flex:none;font-size:13.5px;opacity:.75}
.lg-opcion input{position:absolute;opacity:0;width:1px;height:1px}
.lg-llave{flex:none;position:relative;width:46px;height:26px;border-radius:99px;background:var(--lg-linea,#ccc);transition:background .2s}
.lg-llave::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.35);transition:transform .2s}
.lg-opcion input:checked+.lg-llave{background:var(--lg-acento,#111)}
.lg-opcion input:checked+.lg-llave::after{transform:translateX(20px)}
.lg-opcion input:focus-visible+.lg-llave{outline:2px solid var(--lg-acento,#111);outline-offset:2px}
.lg-botones{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.lg-boton{min-height:44px;padding:0 16px;border:1px solid currentColor;border-radius:var(--lg-radio,6px);background:none;color:inherit;font:500 14.5px/1 var(--lg-texto,Inter,system-ui,sans-serif);cursor:pointer}
.lg-boton--pri{background:var(--lg-acento,#111);border-color:var(--lg-acento,#111);color:var(--lg-sobre-acento,#fff)}
.lg-boton--txt{border-color:transparent;text-decoration:underline;text-underline-offset:3px;padding:0 8px}
.lg-link{display:inline-block;min-height:36px;padding:6px 0;border:0;background:none;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.lg-banner{position:fixed;left:clamp(10px,2vw,24px);bottom:calc(var(--lg-abajo,0px) + clamp(10px,2vw,24px));z-index:110;width:min(calc(100% - 20px),430px);padding:16px 18px 6px;background:var(--lg-fondo,#fff);color:var(--lg-tinta,#111);border:1px solid var(--lg-linea,#ddd);border-radius:var(--lg-radio,6px);box-shadow:0 14px 44px rgba(0,0,0,.28);font:400 14.5px/1.5 var(--lg-texto,Inter,system-ui,sans-serif);animation:lgSube .45s cubic-bezier(.2,.7,.2,1)}
.lg-banner p{margin:0}
.lg-banner .lg-botones{margin:12px 0 8px}
@keyframes lgSube{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.lg-banner{animation:none}}
/* En compu, barra finita abajo a la izquierda: tapa menos y no pisa el botón de WhatsApp */
@media (min-width:1000px){
  .lg-banner{left:0;bottom:0;width:auto;max-width:calc(100% - 110px);display:flex;align-items:center;gap:20px;padding:8px 14px 8px 22px;border-radius:0 var(--lg-radio,8px) 0 0;font-size:14px}
  .lg-banner p{white-space:nowrap}
  .lg-banner .lg-botones{margin:0;flex-wrap:nowrap}
  .lg-banner .lg-boton{min-height:38px;padding:0 14px;white-space:nowrap}
}
