/*
 * esTenerife — MOBILE
 * Premium editorial design system for phones (≤ 768px).
 *
 * Architecture:
 *   • Mobile-first override of the desktop stylesheet
 *   • Activates exclusively under 769px via media queries
 *   • Adds: bottom nav, side drawer, search overlay, swipeable hero,
 *           horizontal weather strip, mobile article reading mode
 *   • Respects safe-area-inset-* for iPhone notch / home indicator
 *
 * Design language (kept consistent with desktop):
 *   • Inter only (200–900) + JetBrains Mono for tabular data
 *   • Pure white surface, ink scale #0A → #BD
 *   • Color reserved for INFO ONLY (red live, green up, red down)
 *   • Typographic hierarchy via weight contrast (200 ↔ 900) + tracking
 */

/* ═══════════════════════════════════════════════════════════════════
   1. SAFE AREA & ROOT
   ═══════════════════════════════════════════════════════════════════ */
:root {
    --et-mob-topbar-h: 56px;
    --et-mob-catbar-h: 44px;
    --et-mob-bottomnav-h: 64px;
    --et-mob-pad: 18px;
    --et-mob-pad-tight: 14px;
    --et-mob-radius: 0px;

    /* Safe areas */
    --et-sat: env(safe-area-inset-top, 0px);
    --et-sab: env(safe-area-inset-bottom, 0px);
    --et-sal: env(safe-area-inset-left, 0px);
    --et-sar: env(safe-area-inset-right, 0px);

    /* Animation curves */
    --et-ease-spring: cubic-bezier(0.25, 1.5, 0.5, 1);
    --et-ease-out: cubic-bezier(0.4, 0, 0.2, 1);
    --et-ease-in: cubic-bezier(0.4, 0, 1, 1);
    --et-ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);
}

/* ──────────────────────────────────────────────────────────────────
   CRITICAL VISIBILITY TOGGLE — must beat any plugin CSS
   Mobile chrome and desktop sections live side-by-side in the DOM.
   We hide the wrong one based on viewport with high specificity.
   ────────────────────────────────────────────────────────────────── */
html body .et-m       { display: none !important; }
html body .et-d-only  { display: block !important; }

@media (max-width: 768px) {
    html body .et-m       { display: block !important; }
    html body .et-d-only  { display: none  !important; }
}

/* .et-main wrapper — give it explicit defaults so it can't collapse */
.et-main { display: block; min-height: 40vh; }

/* ═══════════════════════════════════════════════════════════════════
   2. MOBILE BASE — kicks in under 768px
   ═══════════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {

/* — Reset desktop containers to fluid, edge-to-edge — */
body {
    overflow-x: hidden;
    /* When drawer or overlay open, lock scroll */
    transition: overflow 0s;
}
body.et-m-locked { overflow: hidden; touch-action: none; }

.et-page,
.et-grid-1440,
.et-container,
.et-page-wrapper {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* Hide desktop chrome on mobile — covers ALL current header.php selectors */
.et-utility,
.et-utility-bar,
.et-masthead,
.et-masthead-issue-strip,
.et-masthead-tagline-rule,
.et-masthead__top,
.et-masthead__main,
.et-masthead-search-row > .et-masthead-search-pill,
.et-masthead-search-row > .et-masthead-controls,
.et-tagline-rule,
.et-nav,
.et-nav-desktop,
.et-breaking-ticker-desktop,
.et-ticker,
.et-rail-left,
.et-rail-right,
.et-article__progress { display: none !important; }

/* ═══════════════════════════════════════════════════════════════════
   3. MOBILE TOPBAR — always visible, sticky
   ═══════════════════════════════════════════════════════════════════ */
.et-m__topbar {
    position: sticky;
    top: 0;
    z-index: 80;
    height: calc(var(--et-mob-topbar-h) + var(--et-sat));
    padding-top: var(--et-sat);
    padding-left: calc(12px + var(--et-sal));
    padding-right: calc(12px + var(--et-sar));
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: saturate(180%) blur(14px);
    -webkit-backdrop-filter: saturate(180%) blur(14px);
    border-bottom: 1px solid #E5E5E5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    transition: transform 0.32s var(--et-ease-out);
}

/* Hide-on-scroll-down behavior */
.et-m__topbar.is-hidden {
    transform: translateY(-100%);
}

.et-m__topbar-btn {
    width: 40px;
    height: 40px;
    background: transparent;
    border: 0;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0A0A0A;
    -webkit-tap-highlight-color: transparent;
    transition: opacity 0.15s, transform 0.15s;
}
.et-m__topbar-btn:active { opacity: 0.5; transform: scale(0.92); }

.et-m__topbar-actions {
    display: flex;
    align-items: center;
    gap: 0;
}

.et-m__wordmark {
    margin: 0;
    font-family: 'Inter', sans-serif;
    color: #0A0A0A;
    font-size: 22px;
    line-height: 1;
    display: flex;
    align-items: baseline;
    text-decoration: none;
    flex: 1;
    justify-content: center;
}
.et-m__wordmark .es { font-weight: 200; letter-spacing: -0.4px; }
.et-m__wordmark .name { font-weight: 900; letter-spacing: -1.2px; }

/* Date & live ribbon - tiny under wordmark when scrolled */
.et-m__topbar-meta {
    position: absolute;
    bottom: 6px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 8.5px;
    font-family: 'JetBrains Mono', monospace;
    font-weight: 600;
    letter-spacing: 1.6px;
    color: #8C8C8C;
    text-transform: uppercase;
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0.25s;
    pointer-events: none;
}

/* Hide meta when topbar is small / scrolled */
.et-m__wordmark { transition: transform 0.3s var(--et-ease-out); }

/* ═══════════════════════════════════════════════════════════════════
   4. MOBILE CATEGORY BAR — sticky horizontal scroll
   ═══════════════════════════════════════════════════════════════════ */
.et-m__catbar {
    position: sticky;
    top: calc(var(--et-mob-topbar-h) + var(--et-sat));
    z-index: 75;
    height: var(--et-mob-catbar-h);
    background: #FFFFFF;
    border-bottom: 1px solid #E5E5E5;
    display: flex;
    align-items: stretch;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
}
.et-m__catbar::-webkit-scrollbar { display: none; }

.et-m__catbar-inner {
    display: flex;
    align-items: stretch;
    padding: 0 calc(8px + var(--et-sal)) 0 calc(8px + var(--et-sal));
    gap: 0;
    min-width: max-content;
}

.et-m__cat {
    padding: 0 14px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: 'Inter', sans-serif;
    font-size: 12.5px;
    font-weight: 500;
    color: #525252;
    letter-spacing: -0.1px;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    white-space: nowrap;
    scroll-snap-align: start;
    transition: color 0.15s;
}
.et-m__cat.is-active {
    color: #0A0A0A;
    font-weight: 700;
    border-bottom-color: #0A0A0A;
}
.et-m__cat-dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #C8102E;
    animation: etPulse 1.5s ease-in-out infinite;
}

/* ═══════════════════════════════════════════════════════════════════
   5. SIDE DRAWER — slide from left
   ═══════════════════════════════════════════════════════════════════ */
