/* Lo poco que la página legal necesita por encima de coreli.css. Todo lo
   demás —cabecera, pie, tipografía, botones— lo hereda. */

.legal{padding-block:72px 96px}
.legal h1{font-size:clamp(2.2rem,4vw,3.2rem);line-height:1.12;letter-spacing:-.045em;margin:16px 0 0}
.legal-intro{font-size:1.125rem;line-height:1.75;color:#4c5665;max-width:62ch;margin-top:18px}
.legal-fecha{font-size:.8125rem;color:#6b7383;margin-top:14px}

/* Un índice corto arriba: el documento es largo y nadie lo lee entero. */
.legal-indice{display:flex;flex-wrap:wrap;gap:10px;margin:32px 0 8px;padding-top:26px;border-top:1px solid #d9dde6}
.legal-indice a{display:inline-flex;align-items:center;min-height:24px;padding:7px 14px;border:1px solid #d2d7e2;border-radius:999px;background:#fff;font-size:.8125rem;font-weight:650;color:#3d4757}
.legal-indice a:hover{border-color:var(--blue);color:var(--blue)}

.legal-bloque{padding-top:44px;margin-top:20px;border-top:1px solid #e2e5ec;scroll-margin-top:24px}
.legal-bloque h2{font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.22;letter-spacing:-.035em;margin:0 0 18px}
.legal-bloque h3{font-size:1.0625rem;font-weight:750;margin:30px 0 8px}
.legal-bloque p{font-size:1rem;line-height:1.8;color:#434c5a;max-width:72ch;margin:0 0 14px}

.legal-lista{margin:0 0 14px;padding:0;list-style:none;display:grid;gap:9px;max-width:72ch}
.legal-lista li{font-size:1rem;line-height:1.75;color:#434c5a;padding-left:20px;position:relative}
.legal-lista li::before{content:"";position:absolute;left:2px;top:.72em;width:6px;height:6px;border-radius:50%;background:var(--blue)}

/* La ficha del titular: etiqueta y valor, alineados. */
.legal-datos{display:grid;grid-template-columns:minmax(140px,180px) minmax(0,1fr);gap:0;margin:0 0 18px;max-width:640px}
.legal-datos dt{padding:12px 0;font-size:.875rem;font-weight:700;color:#5b6473;border-top:1px solid #e6e9ef}
.legal-datos dd{margin:0;padding:12px 0;font-size:1rem;color:#20242c;border-top:1px solid #e6e9ef}
.legal-datos dt:first-of-type,.legal-datos dd:first-of-type{border-top:0}
/* El correo y el teléfono se tocan desde el móvil: 22 px se quedaban cortos. */
.legal-datos a{display:inline-flex;align-items:center;min-height:24px;color:var(--blue);text-decoration:underline;text-decoration-color:#c6cafa;text-underline-offset:4px}
.legal-datos a:hover{text-decoration-color:var(--blue)}

/* Lo que conviene que el visitante no se salte. */
.legal-aviso{border-left:3px solid #f0a53c;background:#fff8ec;padding:14px 18px;border-radius:0 7px 7px 0;max-width:72ch}
.legal-destacado{font-size:1.0625rem;font-weight:650;color:#20242c}
.legal-nota{font-size:.875rem;color:#6b7383}

@media (max-width:760px){
  .legal{padding-block:48px 72px}
  .legal-datos{grid-template-columns:minmax(0,1fr);max-width:none}
  .legal-datos dt{padding-bottom:0;border-top:1px solid #e6e9ef}
  .legal-datos dd{padding-top:4px;border-top:0}
  .legal-datos dd:first-of-type{border-top:0}
}