/* Páginas legales v4 — base compartida (condiciones, aviso legal, privacidad, cookies). */
.legal-hero{padding:clamp(56px,9vw,110px) 0 40px;border-bottom:1px solid var(--linea)}
.legal-hero h1{font:500 clamp(40px,6vw,88px)/.95 var(--disp);letter-spacing:-.045em;text-transform:uppercase;margin-top:22px}
.legal-hero .meta{display:flex;gap:24px;flex-wrap:wrap;margin-top:26px;font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-3)}
.legal{display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(32px,6vw,96px);padding-top:56px;align-items:start}
.legal-indice{position:sticky;top:96px;border-top:1px solid var(--linea)}
.legal-indice a{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid var(--linea);font-size:14px;color:var(--tinta-2)}
.legal-indice a:hover,.legal-indice a.activa{color:var(--tinta)}
.legal-indice a span{font:500 11px/1.6 var(--mono);color:var(--tinta-3)}
.legal-texto{max-width:760px;font-size:16.5px;line-height:1.75;color:var(--tinta-2)}
.legal-texto h2{font:500 clamp(24px,2.4vw,32px)/1.15 var(--disp);letter-spacing:-.03em;color:var(--tinta);margin:56px 0 16px;scroll-margin-top:96px}
.legal-texto h2:first-child{margin-top:0}
.legal-texto h3{font:500 19px/1.3 var(--disp);color:var(--tinta);margin:30px 0 10px}
.legal-texto p+p{margin-top:14px}
.legal-texto ul,.legal-texto ol{padding-left:20px}
.legal-texto li{margin:6px 0}
.legal-texto a{color:var(--tinta);text-decoration:underline;text-underline-offset:3px}
.legal-texto strong,.legal-texto b{color:var(--tinta);font-weight:500}
.legal-texto table{width:100%;border-collapse:collapse;margin:20px 0;font-size:14.5px;border:1px solid var(--linea)}
.legal-texto th,.legal-texto td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--linea);vertical-align:top}
.legal-texto th{font:500 11px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--tinta-3)}
.legal-ficha{border:1px solid var(--linea);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--linea);margin:20px 0}
.legal-ficha div{background:var(--fondo);padding:16px 18px}
.legal-ficha span{display:block;font:500 10.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-3);margin-bottom:8px}
.legal-ficha b{color:var(--tinta);font-weight:500}
@media (max-width:860px){.legal{grid-template-columns:1fr}.legal-indice{position:static}.legal-ficha{grid-template-columns:1fr}}

/* Repaso de coherencia (4-oct): lo que antes sólo tenía una de las dos parejas de páginas
   (v4-legal-a: condiciones y aviso; v4-legal-b: privacidad y cookies) va aquí, para que
   las cuatro tengan las mismas viñetas, el mismo índice y el mismo aire al final. */
.legal{padding-bottom:clamp(80px,10vw,140px)}
.legal-texto{overflow-wrap:anywhere}
.legal-texto ul{list-style:none;padding-left:0}
.legal-texto ul li{position:relative;padding-left:22px}
.legal-texto ul li::before{content:"";position:absolute;left:4px;top:.72em;width:5px;height:5px;border-radius:50%;background:var(--tinta-3)}
.legal-indice a{transition:color .2s}
.legal-indice a.activa span{color:var(--tinta)}