/* ═══════════════════════════════════════════════════════════════════
   Dunes Theme · section.css · ET 3.13.0 «Sala de redacción»
   Páginas de sección (category.php) y de firma (author.php).
   Marcado: inc/section-page.php · Comportamiento: assets/js/section.js
   Inter, tinta sobre papel, una sola línea azul de acento, esquinas
   de 3 a 4 px. Sin sombras de tarjeta ni degradados.
   ═══════════════════════════════════════════════════════════════════ */

.et-sec {
    --ink: #0A0A0A; --ink2: #2A2A2A; --ink3: #4A4A4A; --ink4: #757575; --ink5: #9D9D9D;
    --line: #E5E3DD; --soft: #F7F6F1; --blue: #0B0B0C; --red: #FF3131;
    --gut: 24px; --bar-h: 52px;
    max-width: 1224px; margin: 0 auto; padding: 0 var(--gut) 72px;
    font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
    color: var(--ink); -webkit-font-smoothing: antialiased;
    font-feature-settings: "tnum" 0, "ss01" 1;
}
.et-sec *, .et-sec *::before, .et-sec *::after { box-sizing: border-box; }
.et-sec :where(a) { color: inherit; text-decoration: none; }
.et-sec :where(ol, ul) { list-style: none; margin: 0; padding: 0; }
.et-sec :where(h1, h2, h3, p, dl, dd) { margin: 0; }
.et-sec :where(img) { display: block; max-width: 100%; }
.et-sec :focus-visible { outline: 2px solid var(--blue); outline-offset: 3px; border-radius: 2px; }

/* lo que el theme mete después de un archivo no se pinta aquí */
.et-sec ~ .et-pc-grid, .et-sec ~ .et-pc-section { display: none !important; }

.et-sec__eye {
    display: block; font-size: 11px; font-weight: 800; line-height: 1;
    letter-spacing: 1.4px; text-transform: uppercase; color: var(--ink4);
}
.et-sec__eye--rule {
    display: flex; justify-content: space-between; align-items: baseline;
    border-top: 2px solid var(--ink); padding-top: 11px; color: var(--ink);
}
.et-sec__eye--rule small { font-size: 11px; font-weight: 600; letter-spacing: .4px; text-transform: none; color: var(--ink5); }

/* ───────────────────────── Cabecera ───────────────────────── */
.et-sec__head-top {
    display: flex; align-items: center; justify-content: space-between; gap: 16px;
    padding: 22px 0 13px; border-bottom: 1px solid var(--line);
}
.et-sec__crumbs ol { display: flex; flex-wrap: wrap; align-items: center; gap: 0; }
.et-sec__crumbs li { font-size: 12px; font-weight: 600; color: var(--ink4); }
.et-sec__crumbs li + li::before { content: "/"; margin: 0 9px; color: var(--ink5); font-weight: 400; }
.et-sec__crumbs a:hover { color: var(--ink); }
.et-sec__crumbs li:last-child span { color: var(--ink); }

.et-sec__live { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 600; color: var(--ink4); white-space: nowrap; }
.et-sec__live i { position: relative; width: 7px; height: 7px; border-radius: 50%; background: var(--red); }
.et-sec__live i::after {
    content: ""; position: absolute; inset: -4px; border-radius: 50%;
    border: 1px solid var(--red); opacity: 0; animation: et-sec-ping 2.4s ease-out infinite;
}
@keyframes et-sec-ping { 0% { transform: scale(.5); opacity: .7; } 80%, 100% { transform: scale(1.5); opacity: 0; } }

.et-sec__head-grid {
    display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 64px; align-items: end;
    padding: 44px 0 34px; border-bottom: 2px solid var(--ink);
}
.et-sec__h1 {
    font-size: clamp(44px, 6.4vw, 84px); font-weight: 900; line-height: .92;
    letter-spacing: -.045em; color: var(--ink); text-wrap: balance;
}
.et-sec__h1-n::after { content: "."; color: var(--blue); }
.et-sec__h1 small {
    display: block; margin-top: 14px; font-size: 12px; font-weight: 700; line-height: 1;
    letter-spacing: 1.4px; text-transform: uppercase; color: var(--ink4);
}

.et-sec__intro { margin-top: 20px; max-width: 62ch; }
.et-sec__intro p { font-size: 18px; line-height: 1.55; color: var(--ink3); text-wrap: pretty; }
.et-sec__intro.is-long p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.et-sec__intro.is-long.is-open p { -webkit-line-clamp: unset; display: block; }
.et-sec__intro-more {
    margin-top: 8px; padding: 0; border: 0; background: none; cursor: pointer;
    font: 700 13px/1 Inter, sans-serif; color: var(--blue);
    text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px;
}
.et-sec__intro-more:hover { color: var(--ink); }

