/* Estilos de las páginas legales de Lucero Playa */
.legal-hero{background:var(--mar-xos);color:#fff;padding:130px 0 54px;position:relative;overflow:hidden}
.legal-hero::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 70% 10%,rgba(58,164,211,.3),transparent 65%);pointer-events:none}
.legal-hero .wrap{position:relative;z-index:2}
.legal-hero h1{font-size:clamp(1.9rem,5vw,3rem);font-weight:500;margin-bottom:8px}
.legal-hero p{color:rgba(234,246,251,.75);font-size:.95rem}
.legal{padding:clamp(44px,6vw,72px) 0 clamp(56px,7vw,90px);background:var(--espuma)}
.legal .wrap{max-width:840px}
.legal h2{font-size:clamp(1.2rem,2.6vw,1.5rem);font-weight:600;margin:34px 0 12px;color:var(--tinta);padding-bottom:8px;border-bottom:1px solid var(--linea-2)}
.legal h2:first-of-type{margin-top:0}
.legal h3{font-size:1.05rem;font-weight:700;font-family:var(--sans);margin:20px 0 7px;color:var(--tinta-2)}
.legal p,.legal li{color:var(--tinta-sec);font-size:.95rem;line-height:1.75;margin-bottom:11px}
.legal ul,.legal ol{padding-left:22px;margin-bottom:14px}
.legal li{margin-bottom:6px}
.legal a{color:var(--mar);font-weight:600;border-bottom:1px solid transparent;transition:.25s}
.legal a:hover{border-bottom-color:var(--mar)}
.legal strong{color:var(--tinta)}
.legal table{width:100%;border-collapse:collapse;margin:14px 0 20px;font-size:.9rem}
.legal th,.legal td{text-align:left;padding:11px 13px;border-bottom:1px solid var(--linea-2);vertical-align:top}
.legal th{background:var(--card-2);font-weight:700;color:var(--tinta);font-size:.82rem;text-transform:uppercase;letter-spacing:.06em}
.legal td{color:var(--tinta-sec)}
.legal .caja{background:var(--card);border:1px solid var(--linea-2);border-radius:var(--r-m);padding:18px 20px;margin:16px 0;box-shadow:var(--sombra-xs)}
.legal .pend{background:var(--card-2);border:1.5px dashed var(--plata);border-radius:var(--r-s);padding:3px 9px;font-size:.82rem;font-weight:700;color:var(--tinta-ter);display:inline-block}
.legal .fecha{margin-top:34px;padding-top:18px;border-top:1px solid var(--linea-2);font-size:.85rem;color:var(--tinta-ter)}
@media (max-width:640px){
  .legal-hero{padding:100px 0 36px}
  .legal-hero h1{font-size:1.6rem}
  .legal{padding:34px 0 46px}
  .legal h2{font-size:1.1rem;margin:24px 0 9px}
  .legal p,.legal li{font-size:.9rem;line-height:1.68}
  .legal table{font-size:.82rem}
  .legal th,.legal td{padding:9px 8px}
}