/* ==========================================================================
   Invitame · Páginas legales
   ========================================================================== */
.pagina-legal{min-height:100vh;padding-bottom:80px}
.ambiente-form{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.ambiente-form span{position:absolute;border-radius:50%;filter:blur(120px);opacity:.4}
.ambiente-form span:first-child{width:640px;height:520px;top:-200px;left:-160px;
  background:radial-gradient(circle,#1B2C4C,transparent 70%)}
.ambiente-form span:last-child{width:520px;height:520px;top:40%;right:-240px;
  background:radial-gradient(circle,rgba(198,162,101,.20),transparent 70%)}
.pagina-legal > *:not(.ambiente-form){position:relative;z-index:1}

.legal-cabeza{padding:22px 0 8px}
.legal-ancho{width:min(100% - 36px,760px)}

.legal-intro{margin:40px 0 34px}
.legal-intro h1{font-family:var(--f-display);font-size:clamp(32px,6vw,50px);font-weight:400;margin-top:12px;line-height:1.08}
.legal-fecha{font-size:12px;color:var(--hueso-30);margin-top:16px;letter-spacing:.04em}

.legal-cuerpo{padding:34px 34px 40px}
.legal-cuerpo h2{font-family:var(--f-display);font-size:25px;font-weight:600;color:var(--oro);
  margin:38px 0 12px;letter-spacing:.01em}
.legal-cuerpo h2:first-child{margin-top:0}
.legal-cuerpo h3{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--hueso-50);
  margin:24px 0 8px;font-weight:400}
.legal-cuerpo p{font-size:14.5px;line-height:1.8;color:var(--hueso-70);margin:0 0 14px}
.legal-cuerpo ul{margin:0 0 16px;padding-left:20px}
.legal-cuerpo li{font-size:14.5px;line-height:1.75;color:var(--hueso-70);margin-bottom:7px}
.legal-cuerpo a{color:var(--oro);text-decoration:underline;text-underline-offset:3px}
.legal-cuerpo strong{color:var(--hueso);font-weight:500}
.legal-cuerpo .destacado{background:rgba(198,162,101,.08);border:1px solid rgba(198,162,101,.22);
  border-radius:14px;padding:18px 20px;margin:20px 0}
.legal-cuerpo .destacado p:last-child{margin-bottom:0}
.legal-cuerpo table{width:100%;border-collapse:collapse;margin:16px 0;font-size:13.5px}
.legal-cuerpo th,.legal-cuerpo td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--linea);
  color:var(--hueso-70);vertical-align:top}
.legal-cuerpo th{color:var(--hueso-50);font-weight:400;font-size:11px;letter-spacing:.14em;text-transform:uppercase}

.legal-pie{text-align:center;font-size:12.5px;color:var(--hueso-30);margin-top:28px}
.legal-pie a{color:var(--oro)}

/* Marca (estas páginas no cargan sitio.css) */
.marca{display:flex;align-items:center;gap:13px}
.marca-icono{width:46px;height:46px;flex:none;border-radius:50%;filter:drop-shadow(0 5px 14px rgba(0,0,0,.6))}
.marca-texto{display:flex;flex-direction:column;line-height:1}
.marca-texto b{font-family:var(--f-display);font-size:24px;font-weight:400;letter-spacing:.02em;text-transform:lowercase}
.marca-texto span{font-size:7.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--hueso-50);margin-top:4px}

@media (max-width:640px){
  .legal-cuerpo{padding:26px 20px 32px}
  .legal-cuerpo h2{font-size:22px}
  .marca-icono{width:42px;height:42px}
  .marca-texto b{font-size:22px}
  .legal-cuerpo table{font-size:12.5px}
  .legal-cuerpo th,.legal-cuerpo td{padding:8px 8px}
}