/* AIZURG — páginas legales (privacidad, términos). Se apoya en los tokens de aizurg.css.
   Un marco con pestaña y secciones numeradas, como la tabla de servicios de la landing. */

.legal-top{padding:20px 0 8px}
.legal-top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px}

.legal{padding:36px 0 clamp(72px,9vw,120px)}
.legal .cuadro{padding:clamp(40px,5vw,64px) clamp(20px,5vw,72px) clamp(28px,4vw,48px)}
.legal h1{font-size:clamp(40px,5.6vw,76px)}
.legal__fecha-corta{display:none}
@media (max-width:479px){.legal__fecha{display:none}.legal__fecha-corta{display:inline}}
.legal__bajada{margin-top:20px;max-width:58ch}

.legal__indice{margin-top:36px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2px 32px;counter-reset:ind}
.legal__indice a{display:flex;gap:12px;align-items:baseline;padding:9px 0;min-height:44px;color:var(--suave);text-decoration:none;font-size:15.5px;border-bottom:1px solid var(--velo)}
.legal__indice a span{font:600 12px/1 var(--fuente);letter-spacing:.1em;color:var(--lila);font-variant-numeric:tabular-nums;flex:none;width:22px}
@media (hover:hover){.legal__indice a:hover{color:var(--texto)}}

.legal__sec{display:grid;grid-template-columns:72px minmax(0,1fr);gap:0 24px;padding:36px 0 34px;border-top:var(--borde) solid var(--linea-suave);scroll-margin-top:24px}
.legal__indice + .legal__sec{margin-top:40px}
.legal__num{padding-top:9px;font:600 12px/1 var(--fuente);letter-spacing:.12em;color:var(--lila);font-variant-numeric:tabular-nums}
.legal__cuerpo{max-width:70ch}
.legal__cuerpo > * + *{margin-top:14px}
.legal__cuerpo h2{margin-bottom:18px}
.legal__cuerpo p,.legal__cuerpo li{color:var(--suave)}
.legal__cuerpo strong{color:var(--texto);font-weight:600}
.legal__cuerpo a{color:var(--lila);text-underline-offset:3px}
@media (hover:hover){.legal__cuerpo a:hover{color:var(--lila-claro)}}
.legal__cuerpo ul{display:grid;gap:10px}
.legal__cuerpo li{position:relative;padding-left:26px}
.legal__cuerpo li::before{content:"";position:absolute;left:0;top:.78em;width:14px;height:1.5px;background:var(--lila)}
.legal__cuerpo code{font:inherit;font-size:.92em;color:var(--lila);background:var(--velo);padding:1px 6px;border-radius:3px;overflow-wrap:anywhere}
.legal__leyenda{padding-left:18px;border-left:var(--borde) solid var(--linea);font-size:15.5px}
.legal__cierre{margin-top:8px;padding-top:28px;border-top:var(--borde) solid var(--linea-suave);color:var(--tenue);font-size:15px}

@media (max-width:699px){
  .legal__sec{grid-template-columns:minmax(0,1fr);padding:30px 0 28px}
  .legal__num{padding:0 0 10px}
  .legal-top .btn{padding:0 14px}
}