.blx-cabecera-legal {
padding-block: var(--blx-esp-6) var(--blx-esp-5);
background: var(--blx-fondo-alt);
border-block-end: 1px solid var(--blx-divisor);
}
.blx-cabecera-legal__titulo {
margin: 0;
max-width: 22ch;
font-size: clamp(2rem, 1.4rem + 2.4vw, 3rem);
line-height: 1.1;
color: var(--blx-marca-oscuro);
text-wrap: balance;
}
.blx-cabecera-legal__fecha {
margin: var(--blx-esp-2) 0 0;
font-size: 0.9rem;
color: var(--blx-tinta-suave);
}
.blx-legal {
display: grid;
gap: var(--blx-esp-4);
padding-block: var(--blx-esp-5) var(--blx-esp-6);
}
.blx-legal__cuerpo {
max-width: 68ch;
min-width: 0;
}
.blx-legal__indice {
padding: var(--blx-esp-3);
background: var(--blx-fondo-alt);
border: 1px solid var(--blx-divisor);
border-radius: var(--blx-radio);
}
.blx-legal__indice-titulo {
margin: 0 0 var(--blx-esp-2);
font-size: 0.8rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--blx-tinta-suave);
}
.blx-legal .blx-indice__lista {
margin: 0;
padding: 0;
list-style: none;
display: grid;
gap: var(--blx-esp-1);
}
.blx-legal .blx-indice__item--n3 {
padding-inline-start: var(--blx-esp-2);
}
.blx-legal .blx-indice__enlace {
display: block;
padding-block: 0.25rem;
font-size: 0.925rem;
line-height: 1.35;
color: var(--blx-tinta);
text-decoration: none;
border-inline-start: 2px solid transparent;
padding-inline-start: 0.6rem;
margin-inline-start: -0.6rem;
transition: color 0.15s ease, border-color 0.15s ease;
}
.blx-legal .blx-indice__enlace:hover,
.blx-legal .blx-indice__enlace:focus-visible {
color: var(--blx-marca-oscuro);
border-inline-start-color: var(--blx-marca);
}
.blx-legal .blx-indice__enlace.is-activo {
color: var(--blx-marca-oscuro);
font-weight: 700;
border-inline-start-color: var(--blx-marca);
}
.blx-legal__cuerpo h2 {
margin-block: var(--blx-esp-5) var(--blx-esp-2);
padding-block-start: var(--blx-esp-3);
border-block-start: 1px solid var(--blx-divisor);
color: var(--blx-marca-oscuro);
}
.blx-legal__cuerpo h2:first-child {
margin-block-start: 0;
padding-block-start: 0;
border-block-start: 0;
}
.blx-legal__cuerpo h3 {
margin-block: var(--blx-esp-4) var(--blx-esp-1);
color: var(--blx-marca-oscuro);
}
.blx-legal__cuerpo :is(h2, h3) {
scroll-margin-top: 6rem;
}
.blx-legal__cuerpo :is(ul, ol) {
padding-inline-start: 1.2em;
}
.blx-legal__cuerpo li + li {
margin-block-start: 0.35em;
}
@media (min-width: 62rem) {
.blx-legal {
grid-template-columns: 16rem minmax(0, 1fr);
gap: var(--blx-esp-5);
align-items: start;
}
.blx-legal__indice {
padding: 0;
background: transparent;
border: 0;
}
.blx-legal__pegajoso {
position: sticky;
top: 6rem;
}
}
@media (prefers-reduced-motion: reduce) {
.blx-legal .blx-indice__enlace {
transition: none;
}
}
@media print {
.blx-legal__indice {
display: none;
}
.blx-cabecera-legal {
padding-block: 0 var(--blx-esp-2);
background: none;
}
}
@media (min-width: 922px) {
.blx-legal__cuerpo :is(p, li) {
font-size: 12px;
}
.blx-legal__cuerpo h2,
.blx-legal__cuerpo h2.wp-block-heading {
font-size: 16px;
}
.blx-legal .blx-indice__enlace {
font-size: 12px;
}
}