.et-m__drawer-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(10, 10, 10, 0);
    z-index: 90;
    pointer-events: none;
    transition: background 0.32s var(--et-ease-smooth);
}
.et-m__drawer-backdrop.is-open {
    pointer-events: auto;
    background: rgba(10, 10, 10, 0.55);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

.et-m__drawer {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 86%;
    max-width: 360px;
    background: #FFFFFF;
    z-index: 100;
    transform: translateX(-100%);
    transition: transform 0.36s var(--et-ease-spring);
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    padding-top: var(--et-sat);
    padding-bottom: var(--et-sab);
    padding-left: var(--et-sal);
    box-shadow: 4px 0 32px rgba(0,0,0,0);
}
.et-m__drawer.is-open {
    transform: translateX(0);
    box-shadow: 4px 0 32px rgba(0,0,0,0.12);
}

.et-m__drawer-head {
    padding: 24px 24px 32px;
    border-bottom: 2px solid #0A0A0A;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}
.et-m__drawer-brand {
    flex: 1;
    min-width: 0;
}
.et-m__drawer-wordmark {
    margin: 0;
    font-family: 'Inter', sans-serif;
    color: #0A0A0A;
    font-size: 44px;
    line-height: 0.95;
    display: flex;
    align-items: baseline;
}
.et-m__drawer-wordmark .es { font-weight: 200; letter-spacing: -0.6px; }
.et-m__drawer-wordmark .name { font-weight: 900; letter-spacing: -2.4px; }
.et-m__drawer-tagline {
    margin: 12px 0 0;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 2.4px;
    color: #525252;
    text-transform: uppercase;
}
.et-m__drawer-issue {
    margin-top: 10px;
    font-size: 9.5px;
    font-family: 'JetBrains Mono', monospace;
    font-weight: 600;
    letter-spacing: 1.4px;
    color: #8C8C8C;
    text-transform: uppercase;
}
.et-m__drawer-close {
    width: 36px;
    height: 36px;
    background: transparent;
    border: 1px solid #E5E5E5;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0A0A0A;
    flex-shrink: 0;
    -webkit-tap-highlight-color: transparent;
    transition: border-color 0.15s;
}
.et-m__drawer-close:active { border-color: #0A0A0A; }

.et-m__drawer-section {
    padding: 22px 24px;
    border-bottom: 1px solid #E5E5E5;
}
.et-m__drawer-section:last-child { border-bottom: 0; }

.et-m__drawer-kicker {
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: 2.4px;
    color: #8C8C8C;
    text-transform: uppercase;
    display: block;
    margin-bottom: 16px;
    font-family: 'Inter', sans-serif;
}

.et-m__drawer-cat {
    display: flex;
    align-items: baseline;
    gap: 12px;
    padding: 13px 0;
    text-decoration: none;
    color: #0A0A0A;
    border-bottom: 1px solid #F0F0EE;
    transition: padding-left 0.2s var(--et-ease-spring);
}
.et-m__drawer-cat:last-child { border-bottom: 0; }
.et-m__drawer-cat:active { padding-left: 6px; }
.et-m__drawer-cat-num {
    font-family: 'JetBrains Mono', monospace;
    font-size: 10px;
    color: #BDBDBD;
    font-weight: 500;
    letter-spacing: 0.5px;
    min-width: 22px;
}
.et-m__drawer-cat-name {
    flex: 1;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: -0.4px;
    line-height: 1.2;
}
.et-m__drawer-cat-count {
    font-family: 'JetBrains Mono', monospace;
    font-size: 10.5px;
    color: #8C8C8C;
    font-weight: 500;
}
.et-m__drawer-cat-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #C8102E;
    margin-left: 6px;
    animation: etPulse 1.5s ease-in-out infinite;
}

.et-m__drawer-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-top: 4px;
}
.et-m__drawer-btn {
    padding: 14px 16px;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    color: #0A0A0A;
    font-family: 'Inter', sans-serif;
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    transition: all 0.15s;
    -webkit-tap-highlight-color: transparent;
}
.et-m__drawer-btn:active {
    background: #0A0A0A;
    color: #FFFFFF;
    border-color: #0A0A0A;
}
.et-m__drawer-btn.is-primary {
    background: #0A0A0A;
    color: #FFFFFF;
    border-color: #0A0A0A;
}

.et-m__drawer-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.et-m__drawer-link {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 0;
    color: #525252;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
}
.et-m__drawer-link svg { color: #8C8C8C; }

/* ═══════════════════════════════════════════════════════════════════
   6. SEARCH OVERLAY — full-screen
   ═══════════════════════════════════════════════════════════════════ */
.et-m__search {
    position: fixed;
    inset: 0;
    background: #FFFFFF;
    z-index: 110;
    transform: translateY(8px);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.22s var(--et-ease-out), transform 0.28s var(--et-ease-spring);
    padding-top: var(--et-sat);
    padding-bottom: var(--et-sab);
    overflow-y: auto;
}
.et-m__search.is-open {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
}

.et-m__search-bar {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 18px;
    border-bottom: 1px solid #E5E5E5;
}
.et-m__search-input {
    flex: 1;
    font-family: 'Inter', sans-serif;
    font-size: 22px;
    font-weight: 600;
    color: #0A0A0A;
    letter-spacing: -0.6px;
    border: 0;
    outline: none;
    background: transparent;
    padding: 0;
    -webkit-appearance: none;
}
.et-m__search-input::placeholder { color: #BDBDBD; font-weight: 400; }
.et-m__search-cancel {
    background: transparent;
    border: 0;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #525252;
    cursor: pointer;
    padding: 6px 4px;
    -webkit-tap-highlight-color: transparent;
}

.et-m__search-section {
    padding: 22px 18px 8px;
}
.et-m__search-section h4 {
    margin: 0 0 14px;
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: 2.4px;
    color: #8C8C8C;
    text-transform: uppercase;
}

.et-m__search-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.et-m__search-chip {
    padding: 8px 14px;
    border: 1px solid #E5E5E5;
    background: #FFFFFF;
    font-size: 13px;
    font-weight: 500;
    color: #1F1F1F;
    border-radius: 99px;
    cursor: pointer;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    transition: all 0.15s;
}
.et-m__search-chip:active {
    background: #0A0A0A;
    color: #FFFFFF;
    border-color: #0A0A0A;
}

.et-m__search-recent { padding: 0 18px; }
.et-m__search-recent-row {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 0;
    border-bottom: 1px solid #F0F0EE;
    color: #1F1F1F;
    font-size: 14.5px;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
}
.et-m__search-recent-row svg { color: #BDBDBD; flex-shrink: 0; }
.et-m__search-recent-row span { flex: 1; }

/* ═══════════════════════════════════════════════════════════════════
   7. BOTTOM NAV — fixed, safe-area aware
   ═══════════════════════════════════════════════════════════════════ */
.et-m__bottomnav {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 70;
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: saturate(180%) blur(14px);
    -webkit-backdrop-filter: saturate(180%) blur(14px);
    border-top: 1px solid #E5E5E5;
    padding-bottom: var(--et-sab);
    padding-left: var(--et-sal);
    padding-right: var(--et-sar);
    height: calc(var(--et-mob-bottomnav-h) + var(--et-sab));
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}

.et-m__nav-tab {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 8px 4px 6px;
    border: 0;
    background: transparent;
    cursor: pointer;
    text-decoration: none;
    color: #8C8C8C;
    transition: color 0.15s;
    -webkit-tap-highlight-color: transparent;
    position: relative;
}
.et-m__nav-tab.is-active { color: #0A0A0A; }
.et-m__nav-tab.is-active::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 24px;
    height: 2px;
    background: #0A0A0A;
}
.et-m__nav-tab:active svg { transform: scale(0.92); }
.et-m__nav-icon {
    width: 22px;
    height: 22px;
    transition: transform 0.15s;
    position: relative;
}
.et-m__nav-icon-dot {
    position: absolute;
    top: -2px;
    right: -2px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #C8102E;
    border: 2px solid #FFFFFF;
    animation: etPulse 1.5s infinite;
}
.et-m__nav-label {
    font-family: 'Inter', sans-serif;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.1px;
    line-height: 1;
}

/* Push the page content above the bottom nav */
.et-m-page-pad-bottom { padding-bottom: calc(var(--et-mob-bottomnav-h) + var(--et-sab) + 24px); }

/* ═══════════════════════════════════════════════════════════════════
   8. PULL-TO-REFRESH INDICATOR
   ═══════════════════════════════════════════════════════════════════ */
.et-m__ptr {
    position: fixed;
    top: calc(var(--et-mob-topbar-h) + var(--et-sat) + 8px);
    left: 50%;
    transform: translate(-50%, -32px) scale(0.7);
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    box-shadow: 0 4px 16px rgba(0,0,0,0.08);
    z-index: 75;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.2s, transform 0.2s var(--et-ease-spring);
    pointer-events: none;
}
.et-m__ptr.is-visible {
    opacity: 1;
    transform: translate(-50%, 0) scale(1);
}
.et-m__ptr.is-loading svg { animation: etSpin 0.8s linear infinite; }
@keyframes etSpin { to { transform: rotate(360deg); } }

/* ═══════════════════════════════════════════════════════════════════
   9. MOBILE HOMEPAGE — content layout
   ═══════════════════════════════════════════════════════════════════ */

/* Edition strip — minimal date + issue number under topbar */
.et-m__edition {
    padding: 16px var(--et-mob-pad) 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    border-bottom: 1px solid #F0F0EE;
}
.et-m__edition-date {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.6px;
    color: #525252;
    text-transform: uppercase;
    text-align: left;
    line-height: 1.4;
}
.et-m__edition-date strong {
    display: block;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: -0.4px;
    color: #0A0A0A;
    text-transform: none;
    margin-bottom: 2px;
}
.et-m__edition-temp {
    text-align: right;
    line-height: 1;
}
.et-m__edition-temp .deg {
    font-family: 'Inter', sans-serif;
    font-weight: 200;
    font-size: 32px;
    color: #0A0A0A;
    letter-spacing: -1.5px;
}
.et-m__edition-temp .place {
    font-size: 9.5px;
    font-weight: 600;
    letter-spacing: 1.4px;
    color: #525252;
    text-transform: uppercase;
}

/* Live ticker — slim red bar */
.et-m__ticker {
    display: flex;
    align-items: center;
    height: 38px;
    background: #FFFFFF;
    border-bottom: 1px solid #E5E5E5;
    overflow: hidden;
    position: relative;
}
.et-m__ticker-label {
    background: #0A0A0A;
    color: #FFFFFF;
    font-size: 9.5px;
    font-weight: 800;
    letter-spacing: 1.8px;
    padding: 0 12px;
    height: 100%;
    display: flex;
    align-items: center;
    gap: 7px;
    flex-shrink: 0;
}
.et-m__ticker-label-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #C8102E;
    animation: etPulse 1.5s infinite;
}
.et-m__ticker-content {
    flex: 1;
    overflow: hidden;
    position: relative;
    height: 100%;
}
.et-m__ticker-track {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    padding-left: 14px;
    font-size: 12.5px;
    font-weight: 500;
    color: #0A0A0A;
    white-space: nowrap;
    transition: opacity 0.32s;
}

/* — Hero — full-bleed cinematic — */
.et-m__hero {
    position: relative;
    margin: 0 0 20px;
    background: #0A0A0A;
}
.et-m__hero-photo {
    width: 100%;
    aspect-ratio: 4/5;
    background: linear-gradient(170deg, #0A0A0A 0%, #1F1F1F 38%, #3A3A3A 72%, #5A5A5A 100%);
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
}
.et-m__hero-photo::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse at 30% 25%, rgba(255,255,255,0.08) 0%, transparent 50%),
        linear-gradient(to top, rgba(0,0,0,0.78) 0%, rgba(0,0,0,0.05) 50%, rgba(0,0,0,0.0) 100%);
    pointer-events: none;
}
.et-m__hero-eyebrow {
    position: absolute;
    top: 18px;
    left: 18px;
    display: flex;
    align-items: center;
    gap: 9px;
    z-index: 2;
}
.et-m__hero-cat {
    background: rgba(0,0,0,0.55);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    color: #FFFFFF;
    font-size: 9.5px;
    font-weight: 800;
    letter-spacing: 2px;
    padding: 5px 10px;
    text-transform: uppercase;
}
.et-m__hero-badge {
    background: #FFFFFF;
    color: #0A0A0A;
    font-size: 9.5px;
    font-weight: 900;
    letter-spacing: 1.8px;
    padding: 5px 9px;
    text-transform: uppercase;
}
.et-m__hero-text {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px 22px 28px;
    color: #FFFFFF;
    z-index: 2;
}
.et-m__hero-headline {
    margin: 0 0 12px;
    font-family: 'Inter', sans-serif;
    font-weight: 800;
    font-size: 32px;
    line-height: 1.04;
    letter-spacing: -1.4px;
    color: #FFFFFF;
}
.et-m__hero-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    color: rgba(255,255,255,0.78);
    font-weight: 500;
}
.et-m__hero-meta strong { color: #FFFFFF; font-weight: 600; }
.et-m__hero-meta-dot {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: rgba(255,255,255,0.5);
}

/* Caption strip below hero */
.et-m__hero-credit {
    padding: 10px var(--et-mob-pad) 14px;
    font-size: 11px;
    color: #525252;
    line-height: 1.5;
    border-bottom: 1px solid #F0F0EE;
    font-style: italic;
}

/* ═══════════════════════════════════════════════════════════════════
   10. SECTION DIVIDERS — Newspaper-style numbered headers
   ═══════════════════════════════════════════════════════════════════ */
.et-m__section-head {
    padding: 36px var(--et-mob-pad) 18px;
    margin: 0;
}
.et-m__section-kicker-row {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}
.et-m__section-num {
    font-family: 'JetBrains Mono', monospace;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 2px;
    color: #525252;
}
.et-m__section-rule {
    flex: 1;
    height: 1px;
    background: #D4D4D4;
}
.et-m__section-sub {
    font-size: 10.5px;
    color: #525252;
    letter-spacing: 0.1px;
    font-weight: 500;
    font-style: italic;
}
.et-m__section-title {
    margin: 0 0 14px;
    font-family: 'Inter', sans-serif;
    font-weight: 800;
    font-size: 32px;
    color: #0A0A0A;
    letter-spacing: -1.4px;
    line-height: 1;
}
.et-m__section-bar {
    height: 2px;
    background: #0A0A0A;
}

/* ═══════════════════════════════════════════════════════════════════
   11. NEWS CARDS — varied layouts
   ═══════════════════════════════════════════════════════════════════ */

.et-m__list { padding: 0; }

/* Card variant: lead — full-width photo + text below */
.et-m__card-lead {
    padding: 22px var(--et-mob-pad);
    border-bottom: 1px solid #F0F0EE;
    text-decoration: none;
    color: inherit;
    display: block;
}
.et-m__card-lead-photo {
    width: 100%;
    aspect-ratio: 16/9;
    background: linear-gradient(135deg, #171717 0%, #2D2D2D 50%, #454545 100%);
    background-size: cover;
    background-position: center;
    margin-bottom: 16px;
}
.et-m__card-cat {
    display: inline-block;
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: 1.8px;
    color: #0A0A0A;
    text-transform: uppercase;
    margin-bottom: 8px;
}
.et-m__card-title {
    margin: 0 0 8px;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 1.18;
    letter-spacing: -0.7px;
    color: #0A0A0A;
}
.et-m__card-summary {
    margin: 0 0 12px;
    font-size: 14.5px;
    color: #525252;
    line-height: 1.5;
    font-weight: 400;
}
.et-m__card-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 11.5px;
    color: #8C8C8C;
    font-family: 'Inter', sans-serif;
    font-variant-numeric: tabular-nums;
}
.et-m__card-meta strong {
    color: #1F1F1F;
    font-weight: 600;
}
.et-m__card-meta-dot {
    width: 2.5px;
    height: 2.5px;
    border-radius: 50%;
    background: #BDBDBD;
}

/* Card variant: row — small thumb left/right */
.et-m__card-row {
    padding: 18px var(--et-mob-pad);
    border-bottom: 1px solid #F0F0EE;
    display: grid;
    grid-template-columns: 1fr 96px;
    gap: 14px;
    align-items: flex-start;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    transition: background 0.15s;
    -webkit-tap-highlight-color: transparent;
}
.et-m__card-row:active { background: #FAFAFA; }
.et-m__card-row-text { min-width: 0; }
.et-m__card-row-thumb {
    width: 96px;
    aspect-ratio: 1;
    background: linear-gradient(135deg, #1A1A1A 0%, #2A2A2A 40%, #404040 100%);
    background-size: cover;
    background-position: center;
}
.et-m__card-row-title {
    margin: 0 0 6px;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.25;
    letter-spacing: -0.4px;
    color: #0A0A0A;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Card variant: text-only (rapid feed) */
.et-m__card-text {
    padding: 14px var(--et-mob-pad);
    border-bottom: 1px solid #F0F0EE;
    text-decoration: none;
    color: inherit;
    display: flex;
    align-items: flex-start;
    gap: 12px;
}
.et-m__card-text-num {
    font-family: 'Inter', sans-serif;
    font-size: 28px;
    font-weight: 200;
    color: #BDBDBD;
    line-height: 0.9;
    letter-spacing: -1.5px;
    min-width: 28px;
    font-variant-numeric: tabular-nums;
}
.et-m__card-text-body { flex: 1; min-width: 0; }
.et-m__card-text-cat {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.6px;
    color: #525252;
    text-transform: uppercase;
    margin-bottom: 4px;
}
.et-m__card-text-title {
    margin: 0 0 6px;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 15.5px;
    line-height: 1.3;
    letter-spacing: -0.3px;
    color: #0A0A0A;
}

/* ═══════════════════════════════════════════════════════════════════
   12. QUOTE CARD — typographic premium
   ═══════════════════════════════════════════════════════════════════ */
.et-m__quote {
    margin: 32px 0;
    padding: 32px var(--et-mob-pad);
    background: #FAFAFA;
    border-top: 1px solid #0A0A0A;
    border-bottom: 1px solid #0A0A0A;
}
.et-m__quote-kicker {
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: 2.6px;
    color: #525252;
    text-transform: uppercase;
    margin-bottom: 16px;
    display: block;
}
.et-m__quote-text {
    margin: 0 0 22px;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.28;
    letter-spacing: -0.7px;
    color: #0A0A0A;
}
.et-m__quote-author {
    display: flex;
    align-items: center;
    gap: 14px;
    padding-top: 16px;
    border-top: 1px solid #E5E5E5;
}
.et-m__quote-avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #1F1F1F;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
    flex-shrink: 0;
    background-size: cover;
    background-position: center;
}
.et-m__quote-author-info { flex: 1; min-width: 0; }
.et-m__quote-author-name {
    font-size: 13.5px;
    font-weight: 700;
    color: #0A0A0A;
    letter-spacing: -0.2px;
    line-height: 1.2;
}
.et-m__quote-author-role {
    font-size: 11px;
    color: #525252;
    margin-top: 2px;
    line-height: 1.3;
}

/* ═══════════════════════════════════════════════════════════════════
   13. WIDGETS — Weather, Seismic, Markets
   ═══════════════════════════════════════════════════════════════════ */

/* Weather strip — horizontal scroll snap */
.et-m__weather {
    margin-bottom: 24px;
}
.et-m__weather-strip {
    display: flex;
    gap: 0;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    padding-left: var(--et-mob-pad);
    padding-right: var(--et-mob-pad);
}
.et-m__weather-strip::-webkit-scrollbar { display: none; }
.et-m__weather-card {
    min-width: 130px;
    padding: 22px 18px 24px;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-right: 0;
    text-align: center;
    scroll-snap-align: start;
    flex-shrink: 0;
}
.et-m__weather-card:last-child { border-right: 1px solid #E5E5E5; }
.et-m__weather-card.is-active {
    background: #FAFAFA;
}
.et-m__weather-isle {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.4px;
    color: #525252;
    text-transform: uppercase;
    margin-bottom: 14px;
}
.et-m__weather-temp {
    font-family: 'Inter', sans-serif;
    font-weight: 200;
    font-size: 42px;
    color: #0A0A0A;
    line-height: 1;
    letter-spacing: -2.5px;
}
.et-m__weather-temp sup {
    font-size: 18px;
    font-weight: 400;
    color: #8C8C8C;
    margin-left: 1px;
    top: -16px;
    position: relative;
}
.et-m__weather-range {
    margin-top: 12px;
    font-size: 10.5px;
    color: #8C8C8C;
    font-family: 'JetBrains Mono', monospace;
    font-weight: 500;
    letter-spacing: 0.5px;
}
.et-m__weather-icon {
    margin: 6px auto 0;
    width: 22px;
    height: 22px;
    color: #525252;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Seismic widget — list */
.et-m__seismic {
    margin: 0 var(--et-mob-pad) 24px;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
}
.et-m__seismic-head {
    padding: 14px 18px;
    border-bottom: 1px solid #E5E5E5;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
}
.et-m__seismic-head h4 {
    margin: 0;
    font-weight: 800;
    font-size: 16px;
    color: #0A0A0A;
    letter-spacing: -0.5px;
}
.et-m__seismic-head-meta {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.6px;
    color: #C8102E;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.et-m__seismic-head-meta-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #C8102E;
    animation: etPulse 1.5s infinite;
}
.et-m__seismic-row {
    padding: 13px 18px;
    display: grid;
    grid-template-columns: 50px 1fr auto;
    gap: 14px;
    align-items: center;
    border-bottom: 1px solid #F0F0EE;
}
.et-m__seismic-row:last-child { border-bottom: 0; }
.et-m__seismic-mag {
    background: #FAFAFA;
    border: 1px solid #E5E5E5;
    padding: 8px;
    text-align: center;
    line-height: 1;
}
.et-m__seismic-mag.is-strong {
    background: #0A0A0A;
    color: #FFFFFF;
    border-color: #0A0A0A;
}
.et-m__seismic-mag-val {
    font-family: 'Inter', sans-serif;
    font-weight: 800;
    font-size: 17px;
    letter-spacing: -0.4px;
    font-variant-numeric: tabular-nums;
}
.et-m__seismic-mag-label {
    font-size: 7.5px;
    font-weight: 600;
    letter-spacing: 0.8px;
    margin-top: 3px;
    opacity: 0.7;
}
.et-m__seismic-place {
    font-size: 14px;
    font-weight: 600;
    color: #0A0A0A;
    letter-spacing: -0.2px;
    line-height: 1.25;
}
.et-m__seismic-place small {
    display: block;
    font-size: 11px;
    color: #8C8C8C;
    font-weight: 500;
    margin-top: 2px;
    font-family: 'JetBrains Mono', monospace;
    letter-spacing: 0.3px;
}
.et-m__seismic-time {
    font-size: 11.5px;
    color: #525252;
    font-family: 'JetBrains Mono', monospace;
    font-weight: 600;
    letter-spacing: 0.5px;
}
.et-m__seismic-live-flag {
    font-size: 8.5px;
    font-weight: 800;
    letter-spacing: 1.4px;
    color: #C8102E;
    border: 1px solid #C8102E;
    padding: 3px 6px;
}

/* Markets widget — single hero card */
.et-m__market {
    margin: 0 var(--et-mob-pad) 24px;
    padding: 24px 22px;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
}
.et-m__market-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}
.et-m__market-name {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.6px;
    color: #525252;
    text-transform: uppercase;
}
.et-m__market-val {
    margin-top: 8px;
    font-family: 'Inter', sans-serif;
    font-weight: 800;
    font-size: 36px;
    color: #0A0A0A;
    letter-spacing: -1.5px;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}
.et-m__market-change {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 700;
    color: #15803D;
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.3px;
}
.et-m__market-change.is-down { color: #C8102E; }
.et-m__market-change svg { width: 14px; height: 14px; }
.et-m__market-spark {
    flex: 1;
    align-self: stretch;
    min-height: 80px;
    margin-top: 4px;
}
.et-m__market-spark svg {
    width: 100%;
    height: 100%;
    display: block;
}

/* ═══════════════════════════════════════════════════════════════════
   14. NEWSLETTER MOBILE
   ═══════════════════════════════════════════════════════════════════ */
.et-m__newsletter {
    margin-top: 32px;
    padding: 44px var(--et-mob-pad) 48px;
    background: #0A0A0A;
    color: #FFFFFF;
}
.et-m__newsletter-kicker {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2.4px;
    color: #A8A8A8;
    text-transform: uppercase;
}
.et-m__newsletter-title {
    margin: 16px 0 12px;
    font-family: 'Inter', sans-serif;
    font-weight: 800;
    font-size: 28px;
    color: #FFFFFF;
    line-height: 1.05;
    letter-spacing: -1.2px;
}
.et-m__newsletter-body {
    margin: 0 0 20px;
    font-size: 14px;
    color: #A8A8A8;
    line-height: 1.55;
}
.et-m__newsletter-form {
    display: flex;
    background: #FFFFFF;
    padding: 5px;
    margin-bottom: 14px;
}
.et-m__newsletter-input {
    flex: 1;
    padding: 11px 14px;
    background: transparent;
    border: 0;
    outline: none;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    color: #0A0A0A;
    min-width: 0;
}
.et-m__newsletter-input::placeholder { color: #BDBDBD; }
.et-m__newsletter-btn {
    padding: 0 18px;
    background: #0A0A0A;
    color: #FFFFFF;
    border: 0;
    font-family: 'Inter', sans-serif;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}
.et-m__newsletter-btn:active { background: #1F1F1F; }
.et-m__newsletter-fine {
    font-size: 11px;
    color: #737373;
    line-height: 1.5;
}
.et-m__newsletter-fine a { color: #FFFFFF; text-decoration: underline; text-underline-offset: 2px; }
.et-m__newsletter-success {
    margin-top: 12px;
    padding: 10px 14px;
    background: rgba(21,128,61,0.15);
    border-left: 2px solid #15803D;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 500;
    display: none;
}
.et-m__newsletter-success.is-on { display: block; }

/* ═══════════════════════════════════════════════════════════════════
   15. FOOTER MOBILE — accordion
   ═══════════════════════════════════════════════════════════════════ */
.et-m__footer {
    background: #000000;
    color: #A8A8A8;
    padding: 36px var(--et-mob-pad) 24px;
    padding-bottom: calc(var(--et-mob-bottomnav-h) + var(--et-sab) + 24px);
}
.et-m__footer-brand {
    margin-bottom: 28px;
    padding-bottom: 24px;
    border-bottom: 1px solid #1A1A1A;
}
.et-m__footer-wordmark {
    margin: 0;
    font-size: 36px;
    line-height: 1;
    display: flex;
    align-items: baseline;
    color: #FFFFFF;
}
.et-m__footer-wordmark .es { font-weight: 200; letter-spacing: -0.4px; }
.et-m__footer-wordmark .name { font-weight: 900; letter-spacing: -2px; }
.et-m__footer-tagline {
    margin: 12px 0 0;
    font-size: 11.5px;
    color: #A8A8A8;
    line-height: 1.6;
}
.et-m__footer-social {
    display: flex;
    gap: 8px;
    margin-top: 18px;
}
.et-m__footer-social a {
    width: 38px;
    height: 38px;
    border: 1px solid #262626;
    color: #737373;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}
.et-m__footer-acc {
    border-bottom: 1px solid #1A1A1A;
}
.et-m__footer-acc-trigger {
    width: 100%;
    background: transparent;
    border: 0;
    padding: 16px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #FFFFFF;
    font-family: 'Inter', sans-serif;
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: 2.2px;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}
.et-m__footer-acc-trigger svg {
    width: 14px;
    height: 14px;
    color: #525252;
    transition: transform 0.25s var(--et-ease-spring);
}
.et-m__footer-acc.is-open .et-m__footer-acc-trigger svg { transform: rotate(45deg); }
.et-m__footer-acc-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.32s var(--et-ease-out);
}
.et-m__footer-acc.is-open .et-m__footer-acc-content {
    max-height: 600px;
}
.et-m__footer-acc-content ul {
    list-style: none;
    margin: 0;
    padding: 0 0 16px;
}
.et-m__footer-acc-content li { margin-bottom: 12px; }
.et-m__footer-acc-content a {
    color: #A8A8A8;
    font-size: 13px;
    text-decoration: none;
}
.et-m__footer-bottom {
    margin-top: 28px;
    padding-top: 20px;
    border-top: 1px solid #1A1A1A;
    font-size: 10.5px;
    color: #525252;
    line-height: 1.6;
    text-align: center;
}
.et-m__footer-bottom .ver {
    display: block;
    margin-top: 4px;
    font-family: 'JetBrains Mono', monospace;
    font-weight: 500;
}

/* ═══════════════════════════════════════════════════════════════════
   16. ARTICLE MOBILE — premium reading mode
   ═══════════════════════════════════════════════════════════════════ */
.et-m__art {
    padding-bottom: calc(80px + var(--et-sab));
}
.et-m__art-progress {
    position: fixed;
    top: calc(var(--et-mob-topbar-h) + var(--et-sat));
    left: 0;
    right: 0;
    height: 2px;
    background: transparent;
    z-index: 78;
    pointer-events: none;
}
.et-m__art-progress-fill {
    height: 100%;
    width: 0%;
    background: #C8102E;
    transition: width 0.1s linear;
}

.et-m__art-breadcrumb {
    padding: 18px var(--et-mob-pad) 16px;
    font-size: 11px;
    color: #525252;
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 500;
    letter-spacing: 0.2px;
}
.et-m__art-breadcrumb a { color: #525252; text-decoration: none; }
.et-m__art-breadcrumb strong { color: #0A0A0A; font-weight: 600; }

/* ═══ Atribución de patrocinio (reemplaza al breadcrumb cuando hay sponsor) ═══ */
.et-m__art-sponsorship {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 14px var(--et-mob-pad) 14px;
    font-family: 'Inter', sans-serif;
}
.et-m__art-sponsorship-rule {
    flex: 1;
    height: 1px;
    background: linear-gradient(to right, transparent, #D4D2CB, transparent);
    min-width: 12px;
    max-width: 60px;
}
.et-m__art-sponsorship-inner {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    text-decoration: none;
    color: #0A0A0A;
    flex-shrink: 0;
    transition: opacity 0.2s;
}
a.et-m__art-sponsorship-inner:hover { opacity: 0.7; }
.et-m__art-sponsorship-intro {
    font-size: 9px;
    font-weight: 700;
    color: #8A8987;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    line-height: 1;
}
.et-m__art-sponsorship-brand {
    font-size: 14px;
    font-weight: 700;
    color: #0A0A0A;
    letter-spacing: -0.3px;
    line-height: 1;
}
.et-m__art-sponsorship-logo {
    height: 20px;
    width: auto;
    max-width: 110px;
    object-fit: contain;
    display: block;
}
.et-m__art-breadcrumb svg { color: #BDBDBD; flex-shrink: 0; }

.et-m__art-eyebrows {
    padding: 0 var(--et-mob-pad) 18px;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.et-m__art-cat {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2px;
    color: #0A0A0A;
    text-transform: uppercase;
}
.et-m__art-eyebrow-rule { width: 1px; height: 11px; background: #E5E5E5; }
.et-m__art-subcat {
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: 1.6px;
    color: #525252;
    text-transform: uppercase;
}
.et-m__art-badge {
    background: #0A0A0A;
    color: #FFFFFF;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.6px;
    padding: 4px 8px;
    text-transform: uppercase;
}

.et-m__art-headline {
    margin: 0 var(--et-mob-pad) 16px;
    font-family: 'Inter', sans-serif;
    font-weight: 800;
    font-size: 34px;
    line-height: 1.04;
    letter-spacing: -1.6px;
    color: #0A0A0A;
}
.et-m__art-subhead {
    margin: 0 var(--et-mob-pad) 24px;
    font-family: 'Inter', sans-serif;
    font-size: 17px;
    line-height: 1.45;
    color: #1F1F1F;
    font-weight: 400;
    letter-spacing: -0.3px;
}

.et-m__art-byline {
    margin: 0 var(--et-mob-pad);
    padding: 16px 0;
    border-top: 1px solid #E5E3DD;
    border-bottom: 1px solid #E5E3DD;
    display: flex;
    align-items: center;
    gap: 12px;
}
.et-m__art-avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0A0A0A 0%, #33519F 100%);
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
    flex-shrink: 0;
    background-size: cover;
    background-position: center;
    box-shadow: 0 1px 3px rgba(10,10,10,0.08);
}
.et-m__art-author { flex: 1; min-width: 0; }
.et-m__art-author-name {
    font-size: 14px;
    font-weight: 700;
    color: #0A0A0A;
    letter-spacing: -0.2px;
    line-height: 1.2;
}
.et-m__art-author-role {
    margin-top: 2px;
    font-size: 11.5px;
    color: #33519F;
    font-weight: 500;
    letter-spacing: -0.1px;
    line-height: 1.35;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.et-m__art-author-date {
    margin-top: 4px;
    font-size: 11px;
    color: #8A8987;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.1px;
    line-height: 1.2;
    font-weight: 500;
}
.et-m__art-author-dot {
    margin: 0 6px;
    opacity: 0.5;
    font-weight: 400;
}
/* Old (kept for backward compat) */
.et-m__art-author-meta {
    margin-top: 3px;
    font-size: 11px;
    color: #525252;
    font-variant-numeric: tabular-nums;
}

/* Tools premium — iconos compactos al lado del autor */
.et-m__art-tools {
    display: flex;
    gap: 4px;
    flex-shrink: 0;
    align-self: center;
}
.et-m__art-tool {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    border: 1px solid #E5E3DD;
    background: #fff;
    color: #0A0A0A;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.15s;
    padding: 0;
}
.et-m__art-tool svg { width: 15px; height: 15px; }
.et-m__art-tool:hover, .et-m__art-tool:active {
    background: #FAFAF7;
    border-color: #0A0A0A;
    transform: translateY(-1px);
}
.et-m__art-tool.is-active {
    background: #0A0A0A;
    color: #fff;
    border-color: #0A0A0A;
}

.et-m__art-hero {
    margin: 22px 0 0;
}
.et-m__art-hero-photo {
    width: 100%;
    aspect-ratio: 4/3;
    background: linear-gradient(160deg, #0A0A0A 0%, #1F1F1F 38%, #3A3A3A 72%, #5A5A5A 100%);
    background-size: cover;
    background-position: center;
}
.et-m__art-hero-credit {
    padding: 10px var(--et-mob-pad) 0;
    font-size: 11px;
    color: #525252;
    line-height: 1.5;
    font-style: italic;
}

.et-m__art-keyfacts {
    margin: 32px var(--et-mob-pad) 8px;
    padding: 22px 22px;
    background: #FAFAFA;
    border: 1px solid #E5E5E5;
}
.et-m__art-keyfacts-kicker {
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: 2.6px;
    color: #525252;
    text-transform: uppercase;
    margin-bottom: 16px;
    display: block;
}
.et-m__art-keyfact {
    padding: 11px 0;
    display: flex;
    gap: 14px;
    align-items: flex-start;
    border-bottom: 1px solid #E5E5E5;
}
.et-m__art-keyfact:last-child { border-bottom: 0; padding-bottom: 0; }
.et-m__art-keyfact-num {
    font-family: 'JetBrains Mono', monospace;
    font-size: 10.5px;
    color: #525252;
    font-weight: 600;
    letter-spacing: 0.5px;
    min-width: 22px;
    padding-top: 2px;
}
.et-m__art-keyfact-text {
    font-size: 14.5px;
    color: #0A0A0A;
    line-height: 1.5;
    font-weight: 500;
    letter-spacing: -0.2px;
}

.et-m__art-body {
    padding: 32px var(--et-mob-pad) 0;
}
.et-m__art-body p {
    margin: 0 0 22px;
    font-family: 'Inter', sans-serif;
    font-size: 17px;
    line-height: 1.65;
    color: #1F1F1F;
    font-weight: 400;
    letter-spacing: -0.15px;
}
.et-m__art-body p.lead {
    font-size: 19px;
    line-height: 1.55;
}
.et-m__art-body h2 {
    margin: 36px 0 16px;
    font-family: 'Inter', sans-serif;
    font-weight: 800;
    font-size: 24px;
    line-height: 1.15;
    color: #0A0A0A;
    letter-spacing: -0.8px;
}
.et-m__art-body h3 {
    margin: 28px 0 14px;
    font-family: 'Inter', sans-serif;
    font-weight: 800;
    font-size: 19px;
    line-height: 1.2;
    color: #0A0A0A;
    letter-spacing: -0.5px;
}
.et-m__art-body a {
    color: #0A0A0A;
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
    font-weight: 500;
}
.et-m__art-body strong { font-weight: 700; color: #0A0A0A; }
.et-m__art-body em { font-style: italic; color: #1F1F1F; }
.et-m__art-body blockquote {
    margin: 32px 0;
    padding: 24px 0;
    border-top: 1px solid #0A0A0A;
    border-bottom: 1px solid #0A0A0A;
    text-align: center;
}
.et-m__art-body blockquote .label,
.et-m__art-body blockquote span.label {
    display: block;
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: 2.6px;
    color: #525252;
    text-transform: uppercase;
    margin-bottom: 14px;
}
.et-m__art-body blockquote p {
    margin: 0 0 14px;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.32;
    color: #0A0A0A;
    letter-spacing: -0.6px;
}
.et-m__art-body blockquote .attr {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    text-align: left;
}
.et-m__art-body blockquote .attr .rule { width: 18px; height: 1px; background: #0A0A0A; }
.et-m__art-body blockquote .attr-name {
    display: block;
    font-size: 12.5px;
    font-weight: 700;
    color: #0A0A0A;
    letter-spacing: -0.2px;
}
.et-m__art-body blockquote .attr-role {
    font-size: 11px;
    color: #525252;
}
.et-m__art-body ul,
.et-m__art-body ol {
    margin: 0 0 22px;
    padding: 0;
    list-style: none;
}
.et-m__art-body ul.et-claves li,
.et-m__art-body ol.et-claves li {
    padding: 12px 0;
    display: flex;
    gap: 12px;
    align-items: flex-start;
    border-bottom: 1px solid #E5E5E5;
}
.et-m__art-body ul.et-claves li:last-child { border-bottom: 0; }
.et-m__art-body ul.et-claves li .rule {
    width: 14px;
    height: 1px;
    background: #0A0A0A;
    margin-top: 12px;
    flex-shrink: 0;
}
.et-m__art-body ul.et-claves li p {
    margin: 0;
    font-size: 15px;
    line-height: 1.55;
    color: #1F1F1F;
}
.et-m__art-body figure {
    margin: 28px 0;
}
.et-m__art-body figcaption {
    margin-top: 10px;
    padding-left: 14px;
    border-left: 2px solid #0A0A0A;
    font-size: 12.5px;
    color: #525252;
    line-height: 1.5;
}
.et-m__art-body span.et-endmark,
.et-m__art-body .et-endmark {
    display: inline-block;
    width: 9px;
    height: 9px;
    background: #0A0A0A;
    margin-left: 4px;
    margin-bottom: -1px;
}

.et-m__art-tags {
    padding: 28px var(--et-mob-pad) 8px;
    margin-top: 24px;
    border-top: 1px solid #E5E3DD;
}
.et-m__art-tags-label {
    display: block;
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 1.8px;
    color: #8A8987;
    margin-bottom: 14px;
    text-transform: uppercase;
}
.et-m__art-tag-row {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}
.et-m__art-tag {
    padding: 8px 14px;
    background: #FAFAF7;
    border: 1px solid #E5E3DD;
    font-family: 'Inter', sans-serif;
    font-size: 12.5px;
    font-weight: 500;
    color: #0A0A0A;
    text-decoration: none;
    border-radius: 7px;
    letter-spacing: -0.1px;
    transition: all 0.15s;
    -webkit-tap-highlight-color: transparent;
}
.et-m__art-tag:hover, .et-m__art-tag:active {
    background: #0A0A0A;
    color: #FFFFFF;
    border-color: #0A0A0A;
    transform: translateY(-1px);
}

/* ═══ Author bio PREMIUM ═══ */
.et-m__art-bio {
    margin: 24px var(--et-mob-pad) 24px;
    padding: 24px 22px 22px;
    background: #fff;
    border: 1px solid #E5E3DD;
    border-radius: 14px;
    position: relative;
}
.et-m__art-bio-rule {
    position: absolute;
    top: -1px; left: 24px; right: 24px;
    height: 2px;
    background: linear-gradient(to right, #0A0A0A 0%, #33519F 100%);
    border-radius: 2px;
}
.et-m__art-bio-head {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 18px;
}
.et-m__art-bio-avatar {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0A0A0A 0%, #33519F 100%);
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 20px;
    flex-shrink: 0;
    background-size: cover;
    background-position: center;
    box-shadow: 0 4px 12px -4px rgba(10,10,10,0.18);
}
.et-m__art-bio-info { flex: 1; min-width: 0; padding-top: 2px; }
.et-m__art-bio-kicker {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.8px;
    color: #8A8987;
    text-transform: uppercase;
    margin-bottom: 6px;
    line-height: 1;
}
.et-m__art-bio-name {
    margin: 0;
    font-weight: 700;
    font-size: 17px;
    color: #0A0A0A;
    letter-spacing: -0.4px;
    line-height: 1.2;
}
.et-m__art-bio-role {
    font-size: 12px;
    color: #33519F;
    margin-top: 4px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: -0.1px;
}
.et-m__art-bio-text {
    margin: 0 0 14px;
    font-size: 13px;
    color: #2A2A2A;
    line-height: 1.55;
}
.et-m__art-bio-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: -0.1px;
    color: #0A0A0A;
    text-decoration: none;
    padding: 8px 0;
    border-top: 1px solid #EFEDE7;
    width: 100%;
    transition: color 0.15s;
}
.et-m__art-bio-link:hover { color: #33519F; }
.et-m__art-bio-link svg { transition: transform 0.2s; }
.et-m__art-bio-link:hover svg { transform: translateX(3px); }

/* Read next */
.et-m__art-readnext { padding: 0 0 24px; }

/* Article action bar — fixed, slides up */
.et-m__art-actions {
    position: fixed;
    bottom: calc(var(--et-mob-bottomnav-h) + var(--et-sab));
    left: 0;
    right: 0;
    z-index: 65;
    background: rgba(255, 255, 255, 0.96);
    backdrop-filter: saturate(180%) blur(14px);
    -webkit-backdrop-filter: saturate(180%) blur(14px);
    border-top: 1px solid #E5E3DD;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0 var(--et-mob-pad);
    transform: translateY(100%);
    transition: transform 0.32s var(--et-ease-spring);
}
.et-m__art-actions.is-visible { transform: translateY(0); }
.et-m__art-action-btn {
    flex: 1;
    max-width: 220px;
    background: #fff;
    border: 1px solid #E5E3DD;
    padding: 10px 16px;
    border-radius: 9px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #0A0A0A;
    -webkit-tap-highlight-color: transparent;
    transition: all 0.15s;
    font-family: 'Inter', sans-serif;
}
.et-m__art-action-btn:active { transform: scale(0.97); background: #FAFAF7; }
.et-m__art-action-btn.is-active {
    background: #0A0A0A;
    color: #fff;
    border-color: #0A0A0A;
}
.et-m__art-action-btn svg { width: 16px; height: 16px; }
.et-m__art-action-btn span {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.1px;
}

/* When article actions visible, push body up so bottomnav doesn't overlap */
.et-m__art.has-actions { padding-bottom: calc(var(--et-mob-bottomnav-h) + 56px + var(--et-sab)); }

/* ═══════════════════════════════════════════════════════════════════
   17. SKELETON LOADERS
   ═══════════════════════════════════════════════════════════════════ */
.et-m__skel {
    background: linear-gradient(90deg, #F5F5F4 25%, #ECECEC 50%, #F5F5F4 75%);
    background-size: 200% 100%;
    animation: etShimmer 1.4s ease-in-out infinite;
}
@keyframes etShimmer {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}
.et-m__skel-line {
    height: 14px;
    margin-bottom: 8px;
    border-radius: 2px;
}
.et-m__skel-line.short { width: 60%; }

/* ═══════════════════════════════════════════════════════════════════
   18. ANIMATIONS
   ═══════════════════════════════════════════════════════════════════ */
@keyframes etFadeUp {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: translateY(0); }
}
.et-m__fade-in {
    animation: etFadeUp 0.5s var(--et-ease-out) both;
}
.et-m__fade-in[data-stagger="2"] { animation-delay: 0.06s; }
.et-m__fade-in[data-stagger="3"] { animation-delay: 0.12s; }
.et-m__fade-in[data-stagger="4"] { animation-delay: 0.18s; }
.et-m__fade-in[data-stagger="5"] { animation-delay: 0.24s; }

/* ═══════════════════════════════════════════════════════════════════
   19. FORM RESPONSIVENESS — make WP comment forms work in mobile
   ═══════════════════════════════════════════════════════════════════ */
form input[type="text"],
form input[type="email"],
form input[type="url"],
form textarea {
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
}

/* Tap targets minimum size for accessibility */
.et-m a, .et-m button { min-height: 30px; }

} /* end @media (max-width: 768px) */

/* ═══════════════════════════════════════════════════════════════════
   20. MOBILE LANDSCAPE TWEAKS
   ═══════════════════════════════════════════════════════════════════ */
@media (max-width: 900px) and (orientation: landscape) and (max-height: 500px) {
    .et-m__hero-photo { aspect-ratio: 21/9; }
    .et-m__hero-headline { font-size: 26px; }
    .et-m__bottomnav { height: calc(56px + var(--et-sab)); }
    .et-m__nav-icon { width: 18px; height: 18px; }
    .et-m__nav-label { font-size: 9px; }
}

/* ═══════════════════════════════════════════════════════════════════
   21. PWA STANDALONE MODE — adjust when running as installed app
   ═══════════════════════════════════════════════════════════════════ */
@media (display-mode: standalone) {
    /* Add subtle visual cue when running as PWA */
    .et-m__topbar {
        padding-top: max(var(--et-sat), 12px);
    }
}

/* ═══════════════════════════════════════════════════════════════════
   22. REDUCED MOTION — accessibility
   ═══════════════════════════════════════════════════════════════════ */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
    .et-m__nav-icon-dot,
    .et-m__cat-dot,
    .et-m__ticker-label-dot,
    .et-m__seismic-head-meta-dot { animation: none !important; }
}

/* ═══════════════════════════════════════════════════════════════════
   23. OPINION ARTICLE OVERRIDE — when single-opinion.php loads,
      mobile gets a different reading vibe (FT-style premium)
   ═══════════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
    .et-m__art--opinion .et-m__art-headline {
        font-family: 'Inter', sans-serif;
        font-weight: 600;
        font-style: italic;
        font-size: 32px;
        letter-spacing: -1.4px;
    }
    .et-m__art--opinion .et-m__art-byline {
        background: #FAFAFA;
        margin: 0;
        padding: 24px var(--et-mob-pad);
        border: 0;
    }
    .et-m__art--opinion .et-m__art-avatar {
        width: 64px;
        height: 64px;
        font-size: 19px;
    }
    .et-m__art--opinion .et-m__art-author-name {
        font-size: 17px;
        font-weight: 800;
        letter-spacing: -0.4px;
    }
    .et-m__art--opinion .et-m__art-cat::before {
        content: 'OPINIÓN  ·  ';
        color: #C8102E;
    }
    .et-m__art--opinion .et-m__art-body p {
        font-size: 18px;
        line-height: 1.7;
    }
}

/* ═══════════════════════════════════════════════════════════════════
   MOBILE HERO v2 — text BELOW image (premium NYT-app style)
═══════════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
    /* Lead hero — image on top, text below (NO overlay) */
    .et-mh {
        display: block;
        text-decoration: none;
        color: inherit;
        margin: 0 0 8px;
        background: #fff;
    }
    .et-mh__photo {
        width: 100%;
        border-radius: 6px;
        overflow: hidden;
        aspect-ratio: 16/10;
        background-color: #33519F;
        background-image: linear-gradient(160deg, #243C7A, #33519F 50%, #62B6CB);
        background-size: cover;
        background-position: center;
        display: block;
    }
    .et-mh__text {
        padding: 18px 20px 20px;
    }
    .et-mh__cat {
        font-family: 'JetBrains Mono','SF Mono',monospace;
        font-size: 11px; font-weight: 700;
        color: var(--et-harbor, #33519F);
        letter-spacing: 2px;
        display: block; margin-bottom: 12px;
    }
    .et-mh__title {
        margin: 0 0 10px;
        font-family: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
        font-size: 26px; font-weight: 700;
        line-height: 1.13;
        letter-spacing: -0.3px;
        color: #0A0A0A;
    }
    .et-mh__sub {
        margin: 0 0 14px;
        font-size: 14.5px; line-height: 1.5;
        color: #1F1F1F;
    }
    .et-mh__meta {
        display: flex; align-items: center; gap: 7px;
        font-size: 11.5px; color: #525252;
        flex-wrap: wrap;
    }
    .et-mh__meta strong {
        color: #0A0A0A; font-weight: 600;
    }
    .et-mh__meta .dot {
        width: 3px; height: 3px; border-radius: 50%;
        background: #BDBDBD; flex-shrink: 0;
    }

    /* Secondary cards beneath hero */
    .et-mh-sec {
        display: block;
        background: #fff;
        margin-bottom: 8px;
        border-top: 1px solid #E5E5E5;
    }
    .et-mh-sec__card {
        display: grid;
        grid-template-columns: 1fr 110px;
        gap: 14px;
        padding: 16px 20px;
        text-decoration: none;
        color: inherit;
        border-bottom: 1px solid #E5E5E5;
    }
    .et-mh-sec__card:last-child { border-bottom: 0; }
    .et-mh-sec__photo {
        border-radius: 6px;
        overflow: hidden;
        aspect-ratio: 4/3;
        background-color: #33519F;
        background-image: linear-gradient(160deg, #243C7A, #33519F 50%, #62B6CB);
        background-size: cover; background-position: center;
        order: 2;
    }
    .et-mh-sec__text { order: 1; min-width: 0; }
    .et-mh-sec__cat {
        font-family: 'JetBrains Mono','SF Mono',monospace;
        font-size: 9.5px; font-weight: 700;
        color: var(--et-harbor, #33519F);
        letter-spacing: 1.6px;
        display: block; margin-bottom: 6px;
    }
    .et-mh-sec__title {
        margin: 0 0 6px;
        font-family: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
        font-size: 16px; font-weight: 700;
        line-height: 1.22; color: #0A0A0A;
    }
    .et-mh-sec__meta {
        font-size: 11px; color: #525252;
    }

    /* Make sure old hero variants are hidden if any leftover */
    .et-m__hero { display: none !important; }

    /* Section title for mobile homepage */
    .et-m__section-title-mob {
        font-family: 'Inter', sans-serif;
        font-size: 22px; font-weight: 800;
        letter-spacing: -0.6px;
        color: #0A0A0A;
        margin-right: 12px;
    }

    /* (Removed: .et-m > * { background: #fff } — it was painting the
       drawer-backdrop and search overlay white, covering the whole page) */
}

/* ═══════════════════════════════════════════════════════════════════
   v3 mobile — Kicker, rounded photos, live blog
═══════════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
    /* Kicker on mobile */
    .et-kicker {
        color: #33519F;
        font-weight: 800;
    }

    /* Rounded photos on mobile */
    .et-mh__photo {
        border-radius: 6px;
        margin: 16px 16px 0;
        width: calc(100% - 32px);
    }
    .et-mh-sec__photo { border-radius: 6px; }

    .et-mh__text {
        padding: 16px 16px 18px;
    }
    .et-mh__title {
        font-size: 24px;
        line-height: 1.18;
        margin-bottom: 10px;
    }

    /* Live page on mobile */
    .et-livepage__inner { padding: 0 16px; }
    .et-livepage__head { padding: 22px 20px; }
    .et-livepage__title { font-size: 26px; line-height: 1.15; }
    .et-livepage__head-top {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    .et-live-card {
        grid-template-columns: 60px 1fr;
        gap: 14px;
        padding: 18px 18px;
    }
    .et-live-card__time strong { font-size: 16px; }
    .et-live-card__title { font-size: 18px; }
    .et-live-card__content { font-size: 14.5px; }
    .et-live-card__dot { display: none; }
}

/* ═══════════════════════════════════════════════════════════════════
   MOBILE — universal image rounding + byline harbor bar + card fixes
═══════════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
    /* Round corners on EVERY image-display class */
    .et-m img,
    .et-m__card-lead-photo,
    .et-m__card-row-thumb,
    .et-mh__photo,
    .et-mh-sec__photo,
    .et-m__art-hero-photo,
    .et-m__card-text-photo,
    .et-m-weather__news-photo,
    .et-m-seismic__news-photo,
    .et-m-opinion__avatar,
    .et-m-livefeed__media,
    .et-m-livefeed__media img,
    .et-m-livefeed__media video {
        border-radius: 6px !important;
        overflow: hidden;
    }
    .et-mh__photo, .et-mh-sec__photo {
        border-radius: 6px !important;
    }

    /* Byline harbor bar — same as desktop but smaller */
    .et-m .et-byline-sep {
        display: inline-block;
        width: 10px;
        height: 1.5px;
        background: var(--et-harbor, #33519F);
        margin: 0 6px;
        vertical-align: middle;
        border-radius: 1px;
    }
    .et-m .et-byline-author {
        color: #0A0A0A;
        font-weight: 600;
        text-decoration: none;
    }
    .et-m .et-byline-city {
        color: #1F1F1F;
        font-weight: 500;
    }
    .et-m .et-cat-link {
        color: var(--et-harbor, #33519F);
        font-weight: 700;
        text-decoration: none;
        position: relative;
        z-index: 2;
    }
    .et-m .et-card--linked { position: relative; }
    .et-m .et-card__overlay-link {
        position: absolute; inset: 0; z-index: 1;
        text-indent: -9999px; overflow: hidden;
    }
    .et-m h3 a, .et-m h2 a {
        position: relative; z-index: 2;
        color: inherit; text-decoration: none;
    }
    .et-m .et-kicker { font-weight: 800; color: var(--et-harbor, #33519F); }
    .et-m .et-kicker::after { content: ' '; }

    /* Hide numeration in section heads (was breaking design) */
    .et-m__section-num { display: none !important; }
    .et-m__section-name {
        font-family: 'Inter', sans-serif;
        font-size: 12px; font-weight: 800;
        color: #0A0A0A;
        letter-spacing: 2px;
    }

    /* Hide old card-text variant (with big number) — replaced by row */
    .et-m__card-text { display: none !important; }
    .et-m__card-text-num { display: none !important; }
}

/* ═══════════════════════════════════════════════════════════════════
   MOBILE — new sections (opinion, weather, seismic, en vivo)
═══════════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {

    /* Common section heads (mobile) */
    .et-m-opinion__head, .et-m-weather__head, .et-m-seismic__head {
        display: flex; align-items: center; gap: 10px;
        padding: 24px 20px 14px;
        border-bottom: 2px solid #0A0A0A;
        margin-bottom: 16px;
        background: #fff;
    }
    .et-m-opinion__name, .et-m-weather__name, .et-m-seismic__name {
        font-size: 12px; font-weight: 800;
        color: #0A0A0A;
        letter-spacing: 2px;
    }
    .et-m-opinion__rule, .et-m-weather__rule, .et-m-seismic__rule {
        flex: 1; height: 1px; background: transparent;
    }
    .et-m-opinion__sub, .et-m-weather__sub, .et-m-seismic__sub {
        font-size: 11px;
        color: #525252;
    }

    /* OPINION mobile cards */
    .et-m-opinion {
        background: #F4F8FA;
        padding: 0 0 16px;
        margin-bottom: 8px;
    }
    .et-m-opinion__head {
        background: #F4F8FA;
        border-bottom-color: #33519F;
    }
    .et-m-opinion__list {
        padding: 0 16px;
        display: flex; flex-direction: column; gap: 12px;
    }
    .et-m-opinion__card {
        background: #fff;
        padding: 18px 18px 16px;
        border-radius: 6px;
        border-top: 3px solid #33519F;
        position: relative;
    }
    .et-m-opinion__top {
        display: flex; align-items: center; gap: 12px;
        margin-bottom: 14px;
    }
    .et-m-opinion__avatar {
        width: 44px; height: 44px;
        border-radius: 50%;
        object-fit: cover;
        border: 2px solid #F4F8FA;
        box-shadow: 0 0 0 1px #33519F inset;
        flex-shrink: 0;
    }
    .et-m-opinion__avatar--initials {
        background: #33519F;
        color: #fff;
        display: flex; align-items: center; justify-content: center;
        font-weight: 700; font-size: 14px;
        border: none; box-shadow: none;
    }
    .et-m-opinion__byline { min-width: 0; }
    .et-m-opinion__author {
        display: block;
        font-size: 14px; font-weight: 700;
        color: #0A0A0A;
        text-decoration: none;
        position: relative; z-index: 2;
    }
    .et-m-opinion__role {
        display: block;
        font-size: 10.5px;
        color: #33519F;
        font-weight: 600;
        letter-spacing: 0.4px;
        text-transform: uppercase;
        margin-top: 2px;
    }
    .et-m-opinion__quote {
        margin: 0 0 10px;
        font-size: 16px; font-weight: 700;
        line-height: 1.3;
        color: #0A0A0A;
        font-style: italic;
    }
    .et-m-opinion__quote a {
        color: inherit; text-decoration: none;
        position: relative; z-index: 2;
    }
    .et-m-opinion__teaser {
        margin: 0;
        font-size: 13px; line-height: 1.5;
        color: #525252;
    }

    /* WEATHER mobile */
    .et-m-weather { background: #fff; margin-bottom: 8px; }
    .et-m-weather__grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
        padding: 0 16px;
    }
    .et-m-weather__card {
        background: #fff;
        border: 1px solid #E5E5E5;
        border-radius: 6px;
        padding: 14px 12px;
        text-align: center;
        display: flex; flex-direction: column; align-items: center; gap: 4px;
    }
    .et-m-weather__island {
        font-size: 11px; font-weight: 700;
        color: #0A0A0A; letter-spacing: 0.2px;
    }
    .et-m-weather__icon { width: 44px; height: 44px; }
    .et-m-weather__icon svg { width: 100%; height: 100%; }
    .et-m-weather__temp {
        font-size: 28px; font-weight: 200; letter-spacing: -1px;
        color: #0A0A0A; line-height: 1;
    }
    .et-m-weather__minmax {
        font-family: 'JetBrains Mono', monospace;
        font-size: 10.5px; color: #525252;
    }

    /* WEATHER NEWS card */
    .et-m-weather__news {
        background: #fff;
        margin: 14px 16px 8px;
        border: 1px solid #E5E5E5;
        border-radius: 6px;
        overflow: hidden;
        position: relative;
    }
    .et-m-weather__news-photo {
        width: 100%;
        aspect-ratio: 16/9;
        background-color: #33519F;
        background-size: cover; background-position: center;
    }
    .et-m-weather__news-body { padding: 16px 18px 18px; }
    .et-m-weather__news-kicker {
        font-family: 'JetBrains Mono', monospace;
        font-size: 10px; font-weight: 600;
        color: #33519F; letter-spacing: 1.8px;
        display: block; margin-bottom: 10px;
    }
    .et-m-weather__news-title {
        margin: 0 0 10px;
        font-size: 18px; font-weight: 700;
        line-height: 1.22;
        color: #0A0A0A; letter-spacing: -0.3px;
    }
    .et-m-weather__news-title a {
        color: inherit; text-decoration: none;
        position: relative; z-index: 2;
    }
    .et-m-weather__news-sub {
        margin: 0 0 10px;
        font-size: 13.5px; line-height: 1.5;
        color: #1F1F1F;
    }
    .et-m-weather__news-meta { font-size: 11.5px; color: #525252; display: flex; align-items: center; }

    /* SEISMIC mobile */
    .et-m-seismic { background: #fff; margin-bottom: 8px; padding-bottom: 6px; }
    .et-m-seismic__table {
        padding: 0 16px;
        background: #fff;
    }
    .et-m-seismic__row {
        display: grid;
        grid-template-columns: 60px 1fr;
        gap: 14px;
        padding: 14px 0;
        border-bottom: 1px solid #E5E5E5;
        align-items: center;
    }
    .et-m-seismic__row:last-child { border-bottom: 0; }
    .et-m-seismic__row.is-live {
        border-left: 3px solid #C8102E;
        padding-left: 10px;
        margin-left: -10px;
        background: linear-gradient(90deg, rgba(200,16,46,0.05), transparent 70%);
    }
    .et-m-seismic__mag {
        font-family: 'JetBrains Mono', monospace;
        font-size: 16px; font-weight: 700;
        color: #0A0A0A;
        text-align: center;
        padding: 8px 0;
        border: 1px solid #D4D4D4;
        background: #fff;
        border-radius: 4px;
    }
    .et-m-seismic__mag.is-strong {
        background: #0A0A0A; color: #fff; border-color: #0A0A0A;
    }
    .et-m-seismic__where strong {
        display: block;
        font-size: 14px; color: #0A0A0A;
        font-weight: 600; margin-bottom: 3px;
    }
    .et-m-seismic__where span {
        font-family: 'JetBrains Mono', monospace;
        font-size: 11px; color: #525252;
    }

    /* SEISMIC NEWS card — same as weather news */
    .et-m-seismic__news {
        background: #fff;
        margin: 14px 16px 8px;
        border: 1px solid #E5E5E5;
        border-radius: 6px;
        overflow: hidden;
        position: relative;
    }
    .et-m-seismic__news-photo {
        width: 100%;
        aspect-ratio: 16/9;
        background-color: #243C7A;
        background-size: cover; background-position: center;
    }
    .et-m-seismic__news-body { padding: 16px 18px 18px; }
    .et-m-seismic__news-kicker {
        font-family: 'JetBrains Mono', monospace;
        font-size: 10px; font-weight: 600;
        color: #33519F; letter-spacing: 1.8px;
        display: block; margin-bottom: 10px;
    }
    .et-m-seismic__news-title {
        margin: 0 0 10px;
        font-size: 18px; font-weight: 700;
        line-height: 1.22;
        color: #0A0A0A; letter-spacing: -0.3px;
    }
    .et-m-seismic__news-title a {
        color: inherit; text-decoration: none;
        position: relative; z-index: 2;
    }
    .et-m-seismic__news-sub {
        margin: 0 0 10px;
        font-size: 13.5px; line-height: 1.5;
        color: #1F1F1F;
    }
    .et-m-seismic__news-meta { font-size: 11.5px; color: #525252; display: flex; align-items: center; }

    /* EN VIVO mobile — premium horizontal banner with timeline */
    .et-m-live {
        background: #fff;
        margin: 0 0 8px;
        border-top: 4px solid #C8102E;
        overflow: hidden;
    }
    .et-m-live__head {
        padding: 18px 20px 16px;
        border-bottom: 1px solid #E5E5E5;
        background: linear-gradient(180deg,#fff,#fafafa);
    }
    .et-m-live__head-top {
        display: flex; align-items: center; gap: 10px;
        margin-bottom: 12px;
    }
    .et-m-live__pulse {
        width: 10px; height: 10px;
        border-radius: 50%;
        background: #C8102E;
        animation: etPulse 1.4s infinite;
    }
    .et-m-live__label {
        font-size: 11px; font-weight: 800;
        color: #C8102E;
        letter-spacing: 2.4px;
    }
    .et-m-live__label--off { color: #525252; }
    .et-m-live__active {
        margin-left: auto;
        font-size: 9.5px; font-weight: 800;
        color: #fff;
        background: #C8102E;
        padding: 3px 8px;
        letter-spacing: 1.2px;
        border-radius: 2px;
    }
    .et-m-live__title {
        margin: 0 0 6px;
        font-size: 19px; font-weight: 800;
        line-height: 1.2; letter-spacing: -0.4px;
        color: #0A0A0A;
    }
    .et-m-live__sub {
        margin: 0;
        font-size: 13px; line-height: 1.5;
        color: #525252;
    }

    .et-m-live__feed {
        list-style: none;
        margin: 0; padding: 0;
    }
    .et-m-live__entry {
        padding: 16px 20px;
        border-bottom: 1px solid #E5E5E5;
    }
    .et-m-live__entry:last-of-type { border-bottom: 0; }
    .et-m-live__entry--latest {
        background: linear-gradient(180deg, rgba(200,16,46,0.05) 0%, transparent 80%);
    }
    .et-m-live__entry-head {
        display: flex; align-items: center; gap: 8px;
        margin-bottom: 8px;
        flex-wrap: wrap;
    }
    .et-m-live__entry-time {
        font-family: 'JetBrains Mono', monospace;
        font-size: 12px; font-weight: 700;
        color: #0A0A0A;
        letter-spacing: 0.3px;
    }
    .et-m-live__entry--latest .et-m-live__entry-time { color: #C8102E; }
    .et-m-live__entry-tag {
        font-size: 9px; font-weight: 800;
        letter-spacing: 1.2px;
        color: #fff;
        background: #C8102E;
        padding: 2px 6px;
        border-radius: 2px;
    }
    .et-m-live__now-badge {
        font-size: 9px; font-weight: 800;
        letter-spacing: 1.2px;
        color: #C8102E;
        background: rgba(200,16,46,0.1);
        padding: 2px 6px;
        border-radius: 2px;
        margin-left: auto;
    }
    .et-m-live__entry-title {
        margin: 0 0 6px;
        font-size: 15px; font-weight: 700;
        line-height: 1.3;
        color: #0A0A0A;
    }
    .et-m-live__entry-body {
        font-size: 13.5px; line-height: 1.55;
        color: #1F1F1F;
    }
    .et-m-live__entry-body p { margin: 0 0 6px; }
    .et-m-live__entry-body p:last-child { margin: 0; }
    .et-m-live__entry-body strong { color: #33519F; }
    .et-m-live__entry-body a { color: #33519F; }

    .et-m-live__cta {
        display: flex; align-items: center; justify-content: center;
        gap: 8px;
        padding: 14px 20px;
        background: #C8102E;
        color: #fff;
        text-decoration: none;
        font-size: 12px; font-weight: 800;
        letter-spacing: 0.4px;
        text-transform: uppercase;
    }
    .et-m-live__cta:hover { background: #A00D26; }

    .et-m-live__empty {
        padding: 30px 20px;
        text-align: center;
        background: #FAFAFA;
        border-top: 4px solid #E5E5E5;
        margin-top: -4px;
    }
    .et-m-live__empty .et-m-live__label--off {
        display: inline-block;
        margin-bottom: 10px;
    }
    .et-m-live__empty h3 {
        margin: 0 0 6px;
        font-size: 17px; font-weight: 700;
        color: #0A0A0A;
    }
    .et-m-live__empty p {
        margin: 0;
        font-size: 13px; line-height: 1.5;
        color: #525252;
    }

    /* Quote band on mobile — sits at the top */
    .et-quote-band {
        margin-bottom: 8px;
    }
    .et-quote-band__inner {
        padding: 0 20px;
    }
    .et-quote-band__text { font-size: 17px; padding: 0; }
}

/* ═══════════════════════════════════════════════════════════════════
   ESTENERIFE — Cambios premium (cards .nc, hero LV, opinión LV, eco LV)
═══════════════════════════════════════════════════════════════════ */

@media (max-width: 768px) {

    /* ─── UNIFIED CARD SYSTEM ─────────────────────────────────── */
    .nc {
        background: #fff;
        border: 1px solid #E5E5E5;
        border-radius: 6px;
        overflow: hidden;
        margin: 0 16px 12px;
        text-decoration: none;
        color: inherit;
        display: block;
        position: relative;
    }
    .nc-photo {
        width: 100%;
        background-color: #33519F;
        background-size: cover;
        background-position: center;
    }
    .nc-body { padding: 16px 18px 18px; }
    .nc-overlay {
        position: absolute;
        inset: 0;
        z-index: 1;
        text-indent: -9999px;
        overflow: hidden;
    }
    .nc-cat {
        display: inline-block;
        font-size: 11px;
        font-weight: 700;
        color: #33519F;
        letter-spacing: 1.8px;
        margin-bottom: 10px;
        text-decoration: none;
        position: relative;
        z-index: 2;
    }
    .nc-kk {
        display: block;
        font-family: 'JetBrains Mono', monospace;
        font-size: 10px;
        font-weight: 600;
        color: #33519F;
        letter-spacing: 1.8px;
        margin-bottom: 10px;
        text-transform: uppercase;
    }
    .nc h3 {
        margin: 0 0 10px;
        font-weight: 700;
        line-height: 1.22;
        color: #0A0A0A;
        letter-spacing: -0.3px;
    }
    .nc h3 .et-kicker { color: #33519F; font-weight: 800; }
    .nc h3 .et-kicker::after { content: ' '; }
    .nc h3 a {
        color: inherit;
        text-decoration: none;
        position: relative;
        z-index: 2;
    }
    .nc p {
        font-size: 13.5px;
        line-height: 1.5;
        color: #1F1F1F;
        margin: 0 0 10px;
    }
    .nc .meta {
        font-size: 11.5px;
        color: #525252;
        display: flex;
        align-items: center;
    }
    .nc .meta a,
    .nc .et-byline-author {
        color: #0A0A0A;
        font-weight: 700;
        text-decoration: none;
        position: relative;
        z-index: 2;
    }
    .nc .meta .et-byline-sep {
        display: inline-block;
        width: 14px;
        height: 1.5px;
        background: #33519F;
        margin: 0 8px;
        border-radius: 1px;
        vertical-align: middle;
    }
    .nc .et-byline-city { color: #525252; font-weight: 500; }

    .nc--lg .nc-photo { aspect-ratio: 16/9; }
    .nc--lg .nc-body { padding: 18px 20px 20px; }
    .nc--lg h3 { font-size: 18px; }

    .nc--sm {
        display: flex;
        flex-direction: row-reverse;
        align-items: stretch;
        min-height: 96px;
    }
    .nc--sm .nc-photo {
        flex: 0 0 96px;
        align-self: center;
        width: 96px;
        height: 96px;
        aspect-ratio: 1/1;
        margin: 8px;
        border-radius: 4px;
    }
    .nc--sm .nc-body {
        flex: 1;
        padding: 12px 14px 12px 16px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-width: 0;
    }
    .nc--sm h3 { font-size: 14.5px; margin: 0 0 6px; line-height: 1.28; }
    .nc--sm .nc-cat { font-size: 9.5px; letter-spacing: 1.5px; margin-bottom: 4px; }
    .nc--sm p { display: none !important; }
    .nc--sm .meta { font-size: 11px; margin-top: 0; }
    .nc--sm .meta .et-byline-sep { width: 10px; margin: 0 6px; }

    .nc--sm.no-photo { display: block; }
    .nc--sm.no-photo .nc-body { padding: 16px 18px; }

    /* Section head */
    .et-m-sh {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 24px 18px 14px;
        margin: 0 16px 16px;
        border-bottom: 2px solid #0A0A0A;
    }
    .et-m-sh__name { font-size: 12px; font-weight: 800; letter-spacing: 2.4px; color: #0A0A0A; text-transform: uppercase; }
    .et-m-sh__rule { flex: 1; height: 1px; }
    .et-m-sh__sub { font-size: 11px; color: #525252; font-weight: 500; }

    /* Dark / mint variants */
    .sec-dark { background: #0A0A0A; margin-bottom: 8px; padding-bottom: 12px; }
    .sec-dark .et-m-sh { border-bottom-color: #fff; padding-top: 28px; }
    .sec-dark .et-m-sh__name { color: #fff; }
    .sec-dark .et-m-sh__sub { color: #9A9A9A; }
    .sec-dark .nc { background: #171717; border-color: #2D2D2D; color: #fff; }
    .sec-dark .nc h3 { color: #fff; }
    .sec-dark .nc p { color: #9A9A9A; }
    .sec-dark .nc-kk, .sec-dark .nc-cat { color: #62B6CB; }
    .sec-dark .nc .meta { color: #9A9A9A; }
    .sec-dark .nc .meta a, .sec-dark .nc .et-byline-author { color: #fff; }

    .sec-mint { background: #F0F7F4; margin-bottom: 8px; padding-bottom: 12px; }
    .sec-mint .et-m-sh { border-bottom-color: #096C4E; padding-top: 28px; }
    .sec-mint .nc-kk, .sec-mint .nc-cat { color: #096C4E; }
    .sec-mint .nc h3 .et-kicker { color: #096C4E; }

    /* ─── IMAGE CAPTION (debajo de foto en .nc--lg) ─────────── */
    .nc-caption {
        padding: 6px 18px 4px;
        text-align: right;
        font-family: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
        font-size: 12px;
        color: #757575;
        line-height: 1.3;
        background: #fff;
    }
    .nc-caption-text { margin-right: 5px; }
    .nc-caption-credit { color: #8C8C8C; }

    /* ─── WEATHER CLARO (light) ─────────────────────────────── */
    section.et-m__weather {
        background: #fff !important;
        margin-bottom: 8px;
        padding: 24px 0 26px;
        border-top: 1px solid #E5E5E5;
        border-bottom: 1px solid #E5E5E5;
    }
    .et-m__weather .et-m__section-head {
        padding: 0 20px 16px;
        margin: 0 16px 18px;
        border-bottom: 2px solid #0A0A0A;
        background: transparent;
    }
    .et-m__weather .et-m__section-num {
        color: #0A0A0A !important;
        font-weight: 800;
        letter-spacing: 2.2px;
        font-size: 11px;
        display: inline-block !important;
        font-family: 'Inter', sans-serif;
    }
    .et-m__weather .et-m__section-sub { color: #525252; font-size: 11px; font-family: 'Inter', sans-serif; }
    .et-m__weather-strip {
        display: flex;
        gap: 8px;
        overflow-x: auto;
        scrollbar-width: none;
        padding: 0 16px;
    }
    .et-m__weather-strip::-webkit-scrollbar { display: none; }
    .et-m__weather-card {
        flex: 0 0 96px;
        padding: 16px 12px 14px;
        background: #FAFCFD;
        border: 1px solid #E5E5E5;
        border-radius: 6px;
        text-align: center;
        flex-shrink: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 6px;
    }
    .et-m__weather-card.is-active {
        background: #33519F;
        border-color: #33519F;
    }
    .et-m__weather-isle {
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 1.2px;
        color: #525252;
        text-transform: uppercase;
        font-family: 'Inter', sans-serif;
    }
    .et-m__weather-card.is-active .et-m__weather-isle { color: #fff; }
    .et-m__weather-temp {
        font-family: 'Inter', sans-serif;
        font-weight: 200;
        font-size: 30px;
        color: #0A0A0A;
        line-height: 1;
        letter-spacing: -1.5px;
    }
    .et-m__weather-card.is-active .et-m__weather-temp { color: #fff; }
    .et-m__weather-temp sup {
        font-size: 14px;
        font-weight: 400;
        color: #8C8C8C;
        margin-left: 1px;
        top: -10px;
        position: relative;
    }
    .et-m__weather-card.is-active .et-m__weather-temp sup { color: #62B6CB; }
    .et-m__weather-icon { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; }
    .et-m__weather-icon svg { width: 100%; height: 100%; opacity: 0.85; }
    .et-m__weather-card.is-active .et-m__weather-icon svg { filter: brightness(0) invert(1); opacity: 1; }
    .et-m__weather-range {
        font-size: 10px;
        color: #8C8C8C;
        font-family: 'Inter', sans-serif;
        font-weight: 500;
    }
    .et-m__weather-card.is-active .et-m__weather-range { color: #62B6CB; }
    .et-m__list .et-m__section-num { display: none !important; }

    /* ─── HERO LA VANGUARDIA — compacto + slider ────────────── */
    .et-m-hero-lv {
        position: relative;
        background: #fff;
        margin-bottom: 8px;
        padding-bottom: 8px;
    }
    .et-m-hero-lv__overlay {
        position: absolute;
        inset: 0;
        z-index: 1;
        text-indent: -9999px;
        overflow: hidden;
    }
    .et-m-hero-lv__photo {
        width: 100%;
        aspect-ratio: 16/10;
        background-color: #33519F;
        background-size: cover;
        background-position: center;
    }
    .et-m-hero-lv__caption {
        padding: 5px 18px 0;
        text-align: right;
        font-family: 'Inter', sans-serif;
        font-size: 11px;
        color: #757575;
        line-height: 1.3;
    }
    .et-m-hero-lv__caption-text { margin-right: 5px; }
    .et-m-hero-lv__caption-credit { color: #8C8C8C; }
    .et-m-hero-lv__body { padding: 12px 18px 0; }
    .et-m-hero-lv__title {
        font-family: 'Inter', sans-serif;
        font-size: 21px;
        font-weight: 800;
        line-height: 1.18;
        color: #0A0A0A;
        letter-spacing: -0.5px;
        margin: 0 0 11px;
    }
    .et-m-hero-lv__title a { color: inherit; text-decoration: none; position: relative; z-index: 2; }
    .et-m-hero-lv__byline {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        font-family: 'Inter', sans-serif;
        font-size: 12.5px;
        color: #525252;
        line-height: 1.4;
        gap: 5px;
    }
    .et-m-hero-lv__author { color: #0A0A0A; font-weight: 700; }
    .et-m-hero-lv__byline-sep { color: #BDBDBD; font-weight: 300; }
    .et-m-hero-lv__author-role { color: #757575; }
    .et-m-hero-lv__comments {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        margin-left: auto;
        color: #757575;
        font-size: 11.5px;
        position: relative;
        z-index: 2;
    }
    .et-m-hero-lv__divider { height: 1px; background: #E5E5E5; margin: 12px 0 8px; }
    .et-m-hero-lv__related { list-style: none; padding: 0; margin: 0; }
    .et-m-hero-lv__related li {
        position: relative;
        padding: 7px 0 7px 18px;
        font-family: 'Inter', sans-serif;
        font-size: 14.5px;
        font-weight: 700;
        line-height: 1.3;
        color: #0A0A0A;
    }
    .et-m-hero-lv__related li::before {
        content: '';
        position: absolute;
        left: 4px;
        top: 14px;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: #0A0A0A;
    }
    .et-m-hero-lv__related li a {
        color: inherit;
        text-decoration: none;
        position: relative;
        z-index: 2;
    }

    /* ─── OPINIÓN LA VANGUARDIA — compacto + slider, sin eT+ ─── */
    .et-m-op-lv-track {
        display: flex;
        gap: 10px;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
        padding: 0 16px 8px;
        margin: 0 0 12px;
    }
    .et-m-op-lv-track::-webkit-scrollbar { display: none; }
    .et-m-op-lv {
        position: relative;
        background: #EEEEEE;
        padding: 18px 18px 20px;
        border-radius: 2px;
        scroll-snap-align: start;
        flex: 0 0 84%;
        min-width: 0;
    }
    .et-m-op-lv__overlay {
        position: absolute;
        inset: 0;
        z-index: 1;
        text-indent: -9999px;
        overflow: hidden;
    }
    .et-m-op-lv__top {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        margin-bottom: 12px;
        gap: 12px;
    }
    .et-m-op-lv__avatar {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        object-fit: cover;
        flex-shrink: 0;
    }
    .et-m-op-lv__avatar--init {
        background: #33519F;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 700;
        font-size: 19px;
        font-family: 'Inter', sans-serif;
    }
    .et-m-op-lv__quote {
        width: 38px;
        height: 44px;
        flex-shrink: 0;
        margin-top: -6px;
        opacity: 0.92;
        overflow: visible;
        display: block;
    }
    .et-m-op-lv__byline { margin-bottom: 4px; }
    .et-m-op-lv__author {
        display: block;
        font-family: 'Inter', sans-serif;
        font-size: 17px;
        font-weight: 800;
        color: #33519F;
        text-decoration: none;
        line-height: 1.15;
        letter-spacing: -0.3px;
        position: relative;
        z-index: 2;
    }
    .et-m-op-lv__role {
        display: block;
        font-family: 'Inter', sans-serif;
        font-size: 12.5px;
        color: #33519F;
        font-weight: 500;
        line-height: 1.25;
        margin-top: 2px;
    }
    .et-m-op-lv__divider {
        width: 40px;
        height: 1px;
        background: #33519F;
        margin: 10px 0 10px;
    }
    .et-m-op-lv__title {
        font-family: 'Inter', sans-serif;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.22;
        color: #0A0A0A;
        letter-spacing: -0.3px;
        margin: 0 0 8px;
    }
    .et-m-op-lv__title a { color: inherit; text-decoration: none; position: relative; z-index: 2; }
    .et-m-op-lv__sub {
        font-family: 'Inter', sans-serif;
        font-size: 13.5px;
        line-height: 1.4;
        color: #525252;
        font-weight: 400;
        margin: 0;
    }
    /* eT+ premium badge — REMOVED */
    .et-m-op-lv__premium { display: none !important; }
    .et-m-op-lv__premium-mark { display: none !important; }
    .et-m-op-lv__premium-plus { display: none !important; }

    /* ─── ECONOMÍA — premium minimalista, Inter ────────────── */
    .et-m-eco {
        background: linear-gradient(180deg, #FAFCFD 0%, #FFFFFF 100%);
        margin-bottom: 0;
        padding: 0;
        border-top: 3px solid #0A0A0A;
        position: relative;
    }
    /* Header premium */
    .et-m-eco__head {
        padding: 22px 18px 14px;
        margin: 0 16px 4px;
        border-bottom: 1px solid #E5E5E5;
        display: flex;
        align-items: center;
        gap: 8px;
        font-family: 'Inter', sans-serif;
    }
    .et-m-eco__head-name {
        font-size: 13px;
        font-weight: 800;
        letter-spacing: 2.4px;
        color: #0A0A0A;
    }
    .et-m-eco__head-sep {
        color: #33519F;
        font-weight: 800;
    }
    .et-m-eco__head-sub {
        font-size: 12px;
        color: #525252;
        font-weight: 500;
    }
    .et-m-eco__head-rule { flex: 1; }
    .et-m-eco__head-time {
        font-family: 'Inter', sans-serif;
        font-size: 10.5px;
        color: #757575;
        font-weight: 600;
        letter-spacing: 0.3px;
    }

    /* Tabs minimal segmented */
    .et-m-eco__tabs {
        display: flex;
        align-items: center;
        gap: 0;
        padding: 14px 16px 0;
        margin-bottom: 8px;
        overflow-x: auto;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }
    .et-m-eco__tabs::-webkit-scrollbar { display: none; }
    .et-m-eco__tab {
        background: none;
        border: 0;
        padding: 8px 14px 10px;
        font-family: 'Inter', sans-serif;
        font-size: 11px;
        font-weight: 600;
        color: #757575;
        cursor: pointer;
        letter-spacing: 1.2px;
        white-space: nowrap;
        position: relative;
        transition: color 0.15s;
    }
    .et-m-eco__tab.is-active {
        color: #0A0A0A;
        font-weight: 800;
    }
    .et-m-eco__tab.is-active::after {
        content: '';
        position: absolute;
        left: 14px;
        right: 14px;
        bottom: 0;
        height: 2px;
        background: #33519F;
    }

    /* Panel */
    .et-m-eco__panel { display: none; padding: 16px 18px 0; }
    .et-m-eco__panel.is-active { display: block; }

    /* Valor y variación */
    .et-m-eco__row {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        margin-bottom: 14px;
    }
    .et-m-eco__row-l { display: flex; flex-direction: column; gap: 2px; }
    .et-m-eco__sym {
        font-family: 'Inter', sans-serif;
        font-size: 11px;
        font-weight: 800;
        color: #33519F;
        letter-spacing: 1.5px;
    }
    .et-m-eco__sub {
        font-family: 'Inter', sans-serif;
        font-size: 10.5px;
        color: #757575;
        font-weight: 500;
    }
    .et-m-eco__row-r {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 2px;
    }
    .et-m-eco__value {
        font-family: 'Inter', sans-serif;
        font-size: 26px;
        font-weight: 700;
        color: #0A0A0A;
        letter-spacing: -0.5px;
        line-height: 1;
    }
    .et-m-eco__chg {
        font-family: 'Inter', sans-serif;
        font-size: 12.5px;
        font-weight: 700;
    }
    .et-m-eco__chg.up { color: #16a34a; }
    .et-m-eco__chg.down { color: #C8102E; }

    /* Gráfica — sin línea fija arriba */
    .et-m-eco__chart {
        margin-bottom: 4px;
    }
    .et-m-eco__chart svg {
        display: block;
        width: 100%;
        height: 110px;
    }
    .et-m-eco__axis {
        display: flex;
        justify-content: space-between;
        margin-top: 6px;
        padding: 0 4px;
        font-family: 'Inter', sans-serif;
        font-size: 10px;
        color: #8C8C8C;
        font-weight: 500;
    }
    .et-m-eco__axis-low,
    .et-m-eco__axis-high { letter-spacing: 0.3px; }

    /* ─── NOTICIAS ECONOMÍA — estilo lista El Mundo ─────────── */
    .et-m-eco-news {
        background: #fff;
        margin-bottom: 0;
        padding: 0 18px 0;
    }
    .et-m-eco-news__item {
        position: relative;
        padding: 14px 0;
        border-bottom: 1px solid #E5E5E5;
    }
    .et-m-eco-news__item:first-child { padding-top: 16px; }
    .et-m-eco-news__item:last-child { border-bottom: 0; padding-bottom: 4px; }
    .et-m-eco-news__overlay {
        position: absolute;
        inset: 0;
        z-index: 1;
        text-indent: -9999px;
        overflow: hidden;
    }
    .et-m-eco-news__lead {
        display: flex;
        align-items: flex-start;
        gap: 14px;
    }
    .et-m-eco-news__text { flex: 1; min-width: 0; }
    .et-m-eco-news__photo {
        flex: 0 0 100px;
        width: 100px;
        height: 100px;
        background-color: #33519F;
        background-size: cover;
        background-position: center;
    }
    .et-m-eco-news__title {
        font-family: 'Inter', sans-serif;
        font-size: 19px;
        font-weight: 700;
        line-height: 1.22;
        color: #0A0A0A;
        letter-spacing: -0.3px;
        margin: 0 0 8px;
    }
    .et-m-eco-news__kicker { color: #33519F; font-weight: 700; }
    .et-m-eco-news__h { color: #0A0A0A; font-weight: 700; }
    .et-m-eco-news__byline {
        display: flex;
        align-items: center;
        gap: 6px;
        font-family: 'Inter', sans-serif;
        font-size: 11.5px;
        color: #757575;
        letter-spacing: 0.3px;
    }
    .et-m-eco-news__author { color: #525252; font-weight: 600; }
    .et-m-eco-news__city { color: #757575; font-weight: 500; }
    .et-m-eco-news__sep {
        display: inline-block;
        width: 1px;
        height: 12px;
        background: #C0C0C0;
        margin: 0;
        align-self: center;
        flex-shrink: 0;
    }
    .et-m-eco-news__comments {
        display: inline-flex;
        align-items: center;
        gap: 3px;
        margin-left: 6px;
        color: #757575;
        position: relative;
        z-index: 2;
    }
    .et-m-eco-news__related {
        list-style: none;
        padding: 12px 0 0;
        margin: 12px 0 0;
        border-top: 1px solid #E5E5E5;
    }
    .et-m-eco-news__related li {
        position: relative;
        padding: 8px 0 8px 16px;
        font-family: 'Inter', sans-serif;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.3;
        color: #0A0A0A;
    }
    .et-m-eco-news__related li::before {
        content: '';
        position: absolute;
        left: 0;
        top: 16px;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: #0A0A0A;
    }
    .et-m-eco-news__related li a {
        color: inherit;
        text-decoration: none;
        position: relative;
        z-index: 2;
    }
}

/* ─── GRID 2x2 (Ciencia, Salud, Actualidad) — estilo El Mundo ─── */
@media (max-width: 768px) {
    .et-m-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0;
        margin: 0 16px 16px;
        background: #fff;
    }
    .et-m-grid__item {
        position: relative;
        padding: 0 0 18px;
        border-bottom: 1px solid #E5E5E5;
    }
    .et-m-grid__item:nth-child(odd) {
        border-right: 1px solid #E5E5E5;
        padding-right: 12px;
        margin-right: 0;
    }
    .et-m-grid__item:nth-child(even) {
        padding-left: 12px;
    }
    /* Items de la 2ª fila en adelante: padding-top para separar del border-bottom de la fila anterior */
    .et-m-grid__item:nth-child(n+3) {
        padding-top: 18px;
    }
    .et-m-grid__item:nth-last-child(-n+2) {
        border-bottom: 0;
    }
    .et-m-grid__overlay {
        position: absolute;
        inset: 0;
        z-index: 1;
        text-indent: -9999px;
        overflow: hidden;
    }
    .et-m-grid__photo {
        width: 100%;
        aspect-ratio: 16/10;
        background-color: #33519F;
        background-size: cover;
        background-position: center;
        margin-bottom: 12px;
    }
    .et-m-grid__title {
        font-family: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
        font-size: 17px;
        font-weight: 700;
        line-height: 1.18;
        color: #0A0A0A;
        letter-spacing: -0.3px;
        margin: 0 0 12px;
    }
    .et-m-grid__title a {
        color: inherit;
        text-decoration: none;
        position: relative;
        z-index: 2;
    }
    /* Premium "E" badge in front of title */
    .et-m-grid__premium {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 18px;
        height: 18px;
        background: #FFDD00;
        color: #0A0A0A;
        font-family: 'Inter', sans-serif;
        font-size: 12px;
        font-weight: 700;
        font-style: italic;
        border-radius: 2px;
        margin-right: 4px;
        vertical-align: 1px;
    }
    .et-m-grid__byline {
        font-family: 'Inter', sans-serif;
        font-size: 10.5px;
        color: #757575;
        letter-spacing: 0.6px;
        line-height: 1.3;
    }
    .et-m-grid__author {
        color: #525252;
        font-weight: 600;
    }
    .et-m-grid__city { color: #757575; }

    /* ADS sponsor banner sobre la foto */
    .et-m-grid__ads {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 8px 12px;
        color: #fff;
        font-family: 'Inter', sans-serif;
        font-size: 9.5px;
        letter-spacing: 1.4px;
        font-weight: 600;
        text-transform: uppercase;
    }
    .et-m-grid__ads-intro {
        opacity: 0.95;
        font-weight: 400;
        letter-spacing: 1.2px;
    }
    .et-m-grid__ads-brand {
        font-weight: 800;
        text-transform: lowercase;
        font-size: 14px;
        letter-spacing: -0.3px;
    }
    .et-m-grid__ads-link {
        color: #fff;
        text-decoration: none;
        position: relative;
        z-index: 2;
    }
    .et-m-grid__ads-logo {
        height: 16px;
        width: auto;
        max-width: 80px;
        object-fit: contain;
    }

    /* Dark variant for Ciencia/Espacio */
    .sec-dark .et-m-grid { background: #0A0A0A; }
    .sec-dark .et-m-grid__item { border-color: #2D2D2D; }
    .sec-dark .et-m-grid__title { color: #fff; }
    .sec-dark .et-m-grid__byline { color: #9A9A9A; }
    .sec-dark .et-m-grid__author { color: #fff; }
    .sec-dark .et-m-grid__city { color: #9A9A9A; }

    /* Mint variant for Salud */
    .sec-mint .et-m-grid { background: #F0F7F4; }
    .sec-mint .et-m-grid__item { border-color: #D4E6DC; }
}

/* ─── /en-vivo/ — premium responsive live page ────────────── */
.et-livepage {
    background: #fff;
    min-height: 70vh;
    padding: 0;
    color: #0A0A0A;
}

/* === EMPTY STATE === */
.et-livepage__empty {
    max-width: 600px;
    margin: 0 auto;
    padding: 80px 20px 60px;
    text-align: center;
}
.et-livepage__kicker-off {
    display: inline-block;
    font-family: 'Inter', sans-serif;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 3px;
    color: #999;
    background: #F5F5F5;
    padding: 6px 14px;
    border-radius: 20px;
    margin-bottom: 22px;
}
.et-livepage__empty h1 {
    font-family: 'Inter', sans-serif;
    font-size: 26px;
    font-weight: 800;
    line-height: 1.2;
    margin: 0 0 14px;
    letter-spacing: -0.5px;
    color: #0A0A0A;
}
.et-livepage__empty p {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    line-height: 1.6;
    color: #525252;
    margin: 0 0 24px;
}
.et-livepage__back {
    display: inline-block;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #33519F;
    text-decoration: none;
    border-bottom: 2px solid currentColor;
    padding-bottom: 2px;
}

/* === HERO HEADER (premium, gradient harbor) === */
.et-livepage__hero {
    background: linear-gradient(135deg, #243C7A 0%, #33519F 60%, #2A6A8F 100%);
    color: #fff;
    padding: 0;
    position: relative;
    overflow: hidden;
}
.et-livepage__hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse at top right, rgba(255,255,255,0.08), transparent 70%),
        radial-gradient(ellipse at bottom left, rgba(0,0,0,0.2), transparent 60%);
    pointer-events: none;
}
.et-livepage__hero-inner {
    position: relative;
    max-width: 720px;
    margin: 0 auto;
    padding: 28px 20px 26px;
}
.et-livepage__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
    gap: 12px;
}
.et-livepage__live-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #C8102E;
    color: #fff;
    font-family: 'Inter', sans-serif;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
    padding: 6px 12px;
    border-radius: 3px;
    box-shadow: 0 2px 12px rgba(200, 16, 46, 0.4);
}
.et-livepage__live-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 0 0 rgba(255,255,255,0.7);
    animation: et-livepage-pulse 1.6s ease-in-out infinite;
}
@keyframes et-livepage-pulse {
    0%   { box-shadow: 0 0 0 0 rgba(255,255,255,0.7); transform: scale(1); }
    70%  { box-shadow: 0 0 0 8px rgba(255,255,255,0); transform: scale(1.1); }
    100% { box-shadow: 0 0 0 0 rgba(255,255,255,0); transform: scale(1); }
}
.et-livepage__updates-count {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    color: rgba(255,255,255,0.75);
    font-weight: 500;
}
.et-livepage__title {
    font-family: 'Inter', sans-serif;
    font-size: 28px;
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -0.6px;
    margin: 0 0 12px;
    color: #fff;
}
.et-livepage__sub {
    font-family: 'Inter', sans-serif;
    font-size: 15.5px;
    line-height: 1.5;
    color: rgba(255,255,255,0.85);
    margin: 0 0 18px;
    font-weight: 400;
}
.et-livepage__meta {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    color: rgba(255,255,255,0.7);
    font-weight: 500;
    margin-bottom: 18px;
}
.et-livepage__meta-item { display: inline-flex; align-items: center; gap: 5px; }
.et-livepage__meta-item svg { opacity: 0.8; }
.et-livepage__meta-sep { width: 14px; height: 1px; background: rgba(255,255,255,0.3); }
.et-livepage__actions { display: flex; gap: 8px; }
.et-livepage__action {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(255,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.2);
    color: #fff;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 600;
    padding: 8px 14px;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}
.et-livepage__action:hover,
.et-livepage__action:active { background: rgba(255,255,255,0.18); border-color: rgba(255,255,255,0.3); }

/* === PENDING STATE === */
.et-livepage__pending {
    max-width: 720px;
    margin: 0 auto;
    padding: 60px 20px;
    text-align: center;
    font-family: 'Inter', sans-serif;
    color: #525252;
}
.et-livepage__pending-pulse {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #C8102E;
    margin: 0 auto 16px;
    animation: et-livepage-pulse 1.6s ease-in-out infinite;
}
.et-livepage__pending p { font-size: 15px; margin: 0; }

/* === FEED — FULL WIDTH, sin rail vertical === */
.et-livepage__feed {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    max-width: 720px;
}
.et-livepage__entry {
    position: relative;
    padding: 0;
}
/* Barra ROJA delgada entre actualizaciones */
.et-livepage__entry + .et-livepage__entry {
    border-top: 1px solid rgba(200, 16, 46, 0.18);
    position: relative;
}
.et-livepage__entry + .et-livepage__entry::before {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    width: 36px;
    height: 2px;
    background: #C8102E;
}

.et-livepage__entry-card {
    padding: 22px 20px;
}

/* META-ROW PREMIUM: HORA · FECHA · TAG · permalink */
.et-livepage__entry-meta {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
    flex-wrap: nowrap;
}
.et-livepage__entry-time {
    display: inline-flex;
    align-items: baseline;
    gap: 7px;
    font-family: 'Inter', sans-serif;
    font-feature-settings: 'tnum' 1;
    flex-shrink: 0;
}
.et-livepage__entry-time-h {
    font-size: 17px;
    font-weight: 800;
    color: #0A0A0A;
    letter-spacing: -0.4px;
    line-height: 1;
}
.et-livepage__entry-time-d {
    font-size: 11px;
    font-weight: 600;
    color: #999;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    line-height: 1;
}
.et-livepage__entry-tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: 'Inter', sans-serif;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.5px;
    padding: 4px 9px;
    border-radius: 2px;
    background: #33519F;
    color: #fff;
    text-transform: uppercase;
    line-height: 1;
    flex-shrink: 0;
}
.et-livepage__entry-tag.is-live      { background: #C8102E; }
.et-livepage__entry-tag.is-analysis  { background: #0A0A0A; }
.et-livepage__entry-tag.is-context   { background: #4A4A4A; }
.et-livepage__entry-tag.is-quote     { background: #6B5B95; }
.et-livepage__entry-tag-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 0 0 rgba(255,255,255,0.7);
    animation: et-livepage-pulse 1.6s ease-in-out infinite;
    flex-shrink: 0;
}
.et-livepage__entry-permalink {
    margin-left: auto;
    color: #BDBDBD;
    display: inline-flex;
    transition: color 0.15s;
    text-decoration: none;
    flex-shrink: 0;
}
.et-livepage__entry-permalink:hover,
.et-livepage__entry-permalink.is-copied { color: #33519F; }

.et-livepage__entry-title {
    font-family: 'Inter', sans-serif;
    font-size: 19px;
    font-weight: 800;
    line-height: 1.25;
    color: #0A0A0A;
    letter-spacing: -0.4px;
    margin: 0 0 10px;
}
.et-livepage__entry-body {
    font-family: 'Inter', sans-serif;
    font-size: 15.5px;
    line-height: 1.6;
    color: #1A1A1A;
}
.et-livepage__entry-body p { margin: 0 0 10px; }
.et-livepage__entry-body p:last-child { margin-bottom: 0; }
.et-livepage__entry-body strong { color: #0A0A0A; font-weight: 700; }
.et-livepage__entry-body a { color: #33519F; border-bottom: 1px solid rgba(27,73,101,0.3); text-decoration: none; }
.et-livepage__entry-body a:hover { border-bottom-color: #33519F; }

/* ────────────────────────────────────────────────────────────
   FUENTES CITADAS — al pie de cada actualización del live blog
   Estilo Reuters/FT: línea fina, dominios legibles, icono ↗
──────────────────────────────────────────────────────────── */
.et-livepage__entry-sources {
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid rgba(0,0,0,0.07);
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    font-family: 'Inter', sans-serif;
    font-size: 11.5px;
    line-height: 1.4;
    color: #6B6B6B;
}
.et-livepage__entry-sources-label {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-weight: 800;
    font-size: 9.5px;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    color: #525252;
    padding: 3px 8px 3px 7px;
    background: #FAF7F0;
    border-radius: 3px;
}
.et-livepage__entry-sources-label::before {
    content: '';
    width: 3px;
    height: 3px;
    background: #ED6C02;
    border-radius: 50%;
    display: inline-block;
}
.et-livepage__entry-sources-list {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    flex: 1;
}
.et-livepage__entry-sources-sep {
    color: rgba(0,0,0,0.25);
    font-weight: 400;
    user-select: none;
}
.et-livepage__entry-source {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #33519F;
    font-weight: 600;
    text-decoration: none;
    border-bottom: 1px dotted rgba(51,81,159,0.35);
    padding-bottom: 1px;
    transition: color 0.15s, border-color 0.15s;
}
.et-livepage__entry-source:hover {
    color: #0A2540;
    border-bottom-color: #0A2540;
}
.et-livepage__entry-source svg {
    opacity: 0.5;
    transition: opacity 0.15s;
}
.et-livepage__entry-source:hover svg { opacity: 1; }

.et-livepage__entry-body img {
    max-width: 100%;
    height: auto;
    border-radius: 6px;
    margin: 8px 0;
    display: block;
}
.et-livepage__entry-body iframe {
    max-width: 100%;
    border-radius: 6px;
    border: 0;
    margin: 8px 0;
}
.et-livepage__entry-body blockquote {
    margin: 12px 0;
    padding: 10px 16px;
    border-left: 3px solid #33519F;
    background: #F8FAFB;
    font-style: italic;
    color: #333;
}

/* === RESPONSIVE BREAKPOINTS === */
@media (max-width: 640px) {
    .et-livepage__hero-inner { padding: 22px 16px 22px; }
    .et-livepage__title { font-size: 24px; letter-spacing: -0.5px; }
    .et-livepage__sub { font-size: 14.5px; }
    .et-livepage__meta { font-size: 11.5px; gap: 6px; }
    .et-livepage__action span { display: none; }
    .et-livepage__action { padding: 8px 10px; }

    .et-livepage__entry-card { padding: 18px 16px; }
    .et-livepage__entry-meta { gap: 10px; }
    .et-livepage__entry-time-h { font-size: 15.5px; }
    .et-livepage__entry-tag { font-size: 9.5px; padding: 3px 7px; letter-spacing: 1.2px; }
    .et-livepage__entry-title { font-size: 17px; }
    .et-livepage__entry-body { font-size: 15px; }
    .et-livepage__top { flex-direction: column; align-items: flex-start; gap: 10px; }
    .et-livepage__updates-count { order: 2; font-size: 11.5px; }
}

@media (min-width: 1024px) {
    .et-livepage__hero-inner { padding: 40px 24px 36px; }
    .et-livepage__title { font-size: 38px; }
    .et-livepage__sub { font-size: 17px; }
    .et-livepage__feed { padding: 24px 0 60px; }
    .et-livepage__entry-card { padding: 26px 24px; }
    .et-livepage__entry-time-h { font-size: 19px; }
    .et-livepage__entry-title { font-size: 22px; }
    .et-livepage__entry-body { font-size: 16px; line-height: 1.65; }
}

/* ═══════════════════════════════════════════════════════════════════
 * NEW LAYOUTS — Magazine, Lead+2, Carousel, Grid3, List
 * v1.7 premium catalog of section formats
 * ═══════════════════════════════════════════════════════════════════ */

@media (max-width: 1024px) {

/* ── MAGAZINE — 1 lead + 4 stack ─────────────────────────── */
.et-m-mag { padding: 0 16px 8px; }
.et-m-mag__lead {
    position: relative;
    margin-bottom: 16px;
    padding-bottom: 14px;
    border-bottom: 1px solid #e5e5e5;
}
.et-m-mag__lead-overlay {
    position: absolute; inset: 0; z-index: 1;
    text-indent: -9999px; overflow: hidden;
}
.et-m-mag__lead-photo {
    width: 100%; aspect-ratio: 16 / 9;
    background-size: cover; background-position: center;
    margin-bottom: 12px; border-radius: 4px;
}
.et-m-mag__lead-title {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 20px; font-weight: 800; line-height: 1.2;
    margin: 0 0 8px; letter-spacing: -0.4px;
}
.et-m-mag__lead-title a { color: #0a0a0a; text-decoration: none; }
.et-m-mag__lead-summary {
    font-size: 13.5px; line-height: 1.5; color: #555;
    margin: 0 0 8px;
}
.et-m-mag__lead-byline { font-size: 11px; color: #777; letter-spacing: 0.5px; }
.et-m-mag__author { font-weight: 700; }
.et-m-mag__row {
    position: relative;
    display: flex; gap: 12px; align-items: flex-start;
    padding: 10px 0;
    border-bottom: 1px solid #ededed;
}
.et-m-mag__row:last-child { border-bottom: none; }
.et-m-mag__row-overlay { position: absolute; inset: 0; z-index: 1; text-indent: -9999px; overflow: hidden; }
.et-m-mag__row-text { flex: 1; min-width: 0; }
.et-m-mag__row-title {
    font-size: 14px; font-weight: 700; line-height: 1.3;
    margin: 0 0 4px; color: #0a0a0a;
}
.et-m-mag__row-title a { color: inherit; text-decoration: none; }
.et-m-mag__row-author { font-size: 10px; color: #888; letter-spacing: 0.5px; }
.et-m-mag__row-thumb {
    width: 80px; height: 80px; flex-shrink: 0;
    background-size: cover; background-position: center;
    border-radius: 3px;
}

/* ── LEAD + 2 SECONDARIES ────────────────────────────────── */
.et-m-l2 { padding: 0 16px 8px; }
.et-m-l2__lead {
    position: relative;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e5e5e5;
}
.et-m-l2__lead-overlay { position: absolute; inset: 0; z-index: 1; text-indent: -9999px; overflow: hidden; }
.et-m-l2__lead-photo {
    width: 100%; aspect-ratio: 16 / 9;
    background-size: cover; background-position: center;
    margin-bottom: 10px; border-radius: 4px;
}
.et-m-l2__lead-title {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 19px; font-weight: 800; line-height: 1.2;
    margin: 0 0 6px; letter-spacing: -0.4px;
}
.et-m-l2__lead-title a { color: #0a0a0a; text-decoration: none; }
.et-m-l2__lead-summary { font-size: 13px; line-height: 1.5; color: #555; margin: 0 0 6px; }
.et-m-l2__lead-byline { font-size: 11px; color: #777; }
.et-m-l2__author { font-weight: 700; letter-spacing: 0.5px; }
.et-m-l2__secondaries { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.et-m-l2__second {
    position: relative;
    background: #fff;
}
.et-m-l2__second-overlay { position: absolute; inset: 0; z-index: 1; text-indent: -9999px; overflow: hidden; }
.et-m-l2__second-photo {
    width: 100%; aspect-ratio: 4 / 3;
    background-size: cover; background-position: center;
    margin-bottom: 8px; border-radius: 3px;
}
.et-m-l2__second-title {
    font-size: 13px; font-weight: 700; line-height: 1.3;
    margin: 0 0 4px; color: #0a0a0a;
}
.et-m-l2__second-title a { color: inherit; text-decoration: none; }
.et-m-l2__second-author { font-size: 10px; color: #888; letter-spacing: 0.4px; }

/* ── CAROUSEL HORIZONTAL ─────────────────────────────────── */
.et-m-carousel {
    overflow: hidden;
    margin-bottom: 8px;
}
.et-m-carousel__track {
    display: flex; gap: 12px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-padding: 16px;
    padding: 0 16px 12px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}
.et-m-carousel__track::-webkit-scrollbar { display: none; }
.et-m-carousel__item {
    position: relative;
    flex: 0 0 200px;
    scroll-snap-align: start;
}
.et-m-carousel__overlay { position: absolute; inset: 0; z-index: 1; text-indent: -9999px; overflow: hidden; }
.et-m-carousel__photo {
    width: 200px; height: 130px;
    background-size: cover; background-position: center;
    margin-bottom: 8px; border-radius: 4px;
}
.et-m-carousel__title {
    font-size: 13.5px; font-weight: 700; line-height: 1.3;
    margin: 0 0 4px; color: #0a0a0a;
    display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.et-m-carousel__title a { color: inherit; text-decoration: none; }
.et-m-carousel__author { font-size: 10px; color: #888; letter-spacing: 0.5px; }

/* ── GRID 3-COLUMNS — collapses to 2 cols on narrow screens ── */
.et-m-g3 {
    padding: 0 16px 8px;
    display: grid;
    grid-template-columns: 1fr 1fr;  /* mobile: 2 cols */
    gap: 12px;
}
.et-m-g3__item {
    position: relative;
    background: #fff;
}
.et-m-g3__overlay { position: absolute; inset: 0; z-index: 1; text-indent: -9999px; overflow: hidden; }
.et-m-g3__photo {
    width: 100%; aspect-ratio: 1 / 1;
    background-size: cover; background-position: center;
    margin-bottom: 8px; border-radius: 3px;
}
.et-m-g3__title {
    font-size: 13px; font-weight: 700; line-height: 1.3;
    margin: 0 0 4px; color: #0a0a0a;
    display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.et-m-g3__title a { color: inherit; text-decoration: none; }
.et-m-g3__author { font-size: 10px; color: #888; letter-spacing: 0.4px; }

/* ── LIST VERTICAL ───────────────────────────────────────── */
.et-m-list { padding: 0 16px 8px; }
.et-m-list__item {
    position: relative;
    display: flex; gap: 12px; align-items: flex-start;
    padding: 12px 0;
    border-bottom: 1px solid #ededed;
}
.et-m-list__item:last-child { border-bottom: none; }
.et-m-list__overlay { position: absolute; inset: 0; z-index: 1; text-indent: -9999px; overflow: hidden; }
.et-m-list__text { flex: 1; min-width: 0; }
.et-m-list__title {
    font-size: 14px; font-weight: 700; line-height: 1.3;
    margin: 0 0 4px; color: #0a0a0a;
}
.et-m-list__title a { color: inherit; text-decoration: none; }
.et-m-list__author { font-size: 10px; color: #888; letter-spacing: 0.4px; }
.et-m-list__thumb {
    width: 80px; height: 80px; flex-shrink: 0;
    background-size: cover; background-position: center;
    border-radius: 3px;
}

/* ── DARK / MINT WRAPPERS for new layouts ────────────────── */
.sec-dark .et-m-mag__lead-title a, .sec-dark .et-m-mag__row-title a,
.sec-dark .et-m-l2__lead-title a, .sec-dark .et-m-l2__second-title a,
.sec-dark .et-m-carousel__title a, .sec-dark .et-m-g3__title a, .sec-dark .et-m-list__title a { color: #fff; }
.sec-dark .et-m-mag__lead-summary, .sec-dark .et-m-l2__lead-summary { color: #c5c5c5; }
.sec-dark .et-m-mag__row-author, .sec-dark .et-m-mag__lead-byline,
.sec-dark .et-m-l2__lead-byline, .sec-dark .et-m-l2__second-author,
.sec-dark .et-m-carousel__author, .sec-dark .et-m-g3__author, .sec-dark .et-m-list__author { color: #999; }

}  /* end @media */

/* === DESKTOP refinements for the new formats — wider columns === */
@media (min-width: 1025px) {
    .et-m-g3 { grid-template-columns: 1fr 1fr 1fr; }   /* PC: 3 cols */
    .et-m-carousel__item { flex: 0 0 260px; }
    .et-m-carousel__photo { width: 260px; height: 170px; }
    .et-m-mag__lead-title { font-size: 28px; }
    .et-m-l2__lead-title { font-size: 26px; }
}

/* ═══════════════════════════════════════════════════════════════════
   TRAVEL MOSAIC — "Planes" premium (v3 - Inter family, alineado theme)
═══════════════════════════════════════════════════════════════════ */
.et-m-travel {
    background: #fff;
    padding: 22px 18px 10px;
    margin-bottom: 8px;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* Header "Planes" */
.et-m-travel__head { margin: 0 0 18px; }
.et-m-travel__head-title {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 22px;
    font-weight: 800;
    color: #0A0A0A;
    margin: 0;
    letter-spacing: -0.5px;
    line-height: 1;
}

/* Lead */
.et-m-travel__lead { margin-bottom: 18px; }

/* Mosaic — 2/3/4 fotos exactamente como captura (4 cuadradas con gap fino) */
.et-m-travel__mosaic {
    display: grid;
    gap: 5px;
    width: 100%;
    margin-bottom: 6px;
    overflow: hidden;
    text-decoration: none;
    aspect-ratio: 1 / 1;
    border-radius: 4px;
}
.et-m-travel__mosaic--1 {
    grid-template-columns: 1fr;
    aspect-ratio: 16 / 10;
}
.et-m-travel__mosaic--2 {
    grid-template-columns: 1fr 1fr;
    aspect-ratio: 2 / 1;
}
.et-m-travel__mosaic--3 {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
}
.et-m-travel__mosaic--3 .et-m-travel__mosaic-cell:first-child {
    grid-row: 1 / span 2;
}
.et-m-travel__mosaic--4 {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
}
.et-m-travel__mosaic-cell {
    background-size: cover;
    background-position: center;
    background-color: #e8e8e8;
    transition: opacity 0.18s;
    border-radius: 2px;
}
.et-m-travel__mosaic:hover .et-m-travel__mosaic-cell { opacity: 0.95; }

/* Foto credit cursiva sutil */
.et-m-travel__credit {
    margin: 8px 0 16px;
    text-align: right;
    font-family: 'Inter', sans-serif;
    font-size: 11.5px;
    color: #999;
    font-style: italic;
    font-weight: 400;
    letter-spacing: 0.1px;
}

/* Kicker rojo: "Viajes | Subcat" */
.et-m-travel__kicker {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 12px;
    font-weight: 800;
    color: #C8102E;
    line-height: 1.3;
    margin: 6px 0 10px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}
.et-m-travel__kicker-main { font-weight: 800; }
.et-m-travel__kicker-pipe { color: #C8102E; font-weight: 300; margin: 0 4px; opacity: 0.5; }
.et-m-travel__kicker-sub { font-weight: 600; opacity: 0.85; }

/* Título lead — Inter bold 22px (alineado con hero) */
.et-m-travel__title {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 22px;
    font-weight: 800;
    line-height: 1.2;
    color: #0A0A0A;
    margin: 0 0 12px;
    letter-spacing: -0.5px;
}
.et-m-travel__title a { color: inherit; text-decoration: none; }
.et-m-travel__title a:hover { color: #33519F; }

/* Byline Inter con separador */
.et-m-travel__byline {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 16px;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    line-height: 1.4;
    flex-wrap: wrap;
}
.et-m-travel__author {
    color: #0A0A0A;
    font-weight: 700;
}
.et-m-travel__byline-pipe {
    display: inline-block;
    width: 1px;
    height: 12px;
    background: #C0C0C0;
    align-self: center;
    color: transparent;
    overflow: hidden;
    flex-shrink: 0;
}
.et-m-travel__city {
    color: #757575;
    font-weight: 500;
}

/* Hairline + secundarias */
.et-m-travel__sec {
    padding-top: 16px;
    padding-bottom: 4px;
    border-top: 1px solid #EBEBEB;
    margin-top: 0;
}
.et-m-travel__sec + .et-m-travel__sec {
    margin-top: 14px;
}
.et-m-travel__sec-title {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.25;
    color: #1A1A1A;
    margin: 0 0 10px;
    letter-spacing: -0.3px;
}
.et-m-travel__sec-title a { color: inherit; text-decoration: none; }
.et-m-travel__sec-title a:hover { color: #33519F; }
.et-m-travel__sec .et-m-travel__byline {
    margin-bottom: 0;
    font-size: 12.5px;
}

@media (max-width: 380px) {
    .et-m-travel { padding: 18px 14px 8px; }
    .et-m-travel__head-title { font-size: 20px; }
    .et-m-travel__title { font-size: 19px; }
    .et-m-travel__sec-title { font-size: 15.5px; }
    .et-m-travel__kicker { font-size: 11px; }
}
@media (min-width: 720px) {
    .et-m-travel { padding: 28px 22px 14px; }
    .et-m-travel__head-title { font-size: 26px; }
    .et-m-travel__title { font-size: 26px; }
    .et-m-travel__sec-title { font-size: 20px; }
    .et-m-travel__kicker { font-size: 13px; }
}


/* ═══════════════════════════════════════════════════════════════════
   MATCH BLOCK — CD Tenerife / UD Las Palmas (v2 - fiel a captura)
═══════════════════════════════════════════════════════════════════ */
.et-m-match {
    background: #fff;
    margin-bottom: 8px;
    font-family: 'Inter', sans-serif;
    overflow: hidden;
}

/* Hero photo 16:10 con play overlay */
.et-m-match__photo {
    display: block;
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 10;
    background-size: cover;
    background-position: center;
    background-color: #0a0a0a;
    text-decoration: none;
}
.et-m-match__play {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: rgba(255,255,255,0.96);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 24px rgba(0,0,0,0.35);
    transition: transform 0.2s;
}
.et-m-match__photo:hover .et-m-match__play { transform: translate(-50%, -50%) scale(1.06); }
.et-m-match__play svg {
    width: 26px;
    height: 26px;
    margin-left: 4px;
    fill: #0A0A0A;
}

/* Score band: gris claro con tres columnas iguales */
.et-m-match__band {
    background: #F4F4F4;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
    padding: 18px 8px;
    gap: 8px;
    min-height: 110px;
}
.et-m-match__band--solo {
    grid-template-columns: auto 1fr;
    gap: 16px;
    padding: 22px 22px;
    text-align: left;
}

/* Cada team: badge GRANDE circular + short debajo */
.et-m-match__team {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    min-width: 0;
}
.et-m-match__badge-wrap {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,0.08), inset 0 0 0 1px rgba(0,0,0,0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-shrink: 0;
}
.et-m-match__badge-wrap--lg {
    width: 78px;
    height: 78px;
}
.et-m-match__badge {
    max-width: 80%;
    max-height: 80%;
    object-fit: contain;
}
.et-m-match__badge-empty {
    width: 70%;
    height: 70%;
    border-radius: 50%;
    background: #E5E5E5;
}
.et-m-match__short {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 800;
    color: #0A0A0A;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    line-height: 1;
}

/* Score grande en azul harbor (como captura) */
.et-m-match__score {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 4px;
    font-family: 'Inter', sans-serif;
    font-size: 34px;
    font-weight: 800;
    color: #33519F;
    letter-spacing: -1.2px;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}
.et-m-match__score-num { font-weight: 800; }
.et-m-match__score-sep {
    color: #33519F;
    font-weight: 700;
    opacity: 0.9;
    padding: 0 2px;
}
.et-m-match__vs {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #888;
    letter-spacing: 2.5px;
}

/* LIVE: score en rojo */
.et-m-match[data-status="live"] .et-m-match__score-num,
.et-m-match[data-status="live"] .et-m-match__score-sep {
    color: #C8102E;
}

/* Empty state — solo escudo */
.et-m-match__solo-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.et-m-match__solo-text strong {
    font-size: 17px;
    font-weight: 800;
    color: #0A0A0A;
    letter-spacing: -0.2px;
}
.et-m-match__solo-text span {
    font-size: 13px;
    color: #888;
    font-weight: 500;
}

/* Body */
.et-m-match__body {
    padding: 16px 18px 20px;
}

/* Kicker mayúsculas pequeñas gris (JORNADA 35) */
.et-m-match__kicker {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-family: 'Inter', sans-serif;
    font-size: 12.5px;
    font-weight: 800;
    letter-spacing: 2px;
    color: #888;
    text-transform: uppercase;
    margin-bottom: 12px;
    line-height: 1;
}
.et-m-match__kicker.is-live {
    color: #C8102E;
}
.et-m-match__kicker.is-scheduled {
    color: #33519F;
}
.et-m-match__live-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #C8102E;
    animation: et-match-pulse 1.6s ease-in-out infinite;
}
@keyframes et-match-pulse {
    0%   { box-shadow: 0 0 0 0 rgba(200,16,46,0.65); transform: scale(1); }
    70%  { box-shadow: 0 0 0 8px rgba(200,16,46,0); transform: scale(1.2); }
    100% { box-shadow: 0 0 0 0 rgba(200,16,46,0); transform: scale(1); }
}

/* Countdown */
.et-m-match__countdown {
    font-family: 'Inter', sans-serif;
    font-size: 13.5px;
    color: #33519F;
    margin: 0 0 14px;
    padding: 11px 14px;
    background: linear-gradient(135deg, #F4F9FC, #EAF2F7);
    border-radius: 6px;
    border-left: 3px solid #33519F;
}
.et-m-match__countdown strong { font-weight: 800; color: #0A0A0A; }

/* Título azul harbor (#33519F) bold grande — IGUAL A CAPTURA */
.et-m-match__title {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 21px;
    font-weight: 800;
    line-height: 1.2;
    color: #33519F;
    margin: 0 0 10px;
    letter-spacing: -0.4px;
}
.et-m-match__title a {
    color: inherit;
    text-decoration: none;
}
.et-m-match__title a:hover { color: #C8102E; }

/* Byline pequeño mayúsculas gris */
.et-m-match__byline {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 12.5px;
    font-weight: 600;
    color: #757575;
    letter-spacing: 0.5px;
    line-height: 1.4;
}

@media (max-width: 380px) {
    .et-m-match__band { min-height: 96px; padding: 14px 6px; }
    .et-m-match__badge-wrap { width: 48px; height: 48px; }
    .et-m-match__score { font-size: 28px; }
    .et-m-match__title { font-size: 19px; }
    .et-m-match__body { padding: 14px 16px 18px; }
}
@media (min-width: 720px) {
    .et-m-match__band { min-height: 130px; padding: 22px 16px; }
    .et-m-match__badge-wrap { width: 66px; height: 66px; }
    .et-m-match__score { font-size: 40px; }
    .et-m-match__title { font-size: 24px; }
    .et-m-match__body { padding: 20px 24px 26px; }
}

/* ═══════════════════════════════════════════════════════════════════
   COVER STORY v2 — portada revista (4:5 vertical full-bleed)
═══════════════════════════════════════════════════════════════════ */
.et-m-cover {
    background: #fff;
    margin-bottom: 8px;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}
.et-m-cover__card {
    display: block;
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 5;
    overflow: hidden;
    text-decoration: none;
    background: #0a0a0a;
}
.et-m-cover__photo {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
}
.et-m-cover__photo--empty {
    background: linear-gradient(135deg, #33519F, #243C7A);
}
.et-m-cover__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(0,0,0,0.15) 0%,
        transparent 25%,
        transparent 45%,
        rgba(0,0,0,0.4) 75%,
        rgba(0,0,0,0.78) 100%
    );
    pointer-events: none;
}
.et-m-cover__content {
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: 18px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* ENTRADILLA — recuadro rojo, negrita + MAYÚSCULAS */
.et-m-cover__entradilla {
    display: inline-block;
    align-self: flex-start;
    max-width: 92%;
    background: #C8102E;
    color: #fff;
    font-family: 'Inter', sans-serif;
    font-weight: 800;
    font-size: 13px;
    padding: 7px 12px;
    border-radius: 2px;
    line-height: 1.35;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    box-shadow: 0 2px 10px rgba(200, 16, 46, 0.4);
}

/* TÍTULO — Inter Black, ancho casi total, line-height generoso */
.et-m-cover__title {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 32px;
    font-weight: 900;
    line-height: 1.14;
    color: #fff;
    margin: 0;
    letter-spacing: -1.2px;
    width: 100%;
    text-shadow:
        0 1px 2px rgba(0,0,0,0.6),
        0 2px 14px rgba(0,0,0,0.5);
}

/* Highlight amarillo */
.et-m-cover__hl--yellow {
    display: inline;
    background: #FFD600;
    color: #0A0A0A;
    padding: 0 7px;
    margin: 0 -1px;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    text-shadow: none;
    border-radius: 1px;
}

/* Highlight blanco */
.et-m-cover__hl--white {
    display: inline;
    background: #fff;
    color: #0A0A0A;
    padding: 0 7px;
    margin: 0 -1px;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    text-shadow: none;
    border-radius: 1px;
}

/* Byline con barra vertical entre autor y ciudad */
.et-m-cover__byline {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-top: 2px;
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.92);
    text-shadow: 0 1px 6px rgba(0,0,0,0.55);
}
.et-m-cover__author {
    color: #fff;
    font-weight: 700;
}
.et-m-cover__byline-pipe {
    display: inline-block;
    width: 1px;
    height: 12px;
    background: rgba(255, 255, 255, 0.55);
    align-self: center;
    color: transparent;
    overflow: hidden;
    flex-shrink: 0;
}
.et-m-cover__city {
    color: rgba(255, 255, 255, 0.85);
    font-weight: 500;
    letter-spacing: 0.6px;
    text-transform: none;
}

@media (max-width: 380px) {
    .et-m-cover__content { left: 12px; right: 12px; bottom: 14px; gap: 12px; }
    .et-m-cover__title { font-size: 28px; letter-spacing: -1px; }
    .et-m-cover__entradilla { font-size: 12px; padding: 6px 10px; letter-spacing: 0.4px; }
}
@media (min-width: 720px) {
    .et-m-cover__content { left: 22px; right: 22px; bottom: 26px; gap: 18px; }
    .et-m-cover__title { font-size: 42px; line-height: 1.1; }
    .et-m-cover__entradilla { font-size: 15px; padding: 8px 14px; }
}


/* ═══════════════════════════════════════════════════════════════════
   DASHBOARD precios — slider horizontal una sola fila
═══════════════════════════════════════════════════════════════════ */
.et-m-dash {
    background: #fff;
    padding: 0;
    margin-bottom: 8px;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    color: #0A0A0A;
}

/* Slider horizontal scroll-snap */
.et-m-dash__grid {
    display: flex;
    gap: 14px;
    padding: 10px 18px 14px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}
.et-m-dash__grid::-webkit-scrollbar { display: none; }

/* Card individual */
.et-m-dash__card {
    flex: 0 0 220px;
    scroll-snap-align: start;
    display: flex;
    flex-direction: column;
    background: #fff;
    padding: 14px 16px;
    border-radius: 8px;
    border: 1px solid #EBEBEB;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
    min-width: 0;
}
.et-m-dash__card-label {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 800;
    color: #0A0A0A;
    margin: 0 0 3px;
    letter-spacing: -0.2px;
}
.et-m-dash__card-desc {
    font-family: 'Inter', sans-serif;
    font-size: 11.5px;
    color: #777;
    margin: 0 0 10px;
    line-height: 1.35;
    font-weight: 500;
    min-height: 2.7em;
}
.et-m-dash__card-value {
    display: flex;
    align-items: baseline;
    gap: 4px;
    margin-bottom: 8px;
}
.et-m-dash__card-num {
    font-family: 'Inter', sans-serif;
    font-size: 26px;
    font-weight: 900;
    color: var(--c);
    line-height: 1;
    letter-spacing: -1.2px;
    font-variant-numeric: tabular-nums;
}
.et-m-dash__card-unit {
    font-family: 'Inter', sans-serif;
    font-size: 11.5px;
    font-weight: 600;
    color: var(--c);
    letter-spacing: -0.2px;
}

/* Chart + Y axis */
.et-m-dash__chart {
    display: grid;
    grid-template-columns: 24px 1fr;
    gap: 4px;
    align-items: stretch;
    height: 42px;
    margin-top: 2px;
}
.et-m-dash__yaxis {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-family: 'Inter', sans-serif;
    font-size: 9.5px;
    color: #999;
    font-weight: 500;
    text-align: right;
    padding: 1px 2px 0 0;
}
.et-m-dash__spark-wrap {
    width: 100%;
    height: 42px;
    position: relative;
    border-left: 1px solid #ddd;
}
.et-m-dash__spark {
    width: 100%;
    height: 100%;
    display: block;
}

/* X axis */
.et-m-dash__xaxis {
    display: flex;
    justify-content: space-between;
    padding: 4px 0 0 28px;
    font-family: 'Inter', sans-serif;
    font-size: 10px;
    color: #999;
    font-weight: 500;
}

/* Footer fuente */
.et-m-dash__foot {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 0 18px;
    padding: 12px 0 14px;
    border-top: 1px solid #EBEBEB;
    font-family: 'Inter', sans-serif;
    font-size: 11px;
    color: #888;
    line-height: 1.4;
}
.et-m-dash__foot-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background: #C8102E;
    color: #fff;
    font-weight: 900;
    font-size: 10px;
    border-radius: 2px;
    flex-shrink: 0;
}

@media (max-width: 380px) {
    .et-m-dash__grid { padding: 14px 14px 12px; gap: 12px; }
    .et-m-dash__card { flex: 0 0 200px; padding: 12px 14px; }
    .et-m-dash__card-num { font-size: 24px; }
}
@media (min-width: 720px) {
    .et-m-dash__card { flex: 0 0 240px; padding: 16px 18px; }
    .et-m-dash__card-num { font-size: 30px; }
}


/* ═══════════════════════════════════════════════════════════════════
   MATCH BLOCK — tintes de equipo
═══════════════════════════════════════════════════════════════════ */
.et-m-match[data-team="tenerife"] {
    background: linear-gradient(180deg, rgba(29, 67, 128, 0.07) 0%, rgba(29, 67, 128, 0.03) 100%);
}
.et-m-match[data-team="tenerife"] .et-m-match__band {
    background: rgba(29, 67, 128, 0.09);
}
.et-m-match[data-team="laspalmas"] {
    background: linear-gradient(180deg, rgba(255, 215, 0, 0.11) 0%, rgba(255, 215, 0, 0.04) 100%);
}
.et-m-match[data-team="laspalmas"] .et-m-match__band {
    background: rgba(255, 215, 0, 0.16);
}
.et-m-match[data-team] .et-m-match__title {
    color: #0A0A0A;
}

/* Countdown — variantes por equipo (override del default azul) */
.et-m-match[data-team="tenerife"] .et-m-match__countdown {
    color: #33519F;
    background: linear-gradient(135deg, #F4F9FC, #E0EDF5);
    border-left: 3px solid #33519F;
}
.et-m-match[data-team="laspalmas"] .et-m-match__countdown {
    color: #8C6800;
    background: linear-gradient(135deg, #FFFBE6, #FFF3B8);
    border-left: 3px solid #D4A500;
}
.et-m-match[data-team="laspalmas"] .et-m-match__countdown strong {
    color: #5C4400;
}

/* ═══════════════════════════════════════════════════════════════════
   AD SLOT — espacio publicitario entre módulos
═══════════════════════════════════════════════════════════════════ */
.et-m-ad {
    margin-bottom: 8px;
    background: #FAFAF7;
    padding: 12px 16px;
    text-align: center;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}
.et-m-ad__label {
    display: block;
    font-size: 10px;
    font-weight: 800;
    color: #999;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 8px;
}
.et-m-ad__slot {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 90px;
}
.et-m-ad__slot img,
.et-m-ad__slot iframe {
    max-width: 100%;
    height: auto;
    display: block;
}
.et-m-ad__placeholder {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #FBE5E9 0%, #FFFBF0 100%);
    border: 2px dashed rgba(200,16,46,0.3);
    border-radius: 8px;
    padding: 20px;
    gap: 8px;
    color: #6E0F1F;
}
.et-m-ad__placeholder strong {
    font-size: 14px;
    font-weight: 800;
    color: #C8102E;
}
.et-m-ad__placeholder span {
    font-size: 12px;
    font-weight: 500;
    color: #8A4555;
    max-width: 280px;
    line-height: 1.4;
}


/* ═══════════════════════════════════════════════════════════════════
   SEPARATOR — divisor entre módulos
═══════════════════════════════════════════════════════════════════ */
.et-m-sep {
    background: #fff;
    padding: 0 16px;
    margin-bottom: 8px;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}
.et-m-sep--space .et-m-sep__space {
    height: var(--sep-h, 36px);
    background: transparent;
}

/* Style: line — línea horizontal con texto opcional centrado */
.et-m-sep--line .et-m-sep__line-wrap {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: var(--sep-h, 28px) 0;
}
.et-m-sep__line {
    flex: 1;
    height: 1px;
    background: #E8E5DD;
}
.et-m-sep__line-text {
    font-size: 11px;
    font-weight: 800;
    color: #757575;
    letter-spacing: 2.2px;
    text-transform: uppercase;
    flex-shrink: 0;
}

/* Style: accent — línea con triple punto rojo central */
.et-m-sep--accent {
    padding-top: var(--sep-h, 28px);
    padding-bottom: var(--sep-h, 28px);
}
.et-m-sep__accent {
    display: flex;
    align-items: center;
    gap: 16px;
}
.et-m-sep__accent-rule {
    flex: 1;
    height: 1px;
    background: #C8102E;
    opacity: 0.5;
}
.et-m-sep__accent-dots {
    display: inline-flex;
    gap: 5px;
    flex-shrink: 0;
}
.et-m-sep__accent-dots span {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #C8102E;
}
.et-m-sep__accent-text {
    margin: 12px 0 0;
    font-family: 'Georgia', serif;
    font-style: italic;
    font-size: 14px;
    color: #757575;
    text-align: center;
    line-height: 1.5;
    font-weight: 400;
}

/* Style: banner — banda con cita */
.et-m-sep--banner .et-m-sep__banner {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 26px 22px;
    background: linear-gradient(135deg, #FFFBF0 0%, #FBE5E9 100%);
    border-radius: 10px;
    border-left: 3px solid #C8102E;
}
.et-m-sep__banner-mark {
    font-family: 'Georgia', serif;
    font-size: 32px;
    color: #C8102E;
    line-height: 1;
    opacity: 0.4;
    flex-shrink: 0;
}
.et-m-sep__banner-text {
    flex: 1;
    margin: 0;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #0A0A0A;
    line-height: 1.35;
    letter-spacing: -0.3px;
    text-align: center;
}


/* ═══════════════════════════════════════════════════════════════════
   STORY HIGHLIGHTS — carrusel circular tipo Instagram
═══════════════════════════════════════════════════════════════════ */
.et-m-stories {
    background: #fff;
    margin-bottom: 8px;
    padding: 0 0 18px;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}
.et-m-stories__rail {
    display: flex;
    gap: 14px;
    padding: 4px 16px 6px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    scroll-snap-type: x proximity;
}
.et-m-stories__rail::-webkit-scrollbar { display: none; }

.et-m-stories__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    flex: 0 0 auto;
    width: 72px;
    text-decoration: none;
    color: inherit;
    scroll-snap-align: start;
    transition: transform 0.18s;
}
.et-m-stories__item:hover {
    transform: translateY(-2px);
}

.et-m-stories__ring {
    position: relative;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: linear-gradient(135deg, #C8102E 0%, #D6A11A 50%, #33519F 100%);
    padding: 2.5px;
    flex-shrink: 0;
}
.et-m-stories__item:not(.is-fresh) .et-m-stories__ring {
    background: #DDD;
}
.et-m-stories__ring::before {
    content: '';
    position: absolute;
    inset: 2.5px;
    border-radius: 50%;
    background: #fff;
}

.et-m-stories__avatar {
    position: absolute;
    inset: 5px;
    border-radius: 50%;
    background-color: #f0f0f0;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.et-m-stories__initial {
    font-size: 22px;
    font-weight: 900;
    color: #0A0A0A;
    text-transform: uppercase;
}
.et-m-stories__dot {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #C8102E;
    border: 2px solid #fff;
    box-shadow: 0 0 0 0 rgba(200,16,46,0.6);
    animation: et-stories-pulse 1.6s ease-in-out infinite;
}
@keyframes et-stories-pulse {
    0%,100% { box-shadow: 0 0 0 0 rgba(200,16,46,0.6); }
    50%     { box-shadow: 0 0 0 5px rgba(200,16,46,0); }
}

.et-m-stories__label {
    font-size: 10.5px;
    font-weight: 700;
    color: #0A0A0A;
    line-height: 1.25;
    text-align: center;
    width: 100%;
    letter-spacing: -0.1px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* ═══════════════════════════════════════════════════════════════════
   FIXES v2.4.1
═══════════════════════════════════════════════════════════════════ */

/* Separator entre Economía y Dashboard: línea fina unificadora.
   El aire de Economía ya está reducido en la regla base, aquí solo añadimos
   un border-top sutil al dashboard para hacer la unión visual. */
.et-m-eco + .et-m-dash {
    border-top: 1px solid #EBEBEB !important;
}

/* Sponsor en header dashboard */
.et-m-sh.has-sponsor {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    /* Línea gris clarita y fina (no la negra del header genérico) */
    border-bottom: 1px solid #E5E3DD !important;
    padding: 18px 18px 10px !important;
    margin: 0 16px 0 !important;
}
/* Caso: sin título mostrado, solo sponsor — alinear a la derecha */
.et-m-sh.has-sponsor:not(:has(.et-m-sh__name)) {
    justify-content: flex-end;
}
/* Fallback sin :has() para móviles antiguos: cuando solo hay sponsor sin title,
   el flex con space-between empuja el sponsor a la derecha (sin elemento izq.) */
.et-m-sh.has-sponsor .et-m-sh__sponsor {
    margin-left: auto;
}
.et-m-sh__sponsor {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}
.et-m-sh__sponsor-lbl {
    font-family: 'Inter', sans-serif;
    font-size: 9.5px;
    font-weight: 700;
    color: #8C8C8C;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}
.et-m-sh__sponsor-link {
    display: inline-flex;
    align-items: center;
    line-height: 0;
}
.et-m-sh__sponsor img,
.et-m-sh__sponsor-link img {
    height: 22px;
    width: auto;
    max-width: 100px;
    object-fit: contain;
    display: block;
}


/* Sidebar móvil — botones premium */
.et-m__drawer-cat {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 14px 20px !important;
    text-decoration: none !important;
    color: #0A0A0A !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    border-bottom: 1px solid #EFEDE7 !important;
    transition: background 0.15s !important;
    letter-spacing: -0.2px !important;
}
.et-m__drawer-cat:hover {
    background: #FAFAF7 !important;
}
.et-m__drawer-cat-name {
    flex: 1 !important;
    color: inherit !important;
}
.et-m__drawer-cat-count {
    font-family: 'Inter', sans-serif !important;
    font-size: 11.5px !important;
    font-weight: 500 !important;
    color: #B5B3AD !important;
    flex-shrink: 0 !important;
    font-variant-numeric: tabular-nums !important;
}
.et-m__drawer-cat-arrow {
    color: #B5B3AD !important;
    flex-shrink: 0 !important;
    transition: transform 0.15s !important;
}
.et-m__drawer-cat:hover .et-m__drawer-cat-arrow {
    color: #0A0A0A !important;
    transform: translateX(2px) !important;
}
.et-m__drawer-cat-dot {
    width: 7px !important;
    height: 7px !important;
    border-radius: 50% !important;
    background: #C8102E !important;
    flex-shrink: 0 !important;
    box-shadow: 0 0 0 0 rgba(200,16,46,0.6) !important;
    animation: et-drawer-dot 1.6s ease-in-out infinite !important;
}
@keyframes et-drawer-dot {
    0%,100% { box-shadow: 0 0 0 0 rgba(200,16,46,0.6); }
    50%     { box-shadow: 0 0 0 6px rgba(200,16,46,0); }
}

/* CTA buttons drawer */
.et-m__drawer-section--cta {
    padding: 22px 20px 18px !important;
}
.et-m__drawer-actions {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}
.et-m__drawer-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 13px 18px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: -0.2px !important;
    border-radius: 10px !important;
    border: 1.5px solid #E5E3DD !important;
    background: #fff !important;
    color: #0A0A0A !important;
    text-decoration: none !important;
    transition: all 0.18s !important;
    text-align: center !important;
}
.et-m__drawer-btn:hover {
    border-color: #0A0A0A !important;
    background: #FAFAF7 !important;
}
.et-m__drawer-btn.is-primary {
    background: #0A0A0A !important;
    color: #fff !important;
    border-color: #0A0A0A !important;
    box-shadow: 0 6px 18px -6px rgba(10,10,10,0.4) !important;
}
.et-m__drawer-btn.is-primary:hover {
    background: #33519F !important;
    border-color: #33519F !important;
    color: #fff !important;
    box-shadow: 0 8px 22px -6px rgba(27,73,101,0.5) !important;
    transform: translateY(-1px) !important;
}


/* ═══════════════════════════════════════════════════════════════════
   KICKER (antetítulo azul harbor) en cards del home — INLINE
   Inyectado por et_render_card_kicker() como SPAN dentro del <h*>.
   Hereda font, weight, line-height del título; solo cambia color.
═══════════════════════════════════════════════════════════════════ */
.et-m-card__kicker {
    color: #33519F;
    font-weight: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    letter-spacing: inherit;
}
/* Cover variant: título blanco sobre imagen oscura → kicker más claro */
.et-m-cover__title .et-m-card__kicker {
    color: #BFE0F0;
    opacity: 0.95;
    text-shadow: 0 1px 2px rgba(0,0,0,0.5);
}

/* Cover variant: texto sobre imagen oscura → kicker en blanco con sombra */
.et-m-cover__content .et-m-card__kicker {
    color: #FFFFFF;
    opacity: 0.95;
    margin-bottom: 8px;
    letter-spacing: 1.8px;
    text-shadow: 0 1px 3px rgba(0,0,0,0.6);
    font-size: 11px;
    position: relative;
    z-index: 2;
}

/* ═══════════════════════════════════════════════════════════════════
   FONT-SIZE CYCLER (botón Aa del byline)
   El JS pone data-font-size="s|m|l" en <html>. Aplica solo al cuerpo
   del artículo, no a títulos.
═══════════════════════════════════════════════════════════════════ */
html[data-font-size="s"] .et-m__art-body p { font-size: 15.5px; line-height: 1.6; }
html[data-font-size="s"] .et-m__art-body p.lead { font-size: 17.5px; }
html[data-font-size="m"] .et-m__art-body p { font-size: 17px; line-height: 1.65; }
html[data-font-size="m"] .et-m__art-body p.lead { font-size: 19px; }
html[data-font-size="l"] .et-m__art-body p { font-size: 19.5px; line-height: 1.7; }
html[data-font-size="l"] .et-m__art-body p.lead { font-size: 22px; }

/* ═══════════════════════════════════════════════════════════════════
   FORZAR Inter en TODOS los títulos de cards del home móvil
   Por si algún partial heredaba mal o tenía Georgia residual
═══════════════════════════════════════════════════════════════════ */
.et-m-grid__title,
.et-m-g3__title,
.et-m-list__title,
.et-m-carousel__title,
.et-m-mag__lead-title,
.et-m-mag__row-title,
.et-m-l2__lead-title,
.et-m-l2__second-title,
.et-m-cover__title,
.et-m-match__title,
.et-m-travel__title,
.et-m-eco-news__title,
.et-m-hero-lv__title,
.et-m-op-lv__title {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
}