/* ==========================================================================
   SHLOMOCHANGE — estilos de páginas legales
   Versión: v1 · 2 de septiembre de 2026
   Ámbito: /terminos-y-condiciones y /politica-de-privacidad
   Depende de: base.v2.css (tokens y utilidades). Se enlaza después de ella.
   REGLA DE VERSIONADO: inmutable, cache 1 año. Un cambio crea legal.v2.css.
   ========================================================================== */

/* --------------------------------------------------------- Cabecera oscura */
.legal-cabecera{
  background:var(--tinta); color:#E8EEF4;
  padding-block:76px 56px;
}
.legal-cabecera .rotulo{color:var(--verde)}
.legal-cabecera .rotulo::after{background:rgba(255,255,255,.16)}
.legal-cabecera h1{
  font-size:clamp(2rem,4.4vw,3rem); color:#fff; max-width:24ch; margin-top:6px;
}
.legal-cabecera p{margin-top:20px; color:#AEB4C4; max-width:64ch}
.legal-cabecera__meta{
  margin-top:24px; display:flex; flex-wrap:wrap; gap:6px 22px;
  font-family:var(--dato); font-size:12.5px; letter-spacing:.04em; color:#828AA0;
}

/* --------------------------------------------------------------- Cuerpo */
.legal{padding-block:72px}
.legal__cuerpo{max-width:75ch; margin-inline:auto}
.legal__cuerpo h2{
  font-size:clamp(1.35rem,2.6vw,1.9rem); margin-top:56px; scroll-margin-top:96px;
}
.legal__cuerpo > h2:first-of-type{margin-top:0}
.legal__cuerpo h3{font-size:1.12rem; margin-top:32px}
.legal__cuerpo p,
.legal__cuerpo li{color:var(--tinta-80); font-size:1rem}
.legal__cuerpo ul,
.legal__cuerpo ol{padding-left:1.25rem; margin:0 0 1.1rem}
.legal__cuerpo li{margin-bottom:.5rem}
.legal__cuerpo strong{color:var(--tinta)}
.legal__cuerpo a{
  color:var(--azul); text-decoration:underline; text-underline-offset:2px;
}
.legal__cuerpo a:hover{color:var(--azul-hover)}

/* --------------------------------------------------------- Índice (TOC) */
.legal__indice{
  background:#fff; border:1px solid var(--linea); border-radius:var(--radio);
  padding:24px 26px; margin-bottom:48px;
}
.legal__indice h2{
  margin:0 0 14px; font-family:var(--dato); font-size:12px; font-weight:500;
  letter-spacing:.14em; text-transform:uppercase; color:var(--gris);
}
.legal__indice ol{margin:0; padding-left:1.3rem; columns:2; column-gap:36px}
.legal__indice li{margin-bottom:8px; break-inside:avoid}

/* ------------------------------------------------- Ficha de datos (dl) */
.legal__ficha{
  background:#fff; border:1px solid var(--linea); border-left:3px solid var(--azul);
  border-radius:var(--radio); padding:22px 24px; margin:8px 0 1.4rem;
}
.legal__ficha dl{
  display:grid; grid-template-columns:max-content 1fr; gap:8px 18px; margin:0;
}
.legal__ficha dt{
  font-family:var(--dato); font-size:11.5px; letter-spacing:.08em;
  text-transform:uppercase; color:var(--gris);
}
.legal__ficha dd{margin:0; color:var(--tinta-80)}

/* ----------------------------------------------- Tabla de conservación */
.legal__tabla-envoltura{overflow-x:auto; margin:8px 0 1.4rem}
.legal__tabla{width:100%; border-collapse:collapse; font-size:.92rem}
.legal__tabla caption{
  text-align:left; margin-bottom:10px;
  font-family:var(--dato); font-size:11.5px; letter-spacing:.1em;
  text-transform:uppercase; color:var(--gris);
}
.legal__tabla th,
.legal__tabla td{
  border:1px solid var(--linea); padding:10px 12px; text-align:left;
  vertical-align:top;
}
.legal__tabla th{background:#fff; font-family:var(--display); font-size:.9rem; color:var(--tinta)}

/* -------------------------------------------------------- Pie del texto */
.legal__actualizado{
  margin-top:56px; padding-top:20px; border-top:1px solid var(--linea);
  font-family:var(--dato); font-size:12.5px; color:var(--gris);
}

/* ---------------------------------------------------------- Responsive */
@media (max-width:760px){
  .legal-cabecera{padding-block:56px 44px}
  .legal__indice ol{columns:1}
  .legal__ficha dl{grid-template-columns:1fr; gap:2px 0}
  .legal__ficha dd{margin-bottom:12px}
  .legal__ficha dd:last-child{margin-bottom:0}
}