.et-sec__chips { margin-top: 28px; display: grid; gap: 14px; }
.et-sec__subs { display: flex; flex-wrap: wrap; gap: 8px 24px; }
.et-sec__subs a {
    display: inline-flex; align-items: baseline; padding-bottom: 5px;
    font-size: 12px; font-weight: 800; letter-spacing: .9px; text-transform: uppercase; color: var(--ink);
    border-bottom: 2px solid transparent; transition: border-color .2s, color .2s;
}
.et-sec__subs a:hover { border-color: var(--blue); color: var(--blue); }
.et-sec__subs sup { margin-left: 4px; font-size: 10px; font-weight: 600; letter-spacing: 0; color: var(--ink5); top: -.35em; font-variant-numeric: tabular-nums; }
.et-sec__topics { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 16px; }
.et-sec__topics-lb { font-size: 11px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; color: var(--ink5); }
.et-sec__topics a { font-size: 14px; font-weight: 500; color: var(--ink3); }
.et-sec__topics a:hover { color: var(--ink); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }

/* Pulso: estilo de las gráficas del IBEX */
.et-sec__pulse { border-left: 1px solid var(--line); padding-left: 32px; align-self: stretch; display: flex; flex-direction: column; justify-content: flex-end; }
.et-sec__pv { display: flex; align-items: baseline; gap: 10px; margin-top: 14px; }
.et-sec__pv b { font-size: 56px; font-weight: 900; line-height: .9; letter-spacing: -2.4px; font-variant-numeric: tabular-nums; color: var(--ink); }
.et-sec__pv span { font-size: 14px; font-weight: 600; color: var(--ink3); }
.et-sec__ps { margin-top: 8px; font-size: 12px; color: var(--ink4); font-variant-numeric: tabular-nums; }
.et-sec__pc { position: relative; margin-top: 16px; cursor: crosshair; touch-action: pan-y; }
.et-sec__psvg { display: block; width: 100%; height: auto; overflow: visible; }
.et-sec__pg { stroke: var(--line); stroke-width: 1; stroke-dasharray: 2 3; }
.et-sec__pb { stroke: var(--ink); stroke-width: 1; }
.et-sec__pa { fill: rgba(11,11,12, .08); }
.et-sec__pl { fill: none; stroke: var(--blue); stroke-width: 1.8; stroke-linejoin: round; stroke-linecap: round; }
.et-sec__px { stroke: var(--ink); stroke-width: 1; stroke-dasharray: 2 2; opacity: 0; transition: opacity .15s; }
.et-sec__pd { fill: var(--blue); stroke: #fff; stroke-width: 2; transition: cx .12s ease-out, cy .12s ease-out; }
.et-sec__pt { font: 600 10px/1 Inter, sans-serif; fill: var(--ink5); letter-spacing: .3px; }
.et-sec__pc.is-hover .et-sec__px { opacity: .5; }
.et-sec__tip {
    position: absolute; top: -8px; left: 0; transform: translate(-50%, -100%);
    padding: 5px 8px; border-radius: 3px; background: var(--ink); color: #fff;
    font-size: 11px; font-weight: 700; line-height: 1; white-space: nowrap; pointer-events: none;
    font-variant-numeric: tabular-nums;
}
.et-sec__tip[hidden] { display: none; }

/* Ficha de firma */
.et-sec__id--author { display: grid; grid-template-columns: 148px minmax(0, 1fr); gap: 36px; align-items: start; }
.et-sec__face { position: relative; }
.et-sec__face img, .et-sec__avatar { width: 148px; height: 148px; object-fit: cover; border-radius: 4px; background: var(--soft); color: transparent; font-size: 0; }
.et-sec--author .et-sec__head-grid { align-items: start; }
.et-sec__face::after { content: ""; position: absolute; left: 0; right: 0; bottom: -10px; height: 3px; background: var(--blue); width: 36px; }
.et-sec__role { display: inline-flex; align-items: center; margin-bottom: 14px; font-size: 12px; font-weight: 800; letter-spacing: 1.2px; text-transform: uppercase; color: var(--blue); }
.et-sec__role i { font-style: normal; color: var(--ink5); margin: 0 8px; }
.et-sec--author .et-sec__h1 { font-size: clamp(40px, 5.4vw, 72px); }
.et-sec__head-grid--author { grid-template-columns: minmax(0, 1fr) 360px; align-items: start; }
.et-sec__facts { align-self: stretch; padding-left: 32px; border-left: 1px solid var(--line); display: flex; flex-direction: column; gap: 30px; }
.et-sec__facts .et-sec__stats { display: grid; margin-top: 0; border-top: 2px solid var(--ink); }
.et-sec__facts .et-sec__stats > div, .et-sec__facts .et-sec__stats > div:first-child { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; padding: 13px 0 12px; border-left: 0; border-bottom: 1px solid var(--line); }
.et-sec__facts .et-sec__stats dd { margin-top: 0; font-size: 22px; letter-spacing: -.6px; white-space: nowrap; }
.et-sec__facts .et-sec__beats { margin-top: 0; max-width: none; }
.et-sec__beats { margin-top: 28px; max-width: 460px; }
.et-sec__beats ul { margin-top: 12px; display: grid; gap: 11px; }
.et-sec__beats li { display: grid; grid-template-columns: 1fr auto; row-gap: 6px; align-items: baseline; }
.et-sec__beats a { font-size: 14px; font-weight: 700; color: var(--ink); }
.et-sec__beats a:hover { color: var(--blue); }
.et-sec__beats span { font-size: 12px; font-weight: 600; color: var(--ink4); font-variant-numeric: tabular-nums; }
.et-sec__beats i { grid-column: 1 / -1; position: relative; height: 3px; background: var(--line); overflow: hidden; }
.et-sec__beats i::after { content: ""; position: absolute; inset: 0 auto 0 0; width: var(--pct); background: var(--blue); transform-origin: left; animation: et-sec-grow .9s cubic-bezier(.2, .7, .2, 1) both; }
@keyframes et-sec-grow { from { transform: scaleX(0); } }
.et-sec__stats { display: flex; flex-wrap: wrap; margin-top: 28px; }
.et-sec__stats > div { padding: 0 26px; border-left: 1px solid var(--line); }
.et-sec__stats > div:first-child { padding-left: 0; border-left: 0; }
.et-sec__stats dt { font-size: 11px; font-weight: 700; letter-spacing: 1.1px; text-transform: uppercase; color: var(--ink4); }
.et-sec__stats dd { margin-top: 6px; font-size: 26px; font-weight: 900; letter-spacing: -.8px; line-height: 1; font-variant-numeric: tabular-nums; color: var(--ink); }
.et-sec__links { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 22px; }
.et-sec__links a { font-size: 13px; font-weight: 700; color: var(--ink); border-bottom: 1px solid var(--line); padding-bottom: 2px; transition: border-color .2s, color .2s; }
.et-sec__links a:hover { color: var(--blue); border-color: var(--blue); }

/* ───────────────────────── Barra fija ───────────────────────── */
.et-sec__sentinel { height: 1px; margin-bottom: -1px; }
.et-sec__bar {
    position: sticky; top: var(--sec-top, 0px); z-index: 60;
    margin: 0 calc(var(--gut) * -1); padding: 0 var(--gut);
    background: rgba(255, 255, 255, .92);
    -webkit-backdrop-filter: saturate(180%) blur(12px); backdrop-filter: saturate(180%) blur(12px);
    border-bottom: 1px solid var(--line);
    transition: box-shadow .25s;
}
.et-sec__bar.is-stuck { box-shadow: 0 12px 24px -22px rgba(10, 10, 10, .45); }
.et-sec__bar-in { display: flex; align-items: center; gap: 16px; height: var(--bar-h); }
.et-sec__bar-name {
    max-width: 0; overflow: hidden; white-space: nowrap; opacity: 0;
    font-size: 16px; font-weight: 900; letter-spacing: -.4px; color: var(--ink);
    transition: max-width .35s cubic-bezier(.2, .7, .2, 1), opacity .25s, margin .35s;
    margin-right: -16px;
}
.et-sec__bar-name::after { content: "."; color: var(--blue); }
.et-sec__bar.is-stuck .et-sec__bar-name { max-width: 320px; opacity: 1; margin-right: 0; }
.et-sec__bar-n { font-size: 12px; font-weight: 600; color: var(--ink4); font-variant-numeric: tabular-nums; white-space: nowrap; }
/* Pestañas «Portada / Al minuto» (3.13.1): texto con icono fino, filete entre
   ambas y una regla de tinta que se desliza sobre la línea inferior de la barra */
.et-sec__views { position: relative; display: flex; align-self: stretch; margin-left: auto; }
.et-sec__views button {
    position: relative; display: inline-flex; align-items: center; gap: 8px; height: 100%; padding: 0 16px;
    border: 0; background: none; cursor: pointer; -webkit-tap-highlight-color: transparent;
    font: 600 13px/1 Inter, sans-serif; letter-spacing: -.1px; color: var(--ink4); transition: color .25s;
}
.et-sec__views button + button::before { content: ""; position: absolute; left: 0; top: 50%; width: 1px; height: 14px; margin-top: -7px; background: var(--line); }
.et-sec__views button svg { flex: 0 0 auto; color: var(--ink5); transition: color .25s, transform .35s cubic-bezier(.2, .7, .2, 1); }
.et-sec__views button:hover { color: var(--ink); }
.et-sec__views button:hover svg { color: var(--ink3); }
.et-sec__views button.is-on { color: var(--ink); font-weight: 700; }
.et-sec__views button.is-on svg { color: var(--blue); }
.et-sec__views button[data-sec-view="wire"].is-on svg { transform: rotate(-30deg); }
.et-sec__views-live { display: none; position: relative; width: 6px; height: 6px; margin-left: -2px; border-radius: 50%; background: var(--red); }
.et-sec__views-live::after { content: ""; position: absolute; inset: -3px; border-radius: 50%; border: 1px solid var(--red); opacity: 0; animation: et-sec-ping 2.4s ease-out infinite; }
.et-sec__views button.has-fresh .et-sec__views-live { display: block; }
.et-sec__views-ink {
    position: absolute; left: 0; bottom: -1px; height: 2px; width: var(--w, 0); transform: translateX(var(--x, 0));
    background: var(--ink); pointer-events: none;
    transition: transform .4s cubic-bezier(.2, .7, .2, 1), width .4s cubic-bezier(.2, .7, .2, 1);
}
.et-sec__views-ink::after { content: ""; position: absolute; left: 50%; bottom: 2px; width: 0; height: 0; margin-left: -4px; border: 4px solid transparent; border-bottom-color: var(--ink); border-top: 0; }
.et-sec__top {
    display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; flex: 0 0 34px;
    border: 1px solid var(--line); border-radius: 4px; background: #fff; color: var(--ink); cursor: pointer;
    opacity: 0; pointer-events: none; transform: translateY(4px); transition: opacity .25s, transform .25s, border-color .2s, width .3s, flex-basis .3s, margin .3s;
    width: 0; flex-basis: 0; margin-left: -16px; overflow: hidden; border-width: 0;
}
.et-sec__bar.is-stuck .et-sec__top { opacity: 1; pointer-events: auto; transform: none; width: 34px; flex-basis: 34px; margin-left: 0; border-width: 1px; }
.et-sec__top:hover { border-color: var(--ink); }

/* ───────────────────────── Tarjetas ───────────────────────── */
.et-sec__ph { position: relative; display: block; overflow: hidden; border-radius: 3px; background: var(--soft); aspect-ratio: 16 / 10; }
.et-sec__ph img, .et-sec__ph .et-sec__img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s cubic-bezier(.2, .7, .2, 1); }
.et-sec__noimg { position: absolute; inset: 0; background: repeating-linear-gradient(135deg, var(--soft) 0 10px, #F1EFE8 10px 11px); }
.et-sec__it:hover .et-sec__ph img { transform: scale(1.035); }
.et-sec__tx { min-width: 0; }
.et-sec__t { font-weight: 800; color: var(--ink); text-wrap: balance; }
.et-sec__t a { background-image: linear-gradient(currentColor, currentColor); background-size: 0 1px; background-repeat: no-repeat; background-position: 0 100%; transition: background-size .45s cubic-bezier(.2, .7, .2, 1); }
.et-sec__it:hover .et-sec__t a, .et-sec__t a:focus-visible { background-size: 100% 1px; }
.et-sec__k { color: var(--blue); font-weight: 800; }
.et-sec__dek { color: var(--ink3); text-wrap: pretty; }
/* Firma: Autor | PERSONALIZADO (igual que el home: nunca la fecha) */
.et-sec__by, .et-sec__mr-by { display: flex; flex-wrap: wrap; align-items: center; gap: 0 8px; margin-top: 10px; font-size: 12px; line-height: 1.3; color: var(--ink4); }
.et-sec__by-a { font-weight: 600; color: var(--ink2); }
.et-sec__by-a:hover { color: var(--blue); }
.et-sec__by-sep { display: inline-block; width: 1px; height: 11px; background: #BFBDB6; }
.et-sec__by-c { font-size: 11px; font-weight: 500; letter-spacing: .5px; color: var(--ink4); }

/* ───────────────────────── Apertura ───────────────────────── */
.et-sec__front { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 32px; padding-top: 36px; }
.et-sec__open { grid-column: 1 / -1; }
.et-sec__front.has-mr .et-sec__open { grid-column: 1 / span 8; }
.et-sec__mr { grid-column: 9 / -1; }

.et-sec__it--lead .et-sec__ph { aspect-ratio: 3 / 2; }
.et-sec__it--lead .et-sec__tx { padding-top: 20px; }
.et-sec__it--lead .et-sec__t { font-size: 40px; line-height: 1.08; letter-spacing: -.9px; font-weight: 800; }
.et-sec__it--lead .et-sec__dek { margin-top: 14px; font-size: 17px; line-height: 1.55; max-width: 62ch; }
.et-sec__it--lead .et-sec__by { margin-top: 14px; }
/* sin «más leído», la apertura se parte en foto y texto */
.et-sec__front:not(.has-mr) .et-sec__it--lead { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 36px; align-items: end; }
.et-sec__front:not(.has-mr) .et-sec__it--lead .et-sec__tx { padding: 0 0 6px; }
.et-sec__front:not(.has-mr) .et-sec__it--lead .et-sec__t { font-size: 44px; }

.et-sec__mr ol { counter-reset: mr; }
.et-sec__mr li { position: relative; display: grid; grid-template-columns: 48px minmax(0, 1fr); column-gap: 6px; padding: 16px 0 15px; border-bottom: 1px solid var(--line); }
.et-sec__mr li:last-child { border-bottom: 0; }
.et-sec__mr-n { grid-row: span 2; font-size: 44px; font-weight: 200; line-height: .82; letter-spacing: -2px; color: var(--ink5); font-variant-numeric: tabular-nums; transition: color .25s; }
.et-sec__mr li:hover .et-sec__mr-n { color: var(--blue); }
.et-sec__mr li > a { font-size: 15px; font-weight: 700; line-height: 1.3; color: var(--ink); text-wrap: pretty; }
.et-sec__mr li > a:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.et-sec__mr-m { display: flex; align-items: center; gap: 10px; margin-top: 8px; min-width: 0; }
.et-sec__mr-by { margin-top: 0; min-width: 0; flex-wrap: nowrap; white-space: nowrap; overflow: hidden; font-size: 11px; }
.et-sec__mr-by .et-sec__by-c { font-size: 10px; overflow: hidden; text-overflow: ellipsis; }
.et-sec__mr-m > i { position: relative; flex: 0 0 52px; height: 3px; background: var(--line); overflow: hidden; }
.et-sec__mr-m > i::after { content: ""; position: absolute; inset: 0 auto 0 0; width: var(--w); background: var(--blue); transform-origin: left; animation: et-sec-grow 1s cubic-bezier(.2, .7, .2, 1) .2s both; }

.et-sec__seconds { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; margin-top: 36px; padding-top: 28px; border-top: 1px solid var(--line); }
.et-sec__it--second .et-sec__tx { padding-top: 14px; }
.et-sec__it--second .et-sec__t { font-size: 20px; line-height: 1.2; letter-spacing: -.4px; }

/* ───────────────────────── Río ───────────────────────── */
.et-sec__river { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 44px 32px; padding-top: 36px; }
.et-sec__front + .et-sec__river { margin-top: 44px; border-top: 2px solid var(--ink); padding-top: 0; }
.et-sec__front + .et-sec__river::before {
    content: "Más noticias"; grid-column: 1 / -1; margin-bottom: -20px; padding-top: 11px;
    font-size: 11px; font-weight: 800; letter-spacing: 1.4px; text-transform: uppercase; color: var(--ink);
}
.et-sec--author .et-sec__front + .et-sec__river::before { content: "Sus noticias"; }
.et-sec__it--card .et-sec__tx { padding-top: 14px; }
.et-sec__it--card .et-sec__t { font-size: 19px; line-height: 1.24; letter-spacing: -.35px; }
.et-sec__it--card .et-sec__dek { margin-top: 8px; font-size: 14.5px; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.et-sec__it--wide { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 36px; align-items: center; padding-bottom: 44px; border-bottom: 1px solid var(--line); }
.et-sec__it--wide .et-sec__ph { aspect-ratio: 16 / 9; }
.et-sec__it--wide .et-sec__t { font-size: 34px; line-height: 1.1; letter-spacing: -.8px; font-weight: 800; }
.et-sec__it--wide .et-sec__dek { margin-top: 12px; font-size: 16px; line-height: 1.55; }
/* la primera pieza de cada página cargada marca el corte */
.et-sec__river .et-sec__it--wide:not(:first-child) { margin-top: 12px; padding-top: 40px; border-top: 2px solid var(--ink); }
.et-sec__pmark { grid-column: 1 / -1; display: flex; align-items: center; gap: 14px; margin: 8px 0 -20px; font-size: 11px; font-weight: 800; letter-spacing: 1.4px; text-transform: uppercase; color: var(--ink4); }
.et-sec__pmark::after { content: ""; flex: 1; height: 1px; background: var(--line); }

.et-sec .et-hads--archive { grid-column: 1 / -1; padding: 0; }
.et-sec .et-hads--archive .et-hads__lb { text-align: center; font: 700 10px/1 Inter, sans-serif; letter-spacing: 1.6px; text-transform: uppercase; color: #9A968C; padding-top: 10px; border-top: 1px solid var(--line); display: block; margin-bottom: 8px; }
.et-sec .et-hads--archive:has(ins.adsbygoogle[data-ad-status="unfilled"]) { display: none !important; }

/* aparición suave de lo que llega con «Cargar más» */
.et-sec__it.is-new { animation: et-sec-in .6s cubic-bezier(.2, .7, .2, 1) both; animation-delay: calc(var(--i, 0) * 40ms); }
@keyframes et-sec-in { from { opacity: 0; transform: translateY(14px); } }

/* ───────────────────────── Al minuto ───────────────────────── */
.et-sec[data-view="wire"] .et-sec__front,
.et-sec[data-view="wire"] .et-sec__river { display: none; }
.et-sec__wire { max-width: 880px; margin: 0 auto; padding-top: 12px; }
.et-sec__wire[hidden] { display: none; }
.et-sec__wd + .et-sec__wd { margin-top: 28px; }
.et-sec__wd-h {
    position: sticky; top: calc(var(--sec-top, 0px) + var(--bar-h) + 1px); z-index: 5;
    display: flex; align-items: center; justify-content: space-between;
    padding: 16px 0 11px; background: #fff; border-bottom: 2px solid var(--ink);
    font-size: 12px; font-weight: 800; letter-spacing: 1.3px; text-transform: uppercase; color: var(--ink);
}
.et-sec__wd-h small { font-size: 11px; font-weight: 600; letter-spacing: .3px; text-transform: none; color: var(--ink4); }
.et-sec__wi { display: grid; grid-template-columns: 54px 22px minmax(0, 1fr) 128px; column-gap: 14px; align-items: start; padding: 18px 0; border-bottom: 1px solid var(--line); }
.et-sec__wi time { padding-top: 1px; font-size: 14px; font-weight: 800; color: var(--ink); font-variant-numeric: tabular-nums; letter-spacing: -.2px; }
.et-sec__wi-dot { position: relative; align-self: stretch; }
.et-sec__wi-dot::before { content: ""; position: absolute; left: 50%; top: -18px; bottom: -19px; width: 1px; background: var(--line); }
.et-sec__wi-dot::after { content: ""; position: absolute; left: 50%; top: 5px; width: 9px; height: 9px; margin-left: -4.5px; border-radius: 50%; background: #fff; border: 2px solid var(--ink5); box-sizing: border-box; }
.et-sec__wd ol li:first-child .et-sec__wi-dot::before { top: 8px; }
.et-sec__wd ol li:last-child .et-sec__wi-dot::before { bottom: auto; height: 10px; }
.et-sec__wi.is-fresh time { color: var(--red); }
.et-sec__wi.is-fresh .et-sec__wi-dot::after { border-color: var(--red); background: var(--red); box-shadow: 0 0 0 4px rgba(200, 16, 46, .12); }
.et-sec__wi-k { display: block; margin-bottom: 5px; font-size: 11px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; color: var(--blue); }
.et-sec__wi-t { font-size: 17px; font-weight: 800; line-height: 1.28; letter-spacing: -.25px; color: var(--ink); text-wrap: pretty; }
.et-sec__wi-t:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.et-sec__wi-by { margin-top: 6px; font-size: 12px; color: var(--ink4); }
.et-sec__wi-ph { display: block; width: 128px; aspect-ratio: 16 / 10; border-radius: 3px; overflow: hidden; background: var(--soft); }
.et-sec__wi-ph img { width: 100%; height: 100%; object-fit: cover; }
.et-sec__wi.is-new { animation: et-sec-in .45s cubic-bezier(.2, .7, .2, 1) both; }

/* ───────────────────────── Paginación ───────────────────────── */
.et-sec__pager { display: flex; flex-direction: column; align-items: center; gap: 18px; margin-top: 56px; padding-top: 40px; border-top: 1px solid var(--line); }
.et-sec__more {
    display: inline-flex; align-items: center; gap: 12px; height: 54px; padding: 0 30px;
    border-radius: 4px; background: var(--ink); color: #fff !important;
    font-size: 14px; font-weight: 700; letter-spacing: .1px; transition: background .2s;
}
.et-sec__more:hover { background: var(--blue); }
.et-sec__more svg { transition: transform .3s; }
.et-sec__more:hover svg { transform: translateY(2px); }
.et-sec__more.is-loading { pointer-events: none; background: var(--ink3); }
.et-sec__more.is-loading svg { animation: et-sec-bob .8s ease-in-out infinite alternate; }
@keyframes et-sec-bob { to { transform: translateY(4px); } }
.et-sec__seen { display: flex; flex-direction: column; align-items: center; gap: 9px; }
.et-sec__seen span { font-size: 12px; font-weight: 600; color: var(--ink4); font-variant-numeric: tabular-nums; }
.et-sec__seen i { position: relative; display: block; width: 220px; height: 2px; background: var(--line); overflow: hidden; }
.et-sec__seen i::after { content: ""; position: absolute; inset: 0 auto 0 0; width: var(--p); background: var(--ink); transition: width .6s cubic-bezier(.2, .7, .2, 1); }
.et-sec__pages { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; }
.et-sec__pages .page-numbers {
    display: inline-flex; align-items: center; justify-content: center; min-width: 32px; height: 32px; padding: 0 6px;
    border-radius: 3px; font-size: 13px; font-weight: 600; color: var(--ink4); font-variant-numeric: tabular-nums;
}
.et-sec__pages a.page-numbers:hover { background: var(--soft); color: var(--ink); }
.et-sec__pages .current { background: var(--ink); color: #fff; }
.et-sec__pages .dots { min-width: 18px; }

/* ───────────────────────── Pie ───────────────────────── */
.et-sec__foot { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 40px; align-items: center; margin-top: 64px; padding-top: 22px; border-top: 2px solid var(--ink); }
.et-sec__others ul { display: flex; flex-wrap: wrap; gap: 8px 22px; margin-top: 12px; }
.et-sec__others a { font-size: 14px; font-weight: 700; color: var(--ink); }
.et-sec__others a:hover { color: var(--blue); }
.et-sec__gpref { display: flex; align-items: center; gap: 14px; padding: 14px 18px; border: 1px solid var(--line); border-radius: 4px; transition: border-color .2s; max-width: 430px; }
.et-sec__gpref:hover { border-color: var(--ink); }
.et-sec__gpref span { font-size: 12px; line-height: 1.4; color: var(--ink4); }
.et-sec__gpref b { display: block; font-size: 13px; font-weight: 800; color: var(--ink); }
.et-sec__gpref > svg:last-child { flex: 0 0 auto; color: var(--ink); transition: transform .25s; }
.et-sec__gpref:hover > svg:last-child { transform: translateX(3px); }
.et-sec__gpref > svg:first-child { flex: 0 0 auto; }

.et-sec__empty { padding: 80px 0; text-align: center; }
.et-sec__empty h2 { font-size: 28px; font-weight: 900; letter-spacing: -.8px; }
.et-sec__empty p { margin-top: 10px; font-size: 16px; color: var(--ink3); }
.et-sec__empty a { color: var(--blue); text-decoration: underline; text-underline-offset: 3px; }

/* ───────────────────────── Tableta ───────────────────────── */
@media (max-width: 1100px) {
    .et-sec__head-grid { grid-template-columns: minmax(0, 1fr) 300px; gap: 44px; }
    .et-sec__it--lead .et-sec__t { font-size: 34px; }
}
@media (max-width: 1024px) {
    .et-sec__front.has-mr .et-sec__open, .et-sec__mr { grid-column: 1 / -1; }
    .et-sec__mr { margin-top: 36px; }
    .et-sec__mr ol { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 32px; }
    .et-sec__mr li:last-child { border-bottom: 1px solid var(--line); }
    .et-sec__river { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ───────────────────────── Móvil ───────────────────────── */
@media (max-width: 760px) {
    .et-sec { --gut: 16px; --bar-h: 48px; padding-bottom: 48px; }
    .et-sec__head-top { padding: 14px 0 11px; }
    .et-sec__crumbs { flex: 1 1 auto; min-width: 0; }
    .et-sec__crumbs ol { flex-wrap: nowrap; overflow: hidden; }
    .et-sec__crumbs li { font-size: 11px; white-space: nowrap; }
    .et-sec__crumbs li:last-child { overflow: hidden; text-overflow: ellipsis; }
    .et-sec__live { font-size: 11px; }
    .et-sec__head-grid { grid-template-columns: minmax(0, 1fr); gap: 22px; padding: 24px 0 22px; }
    .et-sec__h1 { font-size: clamp(40px, 12.5vw, 56px); letter-spacing: -.05em; }
    .et-sec--author .et-sec__h1 { font-size: clamp(34px, 10vw, 46px); }
    .et-sec__intro { margin-top: 14px; }
    .et-sec__intro p { font-size: 16px; }
    .et-sec__chips { margin-top: 20px; }
    .et-sec__subs, .et-sec__topics {
        flex-wrap: nowrap; overflow-x: auto; margin: 0 calc(var(--gut) * -1); padding: 0 var(--gut);
        scrollbar-width: none; -webkit-overflow-scrolling: touch; scroll-snap-type: x proximity;
    }
    .et-sec__subs::-webkit-scrollbar, .et-sec__topics::-webkit-scrollbar { display: none; }
    .et-sec__subs li, .et-sec__topics li { flex: 0 0 auto; scroll-snap-align: start; }
    .et-sec__subs a { padding: 9px 12px; border: 1px solid var(--line); border-radius: 3px; }
    .et-sec__subs a:hover { border-color: var(--blue); }
    .et-sec__topics a { font-size: 13px; white-space: nowrap; }

    .et-sec__pulse { border-left: 0; padding: 18px 0 0; border-top: 1px solid var(--line); display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 20px; align-items: end; }
    .et-sec__pulse > .et-sec__eye { grid-column: 1 / -1; }
    .et-sec__pv { grid-column: 1; flex-direction: column; align-items: flex-start; gap: 4px; margin-top: 12px; }
    .et-sec__pv b { font-size: 44px; }
    .et-sec__pv span { font-size: 12px; }
    .et-sec__ps { grid-column: 1 / -1; grid-row: 4; }
    .et-sec__pc { grid-column: 2; grid-row: 2; margin-top: 0; }

    .et-sec__id--author { grid-template-columns: 84px minmax(0, 1fr); gap: 18px; }
    .et-sec__face img, .et-sec__avatar { width: 84px; height: 84px; }
    .et-sec__face::after { width: 24px; bottom: -8px; }
    .et-sec__role { margin-bottom: 8px; font-size: 11px; }
    .et-sec__who > .et-sec__intro, .et-sec__who > .et-sec__links { margin-left: -102px; }
    .et-sec__facts { padding: 22px 0 0; border-left: 0; border-top: 1px solid var(--line); gap: 24px; }
    .et-sec__facts .et-sec__stats > div, .et-sec__facts .et-sec__stats > div:first-child { padding: 11px 0 10px; }
    .et-sec__facts .et-sec__stats dd { font-size: 20px; }
    .et-sec__stats { flex-wrap: nowrap; }
    .et-sec__stats > div { padding: 0 13px; min-width: 0; }
    .et-sec__stats dt { font-size: 10px; letter-spacing: .8px; white-space: nowrap; }
    .et-sec__stats dd { font-size: 20px; letter-spacing: -.5px; white-space: nowrap; }

    .et-sec__bar-n { display: none; }
    .et-sec__bar.is-stuck .et-sec__bar-name { max-width: 46vw; }
    .et-sec__views button { padding: 0 12px; gap: 6px; font-size: 12.5px; }
    .et-sec__views button svg { width: 14px; height: 14px; }
    .et-sec__top { height: 32px; }
    .et-sec__bar.is-stuck .et-sec__top { width: 32px; flex-basis: 32px; }

    .et-sec__front { display: block; padding-top: 0; }
    .et-sec__it--lead .et-sec__ph { margin: 0 calc(var(--gut) * -1); border-radius: 0; aspect-ratio: 4 / 3; }
    .et-sec__front:not(.has-mr) .et-sec__it--lead { display: block; }
    .et-sec__it--lead .et-sec__tx, .et-sec__front:not(.has-mr) .et-sec__it--lead .et-sec__tx { padding: 16px 0 0; }
    .et-sec__it--lead .et-sec__t, .et-sec__front:not(.has-mr) .et-sec__it--lead .et-sec__t { font-size: 28px; line-height: 1.1; letter-spacing: -.8px; }
    .et-sec__it--lead .et-sec__dek { font-size: 15.5px; margin-top: 10px; }

    /* más leído: carrusel con imán */
    .et-sec__mr { margin-top: 32px; }
    .et-sec__mr ol {
        display: grid; grid-auto-flow: column; grid-auto-columns: 80%; grid-template-columns: none; gap: 10px;
        margin: 14px calc(var(--gut) * -1) 0; padding: 0 var(--gut) 4px; overflow-x: auto;
        scroll-snap-type: x mandatory; scroll-padding: 0 var(--gut); scrollbar-width: none;
    }
    .et-sec__mr ol::-webkit-scrollbar { display: none; }
    .et-sec__mr li, .et-sec__mr li:last-child { scroll-snap-align: start; padding: 14px 14px 13px; border: 1px solid var(--line); border-radius: 4px; grid-template-columns: 40px minmax(0, 1fr); }
    .et-sec__mr-n { font-size: 38px; }
    .et-sec__mr li > a { font-size: 14.5px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

    /* segundas y río: filas con miniatura a la derecha */
    .et-sec__seconds { display: block; margin-top: 24px; padding-top: 0; border-top: 0; }
    .et-sec__river { display: block; padding-top: 0; }
    .et-sec__front + .et-sec__river { margin-top: 32px; }
    .et-sec__front + .et-sec__river::before { display: block; margin: 0; padding-top: 10px; }
    .et-sec__it--second, .et-sec__it--card { display: grid; grid-template-columns: minmax(0, 1fr) 112px; gap: 14px; align-items: start; padding: 16px 0; border-bottom: 1px solid var(--line); }
    .et-sec__it--second .et-sec__ph, .et-sec__it--card .et-sec__ph { order: 2; aspect-ratio: 4 / 3; }
    .et-sec__it--second .et-sec__tx, .et-sec__it--card .et-sec__tx { padding-top: 0; }
    .et-sec__it--second .et-sec__t, .et-sec__it--card .et-sec__t { font-size: 16.5px; line-height: 1.27; letter-spacing: -.2px; }
    .et-sec__it--card .et-sec__dek { display: none; }
    .et-sec__it--card .et-sec__by, .et-sec__it--second .et-sec__by { margin-top: 7px; font-size: 11.5px; }

    .et-sec__it--wide { display: block; padding: 20px 0 22px; }
    .et-sec__river .et-sec__it--wide:not(:first-child) { margin-top: 20px; padding-top: 20px; }
    .et-sec__it--wide .et-sec__ph { margin: 0 calc(var(--gut) * -1); border-radius: 0; }
    .et-sec__it--wide .et-sec__tx { padding-top: 14px; }
    .et-sec__it--wide .et-sec__t { font-size: 24px; letter-spacing: -.6px; }
    .et-sec__it--wide .et-sec__dek { font-size: 15px; }
    .et-sec .et-hads--archive { margin: 20px 0; }

    .et-sec__wi { grid-template-columns: 44px 16px minmax(0, 1fr) 76px; column-gap: 10px; padding: 15px 0; }
    .et-sec__wi time { font-size: 13px; }
    .et-sec__wi-dot::before { top: -15px; bottom: -16px; }
    .et-sec__wi-t { font-size: 15.5px; }
    .et-sec__wi-ph { width: 76px; aspect-ratio: 1; }

    .et-sec__pager { margin-top: 32px; padding-top: 28px; }
    .et-sec__more { width: 100%; justify-content: center; }
    .et-sec__foot { grid-template-columns: minmax(0, 1fr); gap: 24px; margin-top: 44px; }
    .et-sec__gpref { max-width: none; }
}

@media (hover: none) {
    .et-sec__it:hover .et-sec__ph img { transform: none; }
    .et-sec__pc { cursor: default; }
}
@media (prefers-reduced-motion: reduce) {
    .et-sec *, .et-sec *::before, .et-sec *::after { animation: none !important; transition: none !important; }
}
.et-sec__pmark + .et-sec__it--wide, .et-sec__river .et-sec__pmark + .et-sec__it--wide:not(:first-child) { margin-top: 0; padding-top: 0; border-top: 0; }