/* Páginas legales de Nuritiva */
.cabecera{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:clamp(20px,3.2vw,36px) var(--borde); max-width:1360px; margin:0 auto;
}
.cabecera img{height:clamp(22px,2.3vw,30px); width:auto; display:block}
.volver{
  font-size:14px; text-decoration:none; border:1.5px solid var(--tinta);
  border-radius:999px; padding:8px 16px; transition:background .2s, color .2s;
}
.volver:hover{background:var(--tinta); color:var(--crema)}

.legal{max-width:1360px; margin:0 auto; padding:0 var(--borde)}
.legal-hero{padding:clamp(28px,5vw,72px) 0 clamp(32px,4vw,56px); max-width:900px}
.legal-eyebrow{font-size:14px; color:var(--tinta-suave); margin-bottom:18px}
.legal h1{
  font-family:var(--titulo); font-weight:400; letter-spacing:-.02em;
  font-size:clamp(40px,6vw,84px); line-height:1.02;
}
.resalta{
  background:linear-gradient(transparent 62%, var(--acento) 62%, var(--acento) 92%, transparent 92%);
  -webkit-box-decoration-break:clone; box-decoration-break:clone; padding:0 .06em;
}
.legal-fecha{
  display:inline-block; margin-top:24px; font-size:13px; padding:7px 14px;
  border-radius:999px; background:#fff; border:1px solid rgba(15,21,30,.1);
}

.legal-grid{display:grid; grid-template-columns:240px minmax(0,720px); gap:clamp(32px,6vw,96px); align-items:start}
.indice{position:sticky; top:28px; font-size:14px}
.indice p{font-weight:500; margin-bottom:12px}
.indice ol{list-style:none; border-left:2px solid rgba(15,21,30,.1)}
.indice a{
  display:block; padding:6px 0 6px 14px; margin-left:-2px; border-left:2px solid transparent;
  text-decoration:none; color:var(--tinta-suave); line-height:1.35; transition:color .2s, border-color .2s;
}
.indice a:hover{color:var(--tinta); border-left-color:var(--tinta)}

.texto-legal{font-size:clamp(16px,1.2vw,17px); line-height:1.75; font-weight:300}
.texto-legal h2{
  font-family:var(--titulo); font-weight:400; font-size:clamp(24px,2.2vw,30px); line-height:1.2;
  margin:56px 0 16px; display:flex; align-items:center; gap:14px; scroll-margin-top:24px;
}
.texto-legal h2:first-child{margin-top:0}
.texto-legal .num{
  flex:none; width:38px; height:38px; border-radius:12px; background:var(--acento);
  display:grid; place-items:center; font-family:var(--cuerpo); font-size:15px; font-weight:500;
  transform:rotate(-4deg);
}
.texto-legal p{margin-bottom:16px}
.texto-legal ul{margin:0 0 18px; padding-left:0; list-style:none}
.texto-legal li{position:relative; padding-left:24px; margin-bottom:12px}
.texto-legal li::before{
  content:""; position:absolute; left:4px; top:.72em; width:8px; height:8px; border-radius:3px;
  background:var(--acento); transform:rotate(45deg);
}
.texto-legal strong{font-weight:500}
.texto-legal a{text-decoration-thickness:1px; text-underline-offset:3px; word-break:break-word}
.texto-legal a:hover{text-decoration-color:var(--acento); text-decoration-thickness:3px}
.pendiente{background:var(--habitos); padding:0 4px; border-radius:4px; font-weight:500}

@media (max-width:900px){
  .legal-grid{grid-template-columns:1fr}
  .indice{position:static; background:#fff; border-radius:18px; padding:18px 20px; border:1px solid rgba(15,21,30,.08)}
}