/* Páginas legales — lectura larga, una sola columna. */
.hero-l{padding:clamp(44px,5vw,72px) 0 clamp(34px,4vw,52px)}
.hero-l h1{max-width:20ch;font-size:clamp(1.9rem,3.8vw,2.8rem)}
.hero-l .mini{margin-top:16px;color:#8CA4B8}

.legal{max-width:74ch}
.legal h2{font-size:clamp(1.35rem,2.4vw,1.75rem);margin-top:clamp(38px,4.4vw,58px);
  padding-bottom:12px;border-bottom:1px solid var(--linea)}
.legal h2:first-child{margin-top:0}
.legal h3{margin-top:26px;font-size:1.08rem}
.legal p{margin-top:14px;color:var(--gris);line-height:1.65}
.legal ul{margin-top:14px}
.legal li{position:relative;padding:8px 0 8px 20px;color:var(--gris);line-height:1.55}
.legal li::before{content:"";position:absolute;left:0;top:17px;width:6px;height:6px;border-radius:2px;background:var(--teal)}
.legal a{color:var(--teal-texto)}
/* Marcador de dato por completar. Ya no se resalta: cuando se sustituya por el
   dato real basta con quitar la etiqueta y el texto queda en negrita normal. */
.pendiente-legal{font-weight:600}
.marco-legal{margin-top:clamp(38px,4.4vw,56px);padding:20px 22px;border-left:2px solid var(--navy);
  background:var(--frio);border-radius:0 var(--radio-m) var(--radio-m) 0}
.marco-legal p{margin-top:0;color:var(--navy);font-size:.98rem}
