/* =====================================================================
   DISCOS — la sala de pesas de noche.
   Verde dojo, tiza para leer. Los colores de la marca son los discos:
   tinta, arena, bermellón, papel y, arriba del todo, el oro del récord.
   Letra: Space Grotesk en negrita apretada; Inter para leer.
   ===================================================================== */
.m-discos {
  --bg: #173a27;
  --bg-2: #1d4530;
  --bg-3: #245038;
  --glow: #2a5a40;
  --room-hover: #2c5c42;
  --fg: #ede9df;
  --muted: #b3baad;
  --rule: rgba(237, 233, 223, 0.14);
  --focus: var(--gold);
  /* piezas 3D */
  --bar-f: #ede9df; --bar-s: #a9a698; --bar-t: #ffffff;
  --tile: #245038; --tile-fg: #ede9df; --tile-edge: #0d130f;
  --note: #ede9df; --note-fg: #171a17; --note-edge: #9c998d;
  --hole: #0b100c;
}
.m-discos .plate--ink   { --face: #2a2f2b; --edge: #121512; --ink-on: #ede9df; }
.m-discos .plate--sand  { --face: #d6cbae; --edge: #8f866d; --ink-on: #171a17; }
.m-discos .plate--verm  { --face: #d84b35; --edge: #8a2a1c; --ink-on: #171a17; }
.m-discos .plate--paper { --face: #ede9df; --edge: #9c998d; --ink-on: #171a17; }
.m-discos .plate--gold  { --face: #e8b33a; --edge: #9a7419; --ink-on: #171a17; }

.m-discos h1, .m-discos h2, .m-discos .sec__title, .m-discos .logo, .m-discos .btn, .m-discos .next b, .m-discos .room b, .m-discos .olds__name, .m-discos dt, .m-discos .faq__q h3, .m-discos .offline b, .m-discos .wall__item b { font-family: 'Space Grotesk', sans-serif; letter-spacing: -0.035em; }

.m-discos .top { background: color-mix(in srgb, var(--bg) 90%, transparent); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-bottom: 1px solid var(--rule); }
.m-discos .logo { font-weight: 700; font-size: 1.4rem; }
.m-discos .top__nav a { color: var(--muted); font-size: 0.93rem; border-radius: 999px; }
.m-discos .top__nav a:hover { color: var(--fg); }
.m-discos .top__nav a[aria-current="page"] { color: var(--fg); background: var(--bg-3); }
.m-discos .top__enter { color: var(--muted); font-size: 0.93rem; }

.m-discos .btn { background: var(--vermilion); color: #171a17; font-weight: 700; font-size: 1rem; border-radius: 999px; }
.m-discos .btn:hover { background: #e8634d; }
.m-discos .link { color: var(--fg); }

/* Portada */
.m-discos .hero { background: radial-gradient(60% 70% at 72% 55%, var(--glow, #24332a) 0%, transparent 70%); }
.m-discos .hero__pre { color: var(--muted); }
.m-discos .hero__title { font-size: clamp(3.2rem, 8vw, 7.4rem); line-height: 0.88; letter-spacing: -0.055em; margin-top: 14px; }
.m-discos .hero__lede { color: var(--muted); }
.m-discos .hero__note { color: var(--muted); }

/* Página interior */
.m-discos .phead { border-bottom: 1px solid var(--rule); }
.m-discos .phead__k { color: var(--gold-text, var(--gold)); }
.m-discos .phead__title { font-size: clamp(3rem, 8.4vw, 7.6rem); line-height: 0.88; letter-spacing: -0.055em; max-width: 14ch; }
.m-discos .phead__lede { color: var(--muted); }

.m-discos .sec--alt { background: var(--bg-2); }
.m-discos .sec__title { font-size: clamp(2.2rem, 5vw, 4.2rem); line-height: 0.95; max-width: 18ch; }
.m-discos .sec__close { font: 700 clamp(1.5rem, 2.8vw, 2.4rem)/1.1 'Space Grotesk', sans-serif; letter-spacing: -0.03em; }

.m-discos .shot { border-radius: 14px; outline: 1px solid var(--rule); }

.m-discos .olds li { border-bottom: 1px solid var(--rule); }
.m-discos .olds li p:last-child { color: var(--muted); }
.m-discos .olds__name { font-size: clamp(2rem, 5vw, 4.2rem); line-height: 1; font-weight: 700; }
.m-discos .olds__name s { background: linear-gradient(var(--vermilion), var(--vermilion)) 0 56% / 100% 0.1em no-repeat; -webkit-box-decoration-break: clone; box-decoration-break: clone; }

.m-discos .room { background: var(--bg-3); border-radius: 22px; color: var(--fg); }
.m-discos .room__k { color: var(--gold-text, var(--gold)); font-weight: 600; font-size: 0.95rem; }
.m-discos .room span:last-child { color: var(--muted); }
.m-discos .room:hover { background: var(--room-hover, #2a3a2e); }

.m-discos .feats > div { border-bottom: 1px solid var(--rule); }
.m-discos .feats dt { font-weight: 700; font-size: 1.2rem; }
.m-discos .feats dd { color: var(--muted); }

.m-discos .rules > div { border-bottom: 1px solid var(--rule); }
.m-discos .rules dt { color: var(--gold-text, var(--gold)); font-weight: 700; }
.m-discos .rules dd, .m-discos .ticks li { color: var(--muted); }
.m-discos .ticks li { border-bottom: 1px solid var(--rule); }

.m-discos .queue__step { background: var(--bg-3); color: var(--fg); border-radius: 16px; }
.m-discos .queue__step i { color: var(--muted); }
.m-discos .queue__step--done { background: var(--vermilion); color: #171a17; }
.m-discos .queue__step--done i { color: #171a17; }

.m-discos .offline li { background: var(--bg-3); border-radius: 18px; }
.m-discos .offline span { color: var(--muted); }

.m-discos .bar__v { color: var(--fg); }
.m-discos .bar__m, .m-discos .chart3d__cap { color: var(--muted); }
.m-discos .chart3d__cap { margin-top: 28px; }

.m-discos .wall__item figcaption { color: var(--muted); }
.m-discos .wall__item b { color: var(--fg); }

.m-discos .faq__q { border-bottom: 1px solid var(--rule); }
.m-discos .faq__q p { color: var(--muted); }

.m-discos .pending { color: var(--pending, var(--sand)); }
.m-discos .pending p:not(.pending__flag) { color: var(--muted); }

.m-discos .next { background: var(--vermilion); color: #171a17; }
.m-discos .next b { font-weight: 700; letter-spacing: -0.05em; }
.m-discos .next:hover b { text-decoration: underline; text-decoration-thickness: 4px; text-underline-offset: 8px; }

.m-discos .final { background: radial-gradient(70% 80% at 85% 20%, var(--glow, #2a3a2e) 0%, transparent 70%); }
.m-discos .final__title { font-size: clamp(3.4rem, 11vw, 10rem); line-height: 0.86; letter-spacing: -0.06em; margin-bottom: clamp(40px, 6vw, 72px); }
.m-discos .final__lede { color: var(--muted); font-size: 1.15rem; max-width: 26rem; }
.m-discos .form { background: var(--bg-3); border-radius: 24px; padding: 10px 26px 26px; }
.m-discos .field { border-bottom: 1px solid var(--rule); }
.m-discos .field label { color: var(--muted); font-size: 0.92rem; }
.m-discos .field select { background: linear-gradient(45deg, transparent 50%, var(--fg) 50%) calc(100% - 14px) 55% / 6px 6px no-repeat, linear-gradient(-45deg, transparent 50%, var(--fg) 50%) calc(100% - 8px) 55% / 6px 6px no-repeat; }
.m-discos .field__error, .m-discos .form__status.is-error { color: var(--error, #ff9a88); }
.m-discos .form__legal { color: var(--muted); }
.m-discos .thanks { background: var(--bg-3); border-radius: 24px; padding: 32px; }

.m-discos .foot { border-top: 1px solid var(--rule); color: var(--muted); }
.m-discos .foot .logo { color: var(--fg); font-size: 1.8rem; }

/* ---------------------------------------------------------------------
   Afinado (2-11): colores de disco de competición y 3D solo donde luce.
   Azul de disco de 20 kg añadido a la paleta. Cada página lleva el color
   de su disco: Cuotas bermellón, Clases azul, Entreno papel, Progreso oro,
   Precio arena.
   --------------------------------------------------------------------- */
.m-discos { --blue: #3a6ea8; --page: var(--vermilion); --page-fg: #171a17; }
.m-discos .plate--blue { --face: #3a6ea8; --edge: #1f4166; --ink-on: #ede9df; }
.m-discos.page-clases   { --page: var(--blue); --page-fg: #ede9df; --page-text: #8fb4e0; }
.m-discos.page-entreno  { --page: var(--paper); --page-fg: #171a17; }
.m-discos.page-progreso { --page: var(--gold); --page-fg: #171a17; --page-text: var(--gold-text, var(--gold)); }
.m-discos.page-precio   { --page: var(--sand); --page-fg: #171a17; }

/* La pila: el disco que señalas se levanta y te lleva a su sala */
.m-discos .plates a.plate { cursor: pointer; }
.m-discos .plates a.plate:focus-visible .plate__top { outline: 3px solid var(--gold); outline-offset: 4px; }

/* Encabezado de página con su disco plano */
.m-discos .phead__k { display: flex; align-items: center; gap: 12px; color: var(--page-text, var(--page)); }
.m-discos .phead__plate {
  display: inline-block; width: 34px; height: 34px; border-radius: 50%;
  background: radial-gradient(circle, #0b100c 0 22%, var(--page) 23% 100%);
  box-shadow: inset 0 0 0 3px rgba(0, 0, 0, 0.18), 0 4px 0 rgba(0, 0, 0, 0.35);
}
.m-discos .phead .dot { color: var(--page); }
.m-discos .next { background: var(--page); color: var(--page-fg); }
.m-discos.page-index .next, .m-discos.page-demo .next { background: var(--vermilion); color: #171a17; }

/* Las salas de inicio, cada una con su disco */
.m-discos .room { position: relative; overflow: hidden; }
.m-discos .room::after { content: ''; position: absolute; right: -36px; bottom: -36px; width: 120px; height: 120px; border-radius: 50%; background: radial-gradient(circle, var(--bg-3) 0 20%, var(--rc) 21% 100%); opacity: 0.9; transition: transform 300ms var(--ease-out); }
.m-discos .room:hover::after { transform: rotate(40deg) scale(1.08); }
.m-discos .room:nth-child(1) { --rc: var(--vermilion); }
.m-discos .room:nth-child(2) { --rc: var(--blue); }
.m-discos .room:nth-child(3) { --rc: var(--paper); }
.m-discos .room:nth-child(4) { --rc: var(--gold); }
.m-discos .room > * { position: relative; z-index: 1; max-width: 85%; }

/* Sin 3D en Cuotas, Clases y Entreno: planos y limpios */
.m-discos .iso-month { perspective: none; padding: 0; overflow: visible; }
.m-discos .iso-month__scene { transform: none; }
.m-discos .tile { aspect-ratio: auto; min-height: clamp(84px, 9vw, 132px); border-radius: 14px; box-shadow: none; }
.m-discos .tile--note, .m-discos .tile--stop { transform: none; box-shadow: none; }
.m-discos .tile--note { --tile: var(--paper); --tile-fg: #171a17; }
.m-discos .queue3d { perspective: none; }
.m-discos .queue__step { transform: none; }
.m-discos.page-clases .queue__step--done { background: var(--blue); color: #ede9df; }
.m-discos.page-clases .queue__step--done i { color: #ede9df; }
.m-discos .tilt-card { perspective: none; }
.m-discos .tilt-card .shot { transform: none; }

/* Progreso: columnas de discos */
.m-discos .stack__v { color: var(--muted); }
.m-discos .stack__v b { color: var(--fg); }
.m-discos .stack--rec .stack__v b { color: var(--gold-text, var(--gold)); }
@media (max-width: 640px) {
  .m-discos .stack { --gap: 9px; --step: 2px; --thick: 8px; }
  .m-discos .stack__v { font-size: 0.66rem; }
  .m-discos .stacks__scene { gap: 4px; transform: rotateX(54deg) rotateZ(-14deg); }
}

/* =====================================================================
   KEIKOUP — decisión final (2-11-2026)
   Letra de titulares: ver las variables --df y siguientes.
   Oscuro (dojo) donde hay que llamar la atención: portada, cabeceras de
   página, salas, discos de Progreso, datos y cierre.
   Papel donde hay que leer: el resto de secciones.
   Botón: bermellón más claro sobre oscuro (texto 4,7:1) y tinta sobre
   papel (14,5:1). Las animaciones no cambian.
   ===================================================================== */
@font-face { font-family: 'Archivo'; src: url('/assets/fonts/archivo.woff2') format('woff2'); font-weight: 100 900; font-stretch: 62% 125%; font-display: swap; }

/* Letra de titulares y cifras: una variable por rasgo, para poder
   cambiarla en un solo sitio. Archivo ancha (elegida el 3-11-2026). */
:root {
  --df: 'Archivo', 'Space Grotesk', sans-serif;
  --dw: 800; --dstretch: 125%; --dls: -0.03em; --dlh: 0.95; --dcase: none; --dsize: 1;
}

.m-discos :is(.hero__title, .phead__title, .sec__title, .sec__close, .final__title, .next b, .olds__name, .logo, .room b, .queue__step b, .tile, .stack__v b, .thanks h3, .legal__body h2) {
  font-family: var(--df); font-weight: var(--dw); font-stretch: var(--dstretch); letter-spacing: var(--dls); text-transform: var(--dcase);
}
.m-discos .hero__title { font-size: calc(clamp(2.25rem, 4.6vw, 4.25rem) * var(--dsize)); line-height: var(--dlh); }
.m-discos .phead__title { font-size: calc(clamp(2rem, 4vw, 3.5rem) * var(--dsize)); line-height: var(--dlh); }
.m-discos .sec__title { font-size: calc(clamp(1.6rem, 2.8vw, 2.5rem) * var(--dsize)); line-height: calc(var(--dlh) + 0.05); text-wrap: balance; }
.m-discos .olds__name { font-size: calc(clamp(1.4rem, 2.6vw, 2.25rem) * var(--dsize)); line-height: calc(var(--dlh) + 0.05); }
.m-discos .final__title { font-size: calc(clamp(2.25rem, 5.4vw, 4.75rem) * var(--dsize)); line-height: var(--dlh); text-wrap: balance; }
.m-discos .next b { font-size: calc(clamp(1.75rem, 3.6vw, 3rem) * var(--dsize)); }
.m-discos .room b { font-size: calc(1.15rem * var(--dsize)); line-height: 1.15; }
.m-discos .logo { letter-spacing: -0.01em; }
.m-discos :is(.hero__lede, .phead__lede, .sec__lede, p, dd, li) { text-wrap: pretty; }
.m-discos :is(.room, .queue__step, .offline li, .tile) { border-radius: 4px; }
.m-discos :is(.form, .thanks, .shot) { border-radius: 6px; }

/* Botones */
.m-discos .btn { background: #e0573f; color: #171a17; border-radius: 4px; font-weight: 700; }
.m-discos .btn:hover { background: #ea6f57; }
.m-discos .sec:not(.sec--dark) .btn,
.m-discos .form .btn { background: #171a17; color: #ede9df; }
.m-discos .sec:not(.sec--dark) .btn:hover,
.m-discos .form .btn:hover { background: #2f342f; }

/* Secciones en papel: todo lo que no es oscuro */
.m-discos .sec:not(.sec--dark) {
  --fg: #171a17; --muted: #474b44; --rule: rgba(23, 26, 23, 0.16); --bg-3: #ffffff; --focus: #171a17;
  --gold-text: #8a5f0a; --error: #a8301f; --pending: #9e3424;
  --tile: #ffffff; --tile-fg: #171a17; --tile-edge: #b9b3a3; --note: #171a17; --note-fg: #ede9df;
  background: #ede9df; color: var(--fg);
}
/* Secciones «tostadas»: salvia, un verde muy claro de la familia de la cabecera (elegido el 3-11-2026) */
.m-discos .sec--tint:not(.sec--dark) { background: #d6dfd1; }
.m-discos .sec--dark { background: var(--bg-2); }
.m-discos .sec:not(.sec--dark) .shot { outline-color: rgba(23, 26, 23, 0.3); }
.m-discos .sec:not(.sec--dark) .queue__step { background: #ffffff; color: #171a17; }
.m-discos .sec:not(.sec--dark) .queue__step i { color: #474b44; }
.m-discos .sec:not(.sec--dark) .queue__step--done { background: var(--page); color: var(--page-fg); }
.m-discos .sec:not(.sec--dark) .queue__step--done i { color: var(--page-fg); }
.m-discos .sec:not(.sec--dark) .tile--note { --tile: #171a17; --tile-fg: #ede9df; }
.m-discos .sec:not(.sec--dark) .offline li { background: #ffffff; }
.m-discos .sec:not(.sec--dark) .offline span { color: #474b44; }
.m-discos .sec:not(.sec--dark) .wall__item b { color: #171a17; }
.m-discos .sec:not(.sec--dark) .rules dt { color: var(--page-dark, #9e3424); }
.m-discos.page-clases { --page-dark: #2c5a8e; }
.m-discos.page-cuotas { --page-dark: #9e3424; }
.m-discos .sec:not(.sec--dark) .pending { color: #9e3424; }
.m-discos .sec:not(.sec--dark) .pending p:not(.pending__flag) { color: #171a17; }
.m-discos .sec:not(.sec--dark) .feats > div { border-bottom-color: rgba(23, 26, 23, 0.16); }
.m-discos .sec:not(.sec--dark) .olds__name s { background-size: 100% 0.1em; }

/* Cierre: oscuro para llamar la atención, formulario en papel para leer */
.m-discos .final .form { background: #ede9df; color: #171a17; --fg: #171a17; --muted: #474b44; --rule: rgba(23, 26, 23, 0.16); --error: #a8301f; --focus: #171a17; }
.m-discos .final .field label, .m-discos .final .form__legal { color: #474b44; }
.m-discos .final .field select { background: linear-gradient(45deg, transparent 50%, #171a17 50%) calc(100% - 14px) 55% / 6px 6px no-repeat, linear-gradient(-45deg, transparent 50%, #171a17 50%) calc(100% - 8px) 55% / 6px 6px no-repeat; }
.m-discos .final .form__legal a { color: #171a17; }
.m-discos .thanks { background: #ede9df; color: #171a17; }

/* Menú en el móvil: segunda fila desplazable bajo la cabecera */
@media (max-width: 899px) {
  .m-discos .top__in { flex-wrap: wrap; height: auto; padding-block: 10px; row-gap: 6px; column-gap: 14px; }
  .m-discos .top .btn--s { padding: 0 12px; font-size: 0.84rem; }
  .m-discos .top__enter { font-size: 0.88rem; }
  .m-discos .top .logo { font-size: 1.2rem; }
}
@media (max-width: 420px) {
  .m-discos .top__enter { display: none; }
  .m-discos .top .btn--s { margin-left: auto; }
  .m-discos .top__nav { display: flex; order: 5; width: 100%; margin: 0 calc(var(--pad) * -1); padding: 0 var(--pad) 4px; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
  .m-discos .top__nav::-webkit-scrollbar { display: none; }
  .m-discos .top__nav a { flex: none; padding: 10px 14px; min-height: 40px; display: inline-flex; align-items: center; }
  html { scroll-padding-top: 130px; }
}

/* Pie con todas las páginas */
.m-discos .foot__nav { gap: 6px 20px; }
.m-discos .foot__nav a { color: var(--fg); font-weight: 600; }
.m-discos .foot ul a { text-underline-offset: 4px; }

/* Páginas legales */
.m-discos .legal .wrap { padding-block: clamp(40px, 6vw, 80px); }
.m-discos .legal__body { max-width: 46rem; }
.m-discos .legal__body h1 { margin-bottom: 28px; font-size: clamp(2.4rem, 6vw, 4.6rem); }
.m-discos .legal__body h2 { font-size: 1.35rem; line-height: 1.2; margin: 36px 0 10px; }
.m-discos .legal__body p, .m-discos .legal__body li { color: #2f332e; margin-bottom: 0.8em; }
.m-discos .legal__body table { border-collapse: collapse; width: 100%; margin-bottom: 1em; font-size: 0.95rem; }
.m-discos .legal__body th, .m-discos .legal__body td { text-align: left; border-bottom: 1px solid rgba(23, 26, 23, 0.2); padding: 10px 8px 10px 0; vertical-align: top; }
.m-discos .legal__body a { color: #171a17; }
.m-discos.page-legal .phead .wrap { padding-block: 40px 8px; }

/* Guías: mismo texto que las legales, con listas y cita de ejemplo */
.m-discos .guide__meta { font-size: 0.9rem; }
.m-discos .guide :is(ul, ol) { padding-left: 1.25em; margin-bottom: 1em; }
.m-discos .guide ul { list-style: disc; }
.m-discos .guide ol { list-style: decimal; }
.m-discos .guide blockquote { margin: 0 0 1em; padding: 16px 20px; background: #d6dfd1; border-radius: 8px; color: #171a17; }
.m-discos .guide .actions { margin-top: 20px; }
@media (max-width: 600px) {
  .m-discos .guide__compare thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .m-discos .guide__compare, .m-discos .guide__compare tbody, .m-discos .guide__compare tr, .m-discos .guide__compare td { display: block; width: 100%; }
  .m-discos .guide__compare tr { padding: 14px 0; border-bottom: 1px solid rgba(23, 26, 23, 0.2); }
  .m-discos .guide__compare td { border: 0; padding: 3px 0; }
  .m-discos .guide__compare td:first-child { font-weight: 700; }
  .m-discos .guide__compare td[data-label]::before { content: attr(data-label) ": "; font-weight: 600; }
  html[lang="fr"] .m-discos .guide__compare td[data-label]::before { content: attr(data-label) " : "; }
}

/* Cabeceras más contenidas (2-11): menos altura, el contenido sube. */
.m-discos .phead .wrap { padding-block: clamp(40px, 6vw, 80px) clamp(24px, 3vw, 40px); }
.m-discos .phead__title { max-width: 20ch; text-wrap: balance; }
.m-discos .phead__lede { margin-top: 16px; font-size: 1.05rem; }
.m-discos .phead__k { margin-bottom: 12px; }
.m-discos .hero__title { margin-top: 10px; text-wrap: balance; }
.m-discos .hero__lede { margin: 18px 0 26px; }
.m-discos .final__title { margin-bottom: clamp(32px, 4vw, 56px); }
.m-discos .sec__close { font-size: calc(clamp(1.25rem, 2vw, 1.75rem) * var(--dsize)); line-height: 1.2; }

/* Botón flotante de WhatsApp (todas las páginas) */
.wa { position: fixed; right: calc(18px + env(safe-area-inset-right)); bottom: calc(18px + env(safe-area-inset-bottom)); z-index: 60;
  display: inline-flex; align-items: center; gap: 10px; height: 56px; padding: 0 20px 0 16px; border-radius: 999px;
  background: #25d366; color: #0b2e17; font: 700 0.98rem/1 'Inter', system-ui, sans-serif; text-decoration: none;
  box-shadow: 0 6px 22px rgba(0, 0, 0, 0.32), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -webkit-tap-highlight-color: transparent; touch-action: manipulation; transition: transform 160ms var(--ease-out, ease), box-shadow 160ms ease; }
.wa:hover { transform: translateY(-2px); box-shadow: 0 10px 28px rgba(0, 0, 0, 0.38); }
.wa:active { transform: scale(0.96); }
.wa:focus-visible { outline: 3px solid #ede9df; outline-offset: 3px; }
/* Solo el icono, también en ordenador: así no tapa el contenido. El nombre sigue para lectores de pantalla. */
.wa { width: 56px; padding: 0; justify-content: center; }
.wa span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@media (prefers-reduced-motion: reduce) { .wa { transition: none; } }
@media print { .wa { display: none; } }

/* H1 que agrupa la línea pequeña y el titular (SEO): cada parte conserva su estilo */
.m-discos h1.h1-wrap { font: inherit; letter-spacing: normal; text-transform: none; margin: 0; }
.h1-wrap > .hero__pre, .h1-wrap > .hero__title, .h1-wrap > .phead__title, .h1-wrap > .final__title { display: block; }
.h1-wrap > .hero__pre + .final__title { margin-top: 12px; }
.m-discos .sec__title + .sec__lede { margin-top: 18px; }
.m-discos .sec__lede + .sec__lede { margin-top: 12px; }

/* Selector de idioma (ES · EN · FR) en la cabecera */
.m-discos .langs { display: flex; align-items: center; gap: 2px; margin-left: auto; }
.m-discos .langs a { font: 600 0.78rem/1 'Inter', system-ui, sans-serif; letter-spacing: 0.04em; color: var(--muted); text-decoration: none; padding: 8px 8px; border-radius: 999px; }
.m-discos .langs a:hover { color: var(--fg); }
.m-discos .langs a[aria-current] { color: var(--fg); background: var(--bg-3); }
@media (max-width: 899px) { .m-discos .top .langs + .btn--s { margin-left: 0; } .m-discos .langs a { padding: 9px 7px; } }
/* Aviso de traducción en las páginas legales en inglés y francés */
.m-discos .legal__note { font-size: 0.92rem; font-style: italic; color: var(--muted); border-left: 3px solid var(--rule); padding-left: 14px; margin: -8px 0 28px; }
@media (max-width: 420px) {
  .m-discos .top__in { column-gap: 8px; }
  .m-discos .top .logo { font-size: 1.05rem; }
  .m-discos .langs { gap: 0; }
  .m-discos .langs a { padding: 8px 5px; font-size: 0.72rem; }
  .m-discos .top .btn--s { padding: 0 9px; font-size: 0.76rem; white-space: nowrap; }
}
@media (max-width: 370px) { .m-discos .langs a[aria-current] { display: none; } }