/*
 * 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;
}

/* v2.33.5 — Strip móvil minimalista: fecha + texto-link tiempo + iconito
   (misma fuente / tamaño / peso a ambos lados, icono escalado al texto). */
.et-m__edition {
    align-items: center !important;
}
.et-m__edition .et-m__edition-date {
    font-family: 'Inter', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2px !important;
    color: #0A0A0A !important;
    text-transform: none !important;
    line-height: 1 !important;
}
.et-m__edition .et-m__edition-date strong { font-weight: 600; }
.et-m__edition-weather-link {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.2px;
    color: #0A0A0A;
    text-decoration: none;
    white-space: nowrap;
    padding: 6px 0;
    transition: color .15s;
}
.et-m__edition-weather-link:hover,
.et-m__edition-weather-link:active {
    color: #33519F;
    text-decoration: none;
}
.et-m__edition-weather-icon {
    display: inline-flex;
    align-items: center;
    color: #525252;
}
.et-m__edition-weather-icon svg {
    width: 13px;
    height: 13px;
    display: block;
}

/* 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 */
    /* v2.33.2 — overflow:hidden en el wrapper para contener el
       margin-left:-10px de .is-live (causaba scroll horizontal del home). */
    .et-m-seismic {
        background: #fff;
        margin-bottom: 8px;
        padding-bottom: 6px;
        overflow: hidden;
    }
    /* v2.43.94 · LEGACY · tabla stacked oculta · sustituida por slider */
    .et-m-seismic__table { display: none !important; }

    /* v2.43.97 · SLIDER pegado al meta · separador hairline gris claro
       inset 16px por lados, primera card sigue alineada a 16px del viewport. */
    .et-m-seismic__slider {
        display: flex !important;
        flex-direction: row !important;
        justify-content: flex-start !important;
        align-items: stretch !important;
        gap: 10px;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        scroll-padding-left: 16px;
        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth;
        scrollbar-width: none;
        padding: 12px 18px 14px 16px !important;
        margin: 0 !important;
        box-sizing: border-box;
        width: 100%;
        position: relative;
    }
    .et-m-seismic__slider::-webkit-scrollbar { display: none; }
    /* Hairline gris clarito inset 16px (separador con el meta de arriba) */
    .et-m-seismic__slider::before {
        content: '';
        position: absolute;
        top: 0;
        left: 16px;
        right: 16px;
        height: 1px;
        background: #ECECEC;
        pointer-events: none;
    }

    /* v2.43.96 · Paleta SOBRIA — borgoña/granate muy apagado, no chillón.
       Tarjetas más estrechas (170 → más elegantes en pantalla). */
    .et-m-seismic__card {
        flex: 0 0 170px;
        scroll-snap-align: start;
        position: relative;
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 12px 13px 12px;
        background: #FDFAFA;
        border: 1px solid #E8DEDE;
        border-radius: 10px;
        box-shadow:
            0 1px 1px rgba(60, 22, 25, 0.025),
            0 2px 6px rgba(60, 22, 25, 0.04);
        font-family: 'Inter', 'Manrope', sans-serif;
        color: #0A0A0A;
        overflow: hidden;
    }
    /* Acento borgoña muy fino arriba (1.5px) */
    .et-m-seismic__card::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 1.5px;
        background: #8C3A3F;
    }
    .et-m-seismic__card.is-strong {
        background: #FCF6F6;
        border-color: #DDC8C8;
    }
    .et-m-seismic__card.is-strong::before {
        background: #6E2A2E;
        height: 2px;
    }
    .et-m-seismic__card.is-live::before {
        background: #A33841;
        height: 2px;
    }

    .et-m-seismic__card-live {
        position: absolute;
        top: 8px;
        right: 8px;
        display: inline-flex;
        align-items: center;
        gap: 4px;
        padding: 2px 7px 2px 6px;
        background: transparent;
        color: #8C3A3F;
        font-size: 8px;
        font-weight: 700;
        letter-spacing: 1.2px;
        text-transform: uppercase;
        border: 1px solid rgba(140, 58, 63, 0.32);
        border-radius: 999px;
        line-height: 1;
        z-index: 2;
    }
    .et-m-seismic__card-live-dot {
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: #A33841;
        box-shadow: 0 0 0 0 rgba(163, 56, 65, 0.55);
        animation: etSeismicPulse 1.8s ease-out infinite;
    }
    @keyframes etSeismicPulse {
        0%   { box-shadow: 0 0 0 0 rgba(163, 56, 65, 0.45); }
        70%  { box-shadow: 0 0 0 5px rgba(163, 56, 65, 0); }
        100% { box-shadow: 0 0 0 0 rgba(163, 56, 65, 0); }
    }

    .et-m-seismic__card-mag-wrap {
        display: flex;
        align-items: baseline;
        gap: 6px;
    }
    .et-m-seismic__card-mag {
        font-family: 'Inter', sans-serif;
        font-size: 26px;
        font-weight: 800;
        line-height: 1;
        color: #6E2A2E;
        letter-spacing: -0.8px;
    }
    .et-m-seismic__card.is-strong .et-m-seismic__card-mag {
        color: #4F1D20;
    }
    .et-m-seismic__card-mag-label {
        font-size: 8.5px;
        font-weight: 700;
        letter-spacing: 1.2px;
        text-transform: uppercase;
        color: #A07779;
    }

    .et-m-seismic__card-body {
        display: flex;
        flex-direction: column;
        gap: 3px;
    }
    .et-m-seismic__card-place {
        font-family: 'Inter', sans-serif;
        font-size: 12.5px;
        font-weight: 700;
        color: #1F1F1F;
        letter-spacing: -0.15px;
        line-height: 1.25;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .et-m-seismic__card-meta {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        font-size: 10px;
        font-weight: 600;
        color: #8A8A8A;
        letter-spacing: 0.15px;
    }
    .et-m-seismic__card-depth { color: #757575; }
    .et-m-seismic__card-sep { color: #C8C8C8; }
    .et-m-seismic__card-time { color: #8A8A8A; }

    /* 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; }
    /* v2.43.99 · Tarjetas islas estilo premium azul claro · réplica del look
       de las tarjetas de terremotos pero en paleta blue navy del theme. */
    .et-m__weather-strip {
        display: flex !important;
        flex-direction: row !important;
        justify-content: flex-start !important;
        align-items: stretch !important;
        gap: 10px;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        scroll-padding-left: 16px;
        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth;
        scrollbar-width: none;
        padding: 12px 18px 14px 16px !important;
        margin: 0 !important;
        box-sizing: border-box;
        width: 100%;
        position: relative;
    }
    .et-m__weather-strip::-webkit-scrollbar { display: none; }
    /* Hairline gris clarito inset 16px (sólo en la variante --bottom que va
       después de la noticia · separa visualmente sin gritar). */
    .et-m__weather-strip--bottom::before {
        content: '';
        position: absolute;
        top: 0;
        left: 16px;
        right: 16px;
        height: 1px;
        background: #ECECEC;
        pointer-events: none;
    }

    .et-m__weather-card {
        flex: 0 0 115px !important;
        min-width: 0 !important;
        scroll-snap-align: start;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 6px;
        padding: 14px 10px 12px !important;
        background: #FAFCFE !important;
        border: 1px solid #DCE5F0 !important;
        border-right: 1px solid #DCE5F0 !important;
        border-radius: 10px !important;
        box-shadow:
            0 1px 1px rgba(22, 48, 111, 0.025),
            0 2px 6px rgba(22, 48, 111, 0.04) !important;
        text-align: center;
        flex-shrink: 0;
        overflow: hidden;
    }
    .et-m__weather-card:last-child {
        border-right: 1px solid #DCE5F0 !important;
    }
    /* Acento azul muy fino arriba (1.5px), como el accent borgoña de sismos */
    .et-m__weather-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 1.5px;
        background: #33519F;
    }
    /* Active = isla destacada (Tenerife). Refinado: ligero tono azul de fondo
       en lugar de invertir todo a fondo navy. */
    .et-m__weather-card.is-active {
        background: #F0F4FC;
        border-color: #C7D4EA;
    }
    .et-m__weather-card.is-active::before {
        background: #14306F;
        height: 2px;
    }

    .et-m__weather-isle {
        font-size: 9.5px;
        font-weight: 800;
        letter-spacing: 1.2px;
        color: #5C6F94;
        text-transform: uppercase;
        font-family: 'Inter', sans-serif;
        line-height: 1.1;
    }
    .et-m__weather-card.is-active .et-m__weather-isle { color: #14306F; }
    .et-m__weather-temp {
        font-family: 'Inter', sans-serif;
        font-weight: 800;
        font-size: 26px;
        color: #14306F;
        line-height: 1;
        letter-spacing: -0.8px;
    }
    .et-m__weather-card.is-active .et-m__weather-temp { color: #0E2255; }
    .et-m__weather-temp sup {
        font-size: 12px;
        font-weight: 700;
        color: #5C6F94;
        margin-left: 1px;
        top: -10px;
        position: relative;
    }
    .et-m__weather-card.is-active .et-m__weather-temp sup { color: #33519F; }

    .et-m__weather-icon {
        width: 28px;
        height: 28px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .et-m__weather-icon svg {
        width: 100%;
        height: 100%;
        opacity: 0.7;
        color: #33519F;
    }
    .et-m__weather-card.is-active .et-m__weather-icon svg {
        opacity: 0.85;
        color: #14306F;
        filter: none;
    }

    .et-m__weather-range {
        font-size: 10px;
        color: #8A98B5;
        font-family: 'Inter', sans-serif;
        font-weight: 600;
        letter-spacing: 0.1px;
    }
    .et-m__weather-card.is-active .et-m__weather-range { color: #5C6F94; }
    .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: 9px 0 9px 14px;  /* v2.29.2 — más pegado a la línea */
        font-family: 'Inter', sans-serif;
        font-size: 14.5px;
        font-weight: 700;
        line-height: 1.3;
        color: #0A0A0A;
    }
    /* v2.29.2 — barra vertical AÚN más fina */
    .et-m-hero-lv__related li::before {
        content: '';
        position: absolute;
        left: 0;
        top: 9px;
        bottom: 9px;
        width: 2px;
        height: auto;
        border-radius: 0;
        background: #33519F;
    }
    .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+ ─── */
    /* v2.43.89 · Alineación 16px (igual que juegos, dashboard, mercados,
       tiempo y boletines). !important para que nada del cascade lo descentre. */
    .et-m-op-lv-track {
        display: flex !important;
        flex-direction: row !important;
        justify-content: flex-start !important;
        gap: 10px;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-padding-left: 16px;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
        padding: 0 16px 8px !important;
        margin: 0 0 12px !important;
        box-sizing: border-box;
    }
    .et-m-op-lv-track::-webkit-scrollbar { display: none; }
    /* v2.33.6 — fondo blanco + borde gris fino + esquinas ligeramente
       redondeadas, mismo estilo que las bio-cards y el editorial. */
    .et-m-op-lv {
        position: relative;
        background: #FFFFFF;
        border: 1px solid #E5E5E5;
        padding: 18px 18px 20px;
        border-radius: 10px;
        scroll-snap-align: start;
        flex: 0 0 84%;
        min-width: 0;
        transition: border-color .15s, box-shadow .15s;
    }
    .et-m-op-lv:hover,
    .et-m-op-lv:focus-within {
        border-color: #33519F;
        box-shadow: 0 2px 8px rgba(51,81,159,0.06);
    }
    .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;
    }
    /* v2.43.92 · separadores marrón clarito (en lugar de gris) */
    .et-m-eco-news__item {
        position: relative;
        padding: 14px 0;
        border-bottom: 1px solid #D9C2A4;
    }
    /* v2.43.92 · línea superior en la primera noticia para separar de la
       gráfica de mercados (mismo marrón clarito · poco aire encima). */
    .et-m-eco-news__item:first-child {
        padding-top: 10px;
        margin-top: 8px;
        border-top: 1px solid #D9C2A4;
    }
    .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;
    }
    /* v2.43.82 · kicker color ROJO theme (alineado con MERCADOS EN VIVO) */
    .et-m-eco-news__kicker { color: #C8102E; 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;
    }

    /* v2.43.91 · LEAD estilo Hero A móvil — foto grande arriba + título XL + dek + byline.
       Kicker rojo (#C8102E) se mantiene gracias a .et-m-eco-news__kicker. */
    .et-m-eco-news__item.is-lead { padding-top: 18px; padding-bottom: 18px; }
    .et-m-eco-news__lead--hero {
        display: block;
        gap: 0;
    }
    .et-m-eco-news__figure {
        margin: 0 0 12px;
        position: relative;
        line-height: 0;
    }
    .et-m-eco-news__photo--hero {
        flex: none;
        width: 100%;
        height: 0;
        padding-bottom: 56.25%; /* 16:9 igual al hero A */
        background-color: #33519F;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .et-m-eco-news__title--hero {
        font-family: 'Inter', sans-serif;
        font-size: 23px;        /* = .et-mhero__title--xl */
        font-weight: 800;
        line-height: 1.1;
        letter-spacing: -0.3px;
        color: #0A0A0A;
        margin: 0 0 10px;
    }
    .et-m-eco-news__title--hero .et-m-eco-news__kicker {
        color: #C8102E;
        font-weight: 800;
    }
    .et-m-eco-news__title--hero .et-m-eco-news__h {
        color: #0A0A0A;
        font-weight: 800;
    }
    .et-m-eco-news__dek {
        margin: 0 0 10px;
        font-family: 'Manrope', 'Inter', sans-serif;
        font-size: 13.5px;
        line-height: 1.45;
        color: #525252;
        font-weight: 400;
    }
}

/* ─── 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; }

/* ────────────────────────────────────────────────────────────
   IMAGEN DESTACADA del update — DEBAJO del texto, estilo FT/NYT
   Marco fino + sombra sutil + caption editorial con barra azul.
──────────────────────────────────────────────────────────── */
.et-livepage__entry-image {
    margin: 18px 0 4px;
    padding: 0;
}
.et-livepage__entry-image-frame {
    position: relative;
    width: 100%;
    border-radius: 4px;
    overflow: hidden;
    background: linear-gradient(135deg, #F4F4F0 0%, #EAEAE0 100%);
    box-shadow:
        0 1px 2px rgba(10, 10, 10, 0.06),
        0 8px 24px -8px rgba(10, 10, 10, 0.12),
        inset 0 0 0 1px rgba(10, 10, 10, 0.04);
    transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.4s;
}
.et-livepage__entry-image-frame:hover {
    transform: translateY(-2px);
    box-shadow:
        0 2px 4px rgba(10, 10, 10, 0.08),
        0 16px 36px -8px rgba(10, 10, 10, 0.18),
        inset 0 0 0 1px rgba(10, 10, 10, 0.04);
}
.et-livepage__entry-image-frame img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 4px;
}
.et-livepage__entry-image figcaption {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 10px 2px 0;
    padding: 0;
    font-family: 'Inter', sans-serif;
    font-size: 12.5px;
    line-height: 1.5;
    color: #5C5C5C;
    letter-spacing: 0.1px;
}
.et-livepage__entry-image-cap-bar {
    flex-shrink: 0;
    display: block;
    width: 3px;
    height: auto;
    min-height: 16px;
    align-self: stretch;
    background: #33519F;
    border-radius: 2px;
    margin-top: 2px;
}
.et-livepage__entry-image-cap-text {
    flex: 1;
    font-style: italic;
}
.et-livepage__entry-image-cap-text::before {
    content: "Foto · ";
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    font-size: 9.5px;
    color: #33519F;
    margin-right: 4px;
    vertical-align: 1px;
}
@media (min-width: 720px) {
    .et-livepage__entry-image { margin: 22px 0 6px; }
    .et-livepage__entry-image figcaption { font-size: 13px; }
}

/* ────────────────────────────────────────────────────────────
   EMBEDS sociales/video del update
──────────────────────────────────────────────────────────── */
.et-livepage__entry-embeds {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.et-livepage__entry-embeds .et-embed-frame {
    margin: 0;
}

/* ────────────────────────────────────────────────────────────
   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;
    /* v2.35.3 · nunca negro · gradient navy theme como base permanente */
    background: linear-gradient(135deg, #33519F 0%, #243C7A 100%);
}
.et-m-cover__photo {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.et-m-cover__photo--empty {
    background: linear-gradient(135deg, #33519F, #243C7A);
}
/* v2.35.5 · <img> real para máxima fiabilidad — cubre toda la zona del card.
 * !important fuerza override de los width/height inline que WP añade. */
.et-m-cover__img,
.et-m-cover__photo img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
    z-index: 1;
    margin: 0 !important;
    padding: 0 !important;
}
.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;
    /* v2.35.3 · por encima del <img> que tiene z-index 1 */
    z-index: 2;
}
.et-m-cover__content {
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: 18px;
    /* v2.35.3 · por encima del overlay para que el texto sea legible */
    z-index: 3;
    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
   v2.43.88 · Primer card alineado al header (16px) — antes 18px → desfase
   visual con el título. */
.et-m-dash__grid {
    display: flex;
    gap: 14px;
    padding: 10px 16px 14px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-padding-left: 16px;
    -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;
}

/* ════════════════════════════════════════════════════════════════════════
 * v2.34.5 · SUBNAV móvil (fecha · tiempo · TOP tags)
 * SOLO las tags hacen scroll horizontal · fecha/tiempo/TOP fijos.
 * Todo alineado al MISMO baseline con line-height:1 + align-items:center.
 * ════════════════════════════════════════════════════════════════════════ */
.et-m-subnav {
    display: flex;
    align-items: center;
    gap: 10px;
    /* v2.43.10 · compactado: padding vertical 8→4, margin-bottom 12→6 */
    padding: 4px 12px;
    margin-top: 0;
    margin-bottom: 6px;
    /* v2.43.10 · fondo blanco (antes azul muy claro) */
    background: #FFFFFF;
    border-bottom: 2px solid #33519F; /* raya AZUL theme · v2.34.8 */
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 11px;
    line-height: 1;
    color: #14306F;
    overflow: hidden;             /* el subnav no scrollea */
    box-sizing: border-box;
}

.et-m-subnav__date,
.et-m-subnav__wx {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    text-decoration: none;
    color: #14306F;
    font-weight: 700;
    letter-spacing: 0.5px;
    line-height: 1;
}
.et-m-subnav__wx svg { color: #33519F; display: block; }

.et-m-subnav__bar {
    flex: 0 0 auto;
    display: inline-block;
    width: 1px;
    height: 12px;
    background: rgba(51, 81, 159, 0.25);
}

/* TOP: premium · Playfair · gradient azul corporativo · v2.34.8
   v2.43.10 · reducido (15→11px) y centrado vertical para alinear con tags */
.et-m-subnav__top {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;         /* antes baseline · ahora alineado al eje de las tags */
    gap: 0;
    height: 12px;                /* mismo box-height que las tags */
    line-height: 1;
    padding: 0 2px 0 0;
}
.et-m-subnav__top em {
    font-family: 'Playfair Display', 'Georgia', 'Times New Roman', serif;
    font-style: normal;
    font-weight: 900;
    font-size: 11px;
    letter-spacing: 0.2px;
    line-height: 1;
    /* v2.43.11 · color negro (antes gradient azul corporativo) */
    background: none;
    -webkit-background-clip: initial;
    background-clip: initial;
    -webkit-text-fill-color: initial;
    color: #0A0A0A;
    padding-right: 1px;
}
.et-m-subnav__top-colon {
    font-family: 'Playfair Display', 'Georgia', serif;
    font-style: normal;
    font-weight: 900;
    font-size: 11px;
    color: #0A0A0A;               /* v2.43.11 · negro */
    line-height: 1;
    margin-left: 1px;
}

/* SOLO este contenedor hace scroll horizontal · ocupa el resto del ancho */
.et-m-subnav__tags {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 12px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    white-space: nowrap;
    scrollbar-width: none;
    line-height: 1;
}
.et-m-subnav__tags::-webkit-scrollbar { display: none; }

.et-m-subnav__tag {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    height: 12px;                 /* mismo box-height que TOP → mismo baseline */
    color: #0A0A0A;               /* tags en NEGRO */
    font-weight: 500;
    font-size: 10px;              /* v2.43.10 · reducido de 11 a 10 */
    letter-spacing: 0.8px;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1;
}
.et-m-subnav__tag:active { color: #33519F; }

/* ════════════════════════════════════════════════════════════════════════
 * v2.34.13 · Editorial · eyebrow "EST · Análisis" premium
 * ════════════════════════════════════════════════════════════════════════ */
.et-m-edit__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 6px;
    line-height: 1;
}
.et-m-edit__eyebrow-mark {
    font-family: 'Playfair Display', 'Georgia', serif;
    font-weight: 900;
    font-size: 15px;
    letter-spacing: -0.4px;
    background: linear-gradient(135deg, #33519F 0%, #14306F 60%, #0B1F4C 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #14306F;
    line-height: 1;
}
.et-m-edit__eyebrow-sep {
    display: inline-block;
    width: 14px;
    height: 1px;
    background: #33519F;
}
.et-m-edit__eyebrow-tag {
    font-family: 'Inter', -apple-system, sans-serif;
    font-weight: 800;
    font-size: 9.5px;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    color: #33519F;
    line-height: 1;
}
.et-m-edit__item.is-highlight .et-m-edit__eyebrow-mark { background: linear-gradient(135deg, #243C7A, #0B1F4C); -webkit-background-clip: text; background-clip: text; }

/* ════════════════════════════════════════════════════════════════════════
 * v2.34.13 · Weather + Seismic NEWS · layout El Mundo + CTA premium WOW
 *   · Kicker azul con punto al final
 *   · Título grande bold negro multi-línea
 *   · Foto debajo (no a la izquierda)
 *   · Byline en MAYÚSCULAS Inter mismo formato que resto de bloques
 *   · CTA premium "Especial · Ver el tiempo completo →" con gradient
 * ════════════════════════════════════════════════════════════════════════ */
/* v2.34.15 — Sin bordes azules · kicker AEMET./IGN. arriba estilo El Mundo */
.et-m-wxnews {
    margin: 18px 0;
    padding: 4px var(--et-mob-pad, 12px) 4px;
    border-top: 0;
    border-bottom: 0;
    background: transparent;
    box-sizing: border-box;
}

/* v2.34.18 — Kicker ahora INLINE en el <h2> con clase canónica
   .et-m-card__kicker (la que usan hero, grid, list, mag, carousel, cover…).
   Hereda font del título y sólo cambia el color a azul harbor.

   v2.34.19 — Override paranoico CON específicity superior al rule de
   article-v2.css por si algún CSS minifier/optimizer del usuario reordena
   o pisa la regla canónica. */
.et-m article.et-m-wxnews .et-m-wxnews__title .et-m-card__kicker,
.et-m article.et-m-wxnews h2.et-m-wxnews__title a span.et-m-card__kicker,
.et-m-wxnews h2 a span.et-m-card__kicker {
    display: inline !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #33519F !important;
    font-weight: inherit !important;
    font-size: inherit !important;
    font-family: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important;
    margin: 0 !important;
    padding: 0 6px 0 0 !important;
    background: transparent !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    clip: auto !important;
    text-transform: none !important;
}

.et-m-wxnews__title {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-weight: 800;
    font-size: 22px;
    line-height: 1.18;
    letter-spacing: -0.5px;
    color: #0A0A0A;
    margin: 0 0 10px;
}
.et-m-wxnews__title a {
    color: inherit;
    text-decoration: none;
}

.et-m-wxnews__byline {
    margin: 0 0 12px;
    font-family: 'Inter', -apple-system, sans-serif;
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 1.4px;
    color: #525252;
    text-transform: uppercase;
    line-height: 1.4;
    display: inline-flex;
    align-items: center;
    gap: 0;                       /* sin gap · el separador maneja el espacio */
}
.et-m-wxnews__author { color: #0A0A0A; font-weight: 800; }
.et-m-wxnews__city,
.et-m-wxnews__date { color: #525252; font-weight: 700; }
.et-m-wxnews__sep {
    display: inline-block;
    color: #BDBDBD;
    font-weight: 400;
    margin: 0 6px;                /* poco espacio · barra vertical separadora */
    transform: translateY(-1px);  /* ligera elevación visual */
}

.et-m-wxnews__photo {
    display: block;
    width: 100%;
    aspect-ratio: 16/9;
    background: #14306F center/cover no-repeat;
    margin: 0 0 14px;
    border-bottom: 2px solid #33519F;
}

/* ─── CTA premium WOW · "Especial · Ver el tiempo completo →" ─── */
.et-m-wxnews__cta {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    background: linear-gradient(135deg, rgba(51, 81, 159, 0.06) 0%, rgba(20, 48, 111, 0.03) 100%);
    border: 1px solid rgba(51, 81, 159, 0.20);
    border-radius: 10px;
    text-decoration: none;
    transition: background .18s, border-color .18s, transform .18s;
    margin: 0;
}
/* v2.43.77 · Variante BANNER premium · pegado encima de la foto como
   una extensión visual de la misma. Full-width, sin border-radius,
   gradient navy elegante, todo flush con la foto. */
.et-m-wxnews__media {
    margin: 14px 0 0;
    display: flex;
    flex-direction: column;
    gap: 0;             /* banner y foto pegados, sin separación */
}
/* v2.43.78 · Banner CLARO premium · fondo blanco azulado sutil,
   texto azul theme, badge AEMET centrado, dot del EN VIVO bien
   separado del texto. Sigue siendo full-width y flush con la foto. */
.et-m-wxnews__cta--banner {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 12px;
    padding: 11px 14px;
    background: linear-gradient(180deg, #F4F7FD 0%, #EAF0FA 100%);
    border: 0;
    border-radius: 0;
    margin: 0;
    text-decoration: none;
    transition: background .2s;
    /* v2.43.79 · Borde azul arriba + lados izquierdo y derecho · seam abajo
       para integrar con la foto. */
    box-shadow:
        inset 0  1px 0 rgba(51, 81, 159, 0.18),   /* hairline arriba */
        inset  1px 0 0 rgba(51, 81, 159, 0.18),   /* hairline izquierda */
        inset -1px 0 0 rgba(51, 81, 159, 0.18),   /* hairline derecha */
        inset 0 -1px 0 rgba(51, 81, 159, 0.10);   /* seam con la foto */
}
.et-m-wxnews__cta--banner:hover,
.et-m-wxnews__cta--banner:active {
    background: linear-gradient(180deg, #EAF0FA 0%, #DDE6F4 100%);
}
/* Label AEMET · badge azul theme con TEXTO CENTRADO y ancho fijo
   suficiente para que la palabra respire dentro del recuadro. */
.et-m-wxnews__cta--banner .et-m-wxnews__cta-label {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;        /* AEMET centrado horizontal */
    min-width: 56px;                /* ancho mínimo para que respire */
    font-family: 'Inter', sans-serif;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.6px;
    color: #FFFFFF;
    background: #33519F;
    padding: 5px 9px;               /* paddings simétricos */
    border-radius: 3px;
    text-transform: uppercase;
    text-align: center;
    line-height: 1;
    box-shadow: 0 1px 2px rgba(20, 48, 111, 0.20);
}
/* Texto principal · serif azul theme uniforme */
.et-m-wxnews__cta--banner .et-m-wxnews__cta-text {
    flex: 1 1 auto;
    font-family: 'Playfair Display', 'Georgia', serif;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: -0.1px;
    line-height: 1.2;
    color: #14306F;
    background: none;
    -webkit-text-fill-color: #14306F;
}
/* EN VIVO · separador más generoso + dot bien separado del texto */
.et-m-wxnews__cta--banner .et-m-wxnews__cta-live {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 8px;                       /* v2.43.78 · dot separado del texto */
    padding-left: 12px;
    margin-left: 6px;
    border-left: 1px solid rgba(51, 81, 159, 0.22);
    line-height: 1;
}
.et-m-wxnews__cta--banner .et-m-wxnews__cta-live-dot {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #33519F;                            /* v2.43.79 · azul theme */
    box-shadow: 0 0 0 0 rgba(51, 81, 159, 0.55);
    animation: etWxBannerPulse 1.6s ease-out infinite;
    flex-shrink: 0;
    transform-origin: center center;
}
.et-m-wxnews__cta--banner .et-m-wxnews__cta-live-text {
    font-family: 'Inter', sans-serif;
    font-size: 8.5px;
    font-weight: 800;
    letter-spacing: 1.6px;
    color: #33519F;                                 /* v2.43.79 · azul theme */
    text-transform: uppercase;
    line-height: 1;
    -webkit-text-fill-color: #33519F;
    background: none;
}
.et-m-wxnews__cta--banner .et-m-wxnews__cta-arrow {
    flex: 0 0 auto;
    color: #33519F;
    transition: transform .18s;
    opacity: 0.95;
}
.et-m-wxnews__cta--banner:hover .et-m-wxnews__cta-arrow,
.et-m-wxnews__cta--banner:active .et-m-wxnews__cta-arrow {
    transform: translateX(3px);
    opacity: 1;
}
@keyframes etWxBannerPulse {
    0%   { box-shadow: 0 0 0 0 rgba(51, 81, 159, 0.55); transform: scale(1); }
    70%  { box-shadow: 0 0 0 6px rgba(51, 81, 159, 0);  transform: scale(1.08); }
    100% { box-shadow: 0 0 0 0 rgba(51, 81, 159, 0);    transform: scale(1); }
}

/* v2.43.94 · VARIANTE ROJA (IGN INVOLCAN) del CTA banner del bloque sismos.
   Mismo layout que AEMET pero en colores rojos del theme (#C8102E). */
.et-m-wxnews__cta--banner-seismic {
    background: linear-gradient(180deg, #FDF4F5 0%, #FAEAEC 100%) !important;
    box-shadow:
        inset 0  1px 0 rgba(200, 16, 46, 0.18),
        inset  1px 0 0 rgba(200, 16, 46, 0.18),
        inset -1px 0 0 rgba(200, 16, 46, 0.18),
        inset 0 -1px 0 rgba(200, 16, 46, 0.10) !important;
}
.et-m-wxnews__cta--banner-seismic:hover,
.et-m-wxnews__cta--banner-seismic:active {
    background: linear-gradient(180deg, #FAEAEC 0%, #F4D6DA 100%) !important;
}
.et-m-wxnews__cta--banner-seismic .et-m-wxnews__cta-label {
    background: #C8102E !important;
    box-shadow: 0 1px 2px rgba(139, 0, 0, 0.25) !important;
}
.et-m-wxnews__cta--banner-seismic .et-m-wxnews__cta-text {
    color: #8B0000 !important;
    -webkit-text-fill-color: #8B0000 !important;
}
.et-m-wxnews__cta--banner-seismic .et-m-wxnews__cta-live {
    border-left-color: rgba(200, 16, 46, 0.22) !important;
}
.et-m-wxnews__cta--banner-seismic .et-m-wxnews__cta-live-dot {
    background: #C8102E !important;
    animation: etSeismicBannerPulse 1.6s ease-out infinite !important;
}
.et-m-wxnews__cta--banner-seismic .et-m-wxnews__cta-live-text {
    color: #C8102E !important;
}
.et-m-wxnews__cta--banner-seismic .et-m-wxnews__cta-arrow {
    color: #8B0000;
}
@keyframes etSeismicBannerPulse {
    0%   { box-shadow: 0 0 0 0 rgba(200, 16, 46, 0.60); transform: scale(1); }
    70%  { box-shadow: 0 0 0 6px rgba(200, 16, 46, 0);  transform: scale(1.10); }
    100% { box-shadow: 0 0 0 0 rgba(200, 16, 46, 0);    transform: scale(1); }
}

/* Kicker borgoña dentro del título del bloque sismos · v2.43.96 más sobrio */
.et-m-wxnews--seismic .et-m-card__kicker {
    color: #8C3A3F !important;
}

/* v2.43.96 · CTA en formato meta (sin fondo ni borde) para el bloque sismos.
   Va DEBAJO del título, ANTES de la foto. Look minimal premium. */
.et-m-wxnews__cta-meta {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: -4px 0 12px;            /* pegado al título arriba, aire abajo */
    padding: 0;
    background: transparent;
    border: 0;
    text-decoration: none;
    font-family: 'Inter', sans-serif;
    color: #525252;
    line-height: 1;
    transition: color .15s;
}
.et-m-wxnews__cta-meta:hover,
.et-m-wxnews__cta-meta:focus-visible {
    color: #0A0A0A;
}
.et-m-wxnews__cta-meta-text {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.3px;
    text-transform: uppercase;
    color: inherit;
}
.et-m-wxnews__cta-meta-sep {
    color: #C0C0C0;
    font-weight: 400;
    font-size: 11px;
    line-height: 1;
}
.et-m-wxnews__cta-meta-live {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 9.5px;
    font-weight: 800;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    color: #8C3A3F;
}
.et-m-wxnews__cta-meta-dot {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #A33841;
    box-shadow: 0 0 0 0 rgba(163, 56, 65, 0.55);
    animation: etSeismicMetaPulse 1.8s ease-out infinite;
}
@keyframes etSeismicMetaPulse {
    0%   { box-shadow: 0 0 0 0 rgba(163, 56, 65, 0.50); transform: scale(1); }
    70%  { box-shadow: 0 0 0 5px rgba(163, 56, 65, 0);  transform: scale(1.15); }
    100% { box-shadow: 0 0 0 0 rgba(163, 56, 65, 0);    transform: scale(1); }
}
.et-m-wxnews__cta-meta-arrow {
    margin-left: 2px;
    opacity: 0.55;
    transition: transform .18s, opacity .18s;
}
.et-m-wxnews__cta-meta:hover .et-m-wxnews__cta-meta-arrow {
    transform: translateX(3px);
    opacity: 1;
}

/* Foto pegada al margen normal cuando el banner ya no está */
/* v2.43.98 · Gap entre imagen y entradilla reducido (12px → 4px) */
.et-m-wxnews__media--seismic {
    margin: 0 0 4px;
}
.et-m-wxnews__media--seismic .et-m-wxnews__photo {
    margin: 0;
    border-radius: 0;
}

/* v2.43.97 · Entradilla bajo la foto (sismos) — espacios ajustados */
.et-m-wxnews__dek {
    margin: 0 0 8px !important;
}

/* v2.43.97 · Acercar la noticia al slider de terremotos · sin doble aire */
.et-m-wxnews--seismic {
    margin-bottom: 4px !important;
}
.et-m-wxnews--seismic .et-m-wxnews__meta {
    margin-bottom: 0 !important;
}

/* v2.43.99 · VARIANTE WEATHER del CTA meta (azul theme #33519F).
   Misma estructura que seismic pero el live dot/text en azul. */
.et-m-wxnews--weather .et-m-wxnews__cta-meta-live {
    color: #33519F !important;
}
.et-m-wxnews--weather .et-m-wxnews__cta-meta-dot {
    background: #33519F !important;
    animation: etWeatherMetaPulse 1.8s ease-out infinite !important;
}
@keyframes etWeatherMetaPulse {
    0%   { box-shadow: 0 0 0 0 rgba(51, 81, 159, 0.55); transform: scale(1); }
    70%  { box-shadow: 0 0 0 5px rgba(51, 81, 159, 0);  transform: scale(1.15); }
    100% { box-shadow: 0 0 0 0 rgba(51, 81, 159, 0);    transform: scale(1); }
}
/* Foto del bloque weather pegada · gap mini con la entradilla (igual seismic) */
.et-m-wxnews__media--weather {
    margin: 0 0 4px;
}
.et-m-wxnews__media--weather .et-m-wxnews__photo {
    margin: 0;
    border-radius: 0;
}
/* Acercar la noticia weather al strip de tarjetas */
.et-m-wxnews--weather {
    margin-bottom: 4px !important;
}
.et-m-wxnews--weather .et-m-wxnews__meta {
    margin-bottom: 0 !important;
}
/* Foto pegada al banner: sin margen superior · más respiración hasta el meta */
.et-m-wxnews__media .et-m-wxnews__photo {
    margin: 0 0 18px;            /* v2.43.78 · 14 → 18 · más aire al meta */
    border-radius: 0;
}
@media (max-width: 360px) {
    .et-m-wxnews__cta--banner { padding: 10px 12px; gap: 10px; }
    .et-m-wxnews__cta--banner .et-m-wxnews__cta-text { font-size: 12px; }
    .et-m-wxnews__cta--banner .et-m-wxnews__cta-label { font-size: 8.5px; letter-spacing: 1.4px; padding: 4px 8px; min-width: 50px; }
    .et-m-wxnews__cta--banner .et-m-wxnews__cta-live-text { font-size: 8px; letter-spacing: 1.4px; }
    .et-m-wxnews__cta--banner .et-m-wxnews__cta-live { padding-left: 10px; margin-left: 4px; gap: 7px; }
}
.et-m-wxnews__cta:active,
.et-m-wxnews__cta:hover {
    background: linear-gradient(135deg, rgba(51, 81, 159, 0.14) 0%, rgba(20, 48, 111, 0.08) 100%);
    border-color: rgba(51, 81, 159, 0.34);
}
.et-m-wxnews__cta-label {
    flex: 0 0 auto;
    font-family: 'Inter', sans-serif;
    font-size: 9.5px;
    font-weight: 900;
    letter-spacing: 1.6px;
    color: #FFFFFF;               /* blanco · v2.34.14 */
    background: #33519F;          /* azul theme · v2.34.14 */
    padding: 4px 8px;
    border-radius: 4px;
    text-transform: uppercase;
    line-height: 1;
    box-shadow: 0 1px 3px rgba(20, 48, 111, 0.18);
}
.et-m-wxnews__cta-text {
    flex: 1 1 auto;
    font-family: 'Playfair Display', 'Georgia', serif;
    font-weight: 700;
    font-size: 12.5px;          /* v2.43.72 · reducido 15 → 12.5 para más equilibrio */
    letter-spacing: -0.2px;
    line-height: 1.2;
    /* v2.43.75 · color sólido azul theme uniforme (antes era gradient
       que provocaba un degradado del azul al azul oscuro). */
    background: none;
    -webkit-background-clip: initial;
    background-clip: initial;
    -webkit-text-fill-color: #33519F;
    color: #33519F;
}
@media (max-width: 360px) {
    .et-m-wxnews__cta-text { font-size: 11.5px; }
}
.et-m-wxnews__cta-arrow {
    flex: 0 0 auto;
    color: #33519F;
    transition: transform .18s;
}
.et-m-wxnews__cta:active .et-m-wxnews__cta-arrow,
.et-m-wxnews__cta:hover .et-m-wxnews__cta-arrow {
    transform: translateX(4px);
}

/* v2.43.70 — Indicador EN VIVO al final del CTA del tiempo
   Punto azul theme parpadeante + texto pequeño elegante. */
.et-m-wxnews__cta-live {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding-left: 8px;
    margin-left: 6px;
    border-left: 1px solid rgba(51, 81, 159, 0.18);
    line-height: 1;
}
.et-m-wxnews__cta-live-dot {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #33519F;
    box-shadow: 0 0 0 0 rgba(51, 81, 159, 0.55);
    animation: etWxLivePulse 1.6s ease-out infinite;
    flex-shrink: 0;
}
.et-m-wxnews__cta-live-text {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.4px;
    color: #33519F;
    text-transform: uppercase;
    line-height: 1;
    /* sobreescribir el gradient inherited del cta-text */
    background: none;
    -webkit-background-clip: initial;
    background-clip: initial;
    -webkit-text-fill-color: #33519F;
}
@keyframes etWxLivePulse {
    0%   { box-shadow: 0 0 0 0 rgba(51, 81, 159, 0.55); transform: scale(1); }
    70%  { box-shadow: 0 0 0 6px rgba(51, 81, 159, 0);  transform: scale(1.08); }
    100% { box-shadow: 0 0 0 0 rgba(51, 81, 159, 0);    transform: scale(1); }
}
@media (max-width: 360px) {
    .et-m-wxnews__cta-live { padding-left: 6px; margin-left: 4px; }
    .et-m-wxnews__cta-live-text { font-size: 8.5px; letter-spacing: 1.2px; }
    .et-m-wxnews__cta-live-dot { width: 5px; height: 5px; }
}

/* Foto sin franja inferior · v2.34.14 (era 2px azul, ya no hace falta) */
.et-m-wxnews__photo { border-bottom: 0; }

/* v2.43.74 — Strip de tarjetas islas AL FINAL del bloque, debajo del
   botón "Ver el tiempo semanal". Mantiene el look horizontal scroll.
   v2.43.79 · Quitado el override full-width · respetan padding natural
   del strip base (var --et-mob-pad). */
.et-m__weather-strip--bottom {
    margin-top: 16px;
    /* v2.43.87 · Primer tarjeta isla alineada con el header (16px), igual
       que en juegos, boletines y mercados. Override del base 18px (--et-mob-pad). */
    padding-left: 16px !important;
    padding-right: 16px !important;
    scroll-padding-left: 16px;
}
/* v2.43.72 — Meta de la noticia con el estilo del hero (Manrope 11
   uppercase letter-spacing 0.4). Heredamos al 100% de .et-mhero__meta. */
.et-m-wxnews__meta {
    margin: 0 0 14px;
}

/* ════════════════════════════════════════════════════════════════════════
 * v2.34.10 · BUNDLE ECONOMÍA — premium head + charts + raya azul theme
 * ════════════════════════════════════════════════════════════════════════ */
.et-m-eco-bundle {
    background: #FCE9E1;
    margin: 18px 0 0;
    padding: 16px 0 0;                  /* v2.34.16 · sin padding-bottom → gas CTA pegado al dashboard */
    /* v2.43.73 · Quitado el border-top azul (línea encima del bloque). */
    border-radius: 0;
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
}
/* v2.43.73 · Borde inferior también quitado para no dejar línea suelta. */

/* ─── HEAD premium · EST · ECONOMÍA + chip EN DIRECTO ─── */
.et-m-eco-bundle__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 0 var(--et-mob-pad, 12px) 12px;
    background: transparent;
    border-bottom: 1px solid rgba(10, 10, 10, 0.10);
    margin-bottom: 14px;
}
/* v2.34.12 — Header simple: EST + Economía mismo tamaño, sin separador
   v2.43.70 — DEPRECATED: reemplazado por .et-m-eco-bundle__title
   (estilo unificado con el resto de bloques móviles). Las reglas
   `.et-m-eco-bundle__brand*` se conservan por compat hacia atrás. */
.et-m-eco-bundle__brand {
    display: inline-flex;
    align-items: baseline;
    gap: 8px;
    margin: 0;
    line-height: 1;
}
.et-m-eco-bundle__brand-est,
.et-m-eco-bundle__brand-eco {
    font-family: 'Playfair Display', 'Georgia', serif;
    font-weight: 900;
    font-size: 16px;
    line-height: 1;
    letter-spacing: -0.4px;
}
.et-m-eco-bundle__brand-est {
    background: linear-gradient(135deg, #33519F 0%, #14306F 60%, #0B1F4C 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #14306F;
}
.et-m-eco-bundle__brand-eco {
    color: #0A0A0A;
    font-weight: 700;
}

/* v2.43.70 — Título Economía premium minimalista
   Mismo estilo tipográfico que el resto de bloques (.et-m-sh2__name):
   Inter 900 uppercase 15.5px letter-spacing -0.15px, sobre el fondo rosa
   actual del bundle. Icono de gráfica/tendencia en gris oscuro elegante. */
.et-m-eco-bundle__title {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin: 0;
    line-height: 1;
}
.et-m-eco-bundle__title-icon {
    width: 18px;
    height: 18px;
    color: #2A2A2A;          /* gris oscuro casi negro */
    flex-shrink: 0;
    opacity: 0.92;
}
.et-m-eco-bundle__title-text {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 15.5px;
    font-weight: 900;
    color: #0A0A0A;
    text-transform: uppercase;
    letter-spacing: -0.15px;
    line-height: 1;
}
@media (max-width: 360px) {
    .et-m-eco-bundle__title-text { font-size: 13.5px; }
    .et-m-eco-bundle__title-icon { width: 16px; height: 16px; }
}
/* v2.34.20 — MARKETS + dot en AZUL theme (antes era rojo) */
.et-m-eco-bundle__live {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-family: 'Inter', sans-serif;
    font-size: 9.5px;
    font-weight: 800;
    letter-spacing: 1.5px;
    color: #33519F;
    text-transform: uppercase;
}
.et-m-eco-bundle__live-dot {
    width: 7px; height: 7px;
    border-radius: 50%;
    background: #33519F;
    box-shadow: 0 0 0 0 rgba(51, 81, 159, 0.6);
    animation: etEcoPulse 1.6s ease-out infinite;
}
@keyframes etEcoPulse {
    0%   { box-shadow: 0 0 0 0 rgba(51, 81, 159, 0.6); }
    70%  { box-shadow: 0 0 0 8px rgba(51, 81, 159, 0); }
    100% { box-shadow: 0 0 0 0 rgba(51, 81, 159, 0); }
}

/* ─── CARDS · scroll horizontal con primer card alineado al header (16px) ─── */
.et-m-eco-cards {
    display: flex;
    gap: 0;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    /* v2.43.87 · 32px → 16px para alinear el primer card con el título sh2
       y con el resto de bloques del home (juegos, boletines, etc.). */
    padding: 0 16px 14px 16px;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
    scroll-padding-left: 16px;
}
.et-m-eco-cards::-webkit-scrollbar { display: none; }

.et-m-eco-cards__card {
    flex: 0 0 auto;
    width: 138px;
    padding: 6px 14px 6px 0;
    margin-right: 14px;
    background: transparent;
    border-right: 1px solid rgba(10, 10, 10, 0.14);
    scroll-snap-align: start;
    font-family: 'Inter', sans-serif;
    text-align: left;
    border-top: 0;
    border-bottom: 0;
    border-left: 0;
    border-radius: 0;
    cursor: pointer;
    transition: opacity .15s;
}
.et-m-eco-cards__card:last-child { border-right: 0; margin-right: 0; }
.et-m-eco-cards__card:not(.is-active) { opacity: 0.55; }
.et-m-eco-cards__card.is-active { opacity: 1; }

.et-m-eco-cards__top {
    display: flex;
    flex-direction: column;
    gap: 1px;
    margin-bottom: 6px;
}
.et-m-eco-cards__sym {
    font-size: 10.5px;
    font-weight: 900;
    letter-spacing: 1.6px;
    color: #5C2418;
    text-transform: uppercase;
}
.et-m-eco-cards__sub {
    font-size: 9px;
    font-weight: 600;
    color: #8A4538;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}
.et-m-eco-cards__value {
    display: block;
    font-family: 'Inter', sans-serif;
    font-size: 22px;
    font-weight: 900;
    line-height: 1.05;
    letter-spacing: -0.7px;
    color: #0A0A0A;
    margin-bottom: 4px;
    font-feature-settings: "tnum";
}
.et-m-eco-cards__chg {
    display: inline-flex;
    align-items: baseline;
    gap: 5px;
    font-family: 'Inter', sans-serif;
    font-size: 11.5px;
    font-weight: 800;
}
.et-m-eco-cards__arrow { font-size: 10px; }
.et-m-eco-cards__chg-pct { font-weight: 900; }
.et-m-eco-cards__card.is-up .et-m-eco-cards__chg   { color: #15803D; }
.et-m-eco-cards__card.is-down .et-m-eco-cards__chg { color: #C8102E; }

/* ─── CHARTS · sparkline interactivo (uno activo) ─── */
.et-m-eco-charts {
    position: relative;
    padding: 0 var(--et-mob-pad, 12px) 14px;
    border-top: 1px solid rgba(10, 10, 10, 0.08);
    margin-top: 4px;
    padding-top: 12px;
}
.et-m-eco-charts__panel {
    display: none;
    width: 100%;
}
.et-m-eco-charts__panel.is-active { display: block; }
.et-m-eco-charts__svg {
    width: 100%;
    height: 110px;
    display: block;
}
.et-m-eco-charts__axis {
    display: flex;
    justify-content: space-between;
    margin-top: 6px;
    font-family: 'Inter', sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.2px;
    color: #8A4538;
    text-transform: uppercase;
}

/* ─── Bloques internos · resets ─── */
.et-m-eco-bundle .et-m-eco-news,
.et-m-eco-bundle .et-m-economy {
    background: transparent !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.et-m-eco-bundle .et-m-eco-news { padding: 4px var(--et-mob-pad, 12px) 2px; }

/* ─── CTA gasolineras · v2.34.17 ORIGINAL design + full mobile width
   El CTA conserva su diseño original (white card + border + radius +
   layout interno icono/texto/botón). Sólo ajustamos el wrapper para que
   ocupe el 100% del ancho del bundle sin márgenes laterales. */
.et-m-eco-bundle .et-m-economy--full {
    padding: 8px 12px 4px;
    margin: 0;
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.et-m-eco-bundle .et-m-economy--full > .et-cta {
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    background: #FCE9E1 !important;          /* mismo peach que el bundle · v2.34.20 */
    border-color: rgba(92, 36, 24, 0.18) !important; /* borde burdeos suave armoniza */
}
.et-m-eco-bundle .et-m-economy--full > .et-cta:hover {
    background: #F8DDD0 !important;          /* peach un poco más cálido al hover */
    border-color: rgba(92, 36, 24, 0.32) !important;
}

/* ─── Dashboard (cat-feed-dashboard) si viene después: continuidad pink
   Uso `~` (general sibling) por si el dispatcher emite comentarios u otros
   nodos entre las dos secciones. v2.34.11 */
.et-m-eco-bundle ~ .et-m-dash,
.et-m-eco-bundle + .et-m-dash {
    background: #FCE9E1 !important;
    margin-top: 0 !important;
    padding-top: 2px !important;        /* v2.34.16 · pegado al gas CTA */
    padding-bottom: 14px;
    /* v2.43.82 · Quitada la línea azul `border-bottom: 2px solid #33519F`
       que cerraba el bloque. Ahora termina sin franja. */
}
.et-m-eco-bundle ~ .et-m-dash .et-m-dash__card,
.et-m-eco-bundle ~ .et-m-dash [class*="dash__card"] {
    background: rgba(255, 255, 255, 0.55) !important;
    border-color: rgba(10, 10, 10, 0.10) !important;
    /* v2.43.82 · Paleta unificada ROJO theme · sobreescribe el var --c
       inline que cada métrica trae de prices-api.php (cyan/dark-blue/pink/gold).
       Ahora gasolina, diésel, butano y luz comparten el rojo de "MERCADOS
       EN VIVO" para coherencia visual con el resto del bundle. */
    --c: #C8102E !important;
}
/* v2.43.82 · Sparkline + círculo final unificados al rojo. Los atributos
   inline `stroke="..."` y `fill="..."` de cada path/circle pierden frente
   a estas reglas CSS (presentation attributes < CSS). */
.et-m-eco-bundle ~ .et-m-dash .et-m-dash__spark path[stroke] { stroke: #C8102E !important; }
.et-m-eco-bundle ~ .et-m-dash .et-m-dash__spark circle[fill] { fill: #C8102E !important; }

/* ═══════════════════════════════════════════════════════════════════════
 * v2.35.0 · Section header v2 (línea + categoría/sponsor + dots)
 * Usado por todos los cat-feed-*.php excepto hero y economia
 * ═══════════════════════════════════════════════════════════════════════ */
.et-m-sh2 {
    margin: 22px 16px 12px;
    padding-top: 0;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    position: relative;
    border-top: 1px solid #D9D9D9;
}
.et-m-sh2::before {
    /* Acento oscuro grueso a la izquierda sobre la línea fina */
    content: '';
    position: absolute;
    top: -2px;
    left: 0;
    width: 36%;
    height: 4px;
    background: #0A0A0A;
    border-radius: 1px;
}
.et-m-sh2__row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 14px;
    padding: 16px 0 12px;
}
.et-m-sh2__name {
    /* v2.35.1 · reducido 30% (22 → 15.5px) */
    font-size: 15.5px;
    font-weight: 900;
    color: #0A0A0A;
    text-transform: uppercase;
    letter-spacing: -0.15px;
    line-height: 1;
    flex: 0 1 auto;
    min-width: 0;
}
.et-m-sh2__sponsor {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
    color: inherit;
    flex-shrink: 0;
}
.et-m-sh2__sponsor:hover { opacity: 0.85; }
.et-m-sh2__sponsor-text {
    font-size: 13px;
    font-weight: 500;
    color: #525252;
    letter-spacing: 3.2px;
    text-transform: uppercase;
    line-height: 1;
}
.et-m-sh2__sponsor img {
    height: 18px;
    width: auto;
    max-width: 120px;
    object-fit: contain;
    display: block;
}
.et-m-sh2__dots {
    height: 2px;
    background-image: radial-gradient(circle, #C2C2C2 0.8px, transparent 0.9px);
    background-size: 8px 2px;
    background-repeat: repeat-x;
    background-position: 0 50%;
}

/* v2.43.72 — Variante "MERCADOS EN VIVO" del sponsor del sh2:
   dot azul parpadeante ANTES + texto.
   v2.43.73 — Quitado el icono · alineación corregida con el título
   (usamos `center` en lugar de la `baseline` por defecto del sh2 row
   en su variante eco, porque la animación scale del dot mueve el
   baseline efectivo). */
.et-m-eco-bundle .et-m-sh2--eco .et-m-sh2__row {
    align-items: center;
}
.et-m-sh2__sponsor--markets {
    gap: 6px;
    line-height: 1;
}
.et-m-sh2__sponsor-dot {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #C8102E;       /* v2.43.74 · rojo theme */
    box-shadow: 0 0 0 0 rgba(200, 16, 46, 0.55);
    animation: etShMarketsPulse 1.6s ease-out infinite;
    flex-shrink: 0;
    /* fija un origin estable para que la animación scale no afecte al baseline */
    transform-origin: center center;
}
.et-m-sh2__sponsor--markets .et-m-sh2__sponsor-text {
    color: #C8102E;            /* v2.43.74 · rojo theme */
    font-weight: 700;
    font-size: 10px;           /* v2.43.82 · reducido (heredaba 13px del sh2) */
    letter-spacing: 1.8px;
    line-height: 1;
}
@keyframes etShMarketsPulse {
    0%   { box-shadow: 0 0 0 0 rgba(200, 16, 46, 0.55); transform: scale(1); }
    70%  { box-shadow: 0 0 0 7px rgba(200, 16, 46, 0);  transform: scale(1.08); }
    100% { box-shadow: 0 0 0 0 rgba(200, 16, 46, 0);    transform: scale(1); }
}
@media (max-width: 360px) {
    .et-m-sh2__sponsor--markets .et-m-sh2__sponsor-text { font-size: 10.5px; letter-spacing: 1.6px; }
    .et-m-sh2__sponsor-dot  { width: 6px; height: 6px; }
}
/* Asegurar que el sh2 del bundle de economía respeta el padding lateral
   del bundle (que usa --et-mob-pad) sin duplicar márgenes. */
.et-m-eco-bundle .et-m-sh2--eco {
    margin: 4px 16px 12px;
}

/* Dark / mint variantes */
.sec-dark .et-m-sh2 { border-top-color: #2A2A2A; }
.sec-dark .et-m-sh2::before { background: #fff; }
.sec-dark .et-m-sh2__name { color: #fff; }
.sec-dark .et-m-sh2__sponsor-text { color: #9A9A9A; }
.sec-dark .et-m-sh2__dots {
    background-image: radial-gradient(circle, #555 0.8px, transparent 0.9px);
}
.sec-mint .et-m-sh2 { border-top-color: #B7CFC2; }
.sec-mint .et-m-sh2::before { background: #096C4E; }
.sec-mint .et-m-sh2__name { color: #0F3F2E; }
.sec-mint .et-m-sh2__sponsor-text { color: #527669; }

@media (max-width: 360px) {
    .et-m-sh2__name { font-size: 13.5px; }
    .et-m-sh2__sponsor-text { font-size: 11.5px; letter-spacing: 2.4px; }
    .et-m-sh2__sponsor img { height: 16px; max-width: 100px; }
}

/* v2.35.1 · Variante LOGO CENTRAL (sin título ni sponsor)
 * Usada cuando el bloque define header_logo (p.ej. Planes / Viajes con ESTravel) */
.et-m-sh2--logo .et-m-sh2__row {
    justify-content: center;
    padding: 14px 0 12px;
}
.et-m-sh2__logo {
    /* v2.35.3 · reducido más (22→17px) */
    height: 17px;
    width: auto;
    max-width: 34%;
    object-fit: contain;
    display: block;
}
/* v2.35.3 · línea AZUL THEME gruesa, centrada (solo variante logo) */
.et-m-sh2--logo::before {
    left: 50%;
    transform: translateX(-50%);
    width: 28%;
    background: #33519F;
}
@media (max-width: 360px) {
    .et-m-sh2__logo { height: 14px; max-width: 42%; }
}

/* v2.35.2 · sponsor text más pequeño (era 13px, ahora 11.5px) */
.et-m-sh2__sponsor-text {
    font-size: 11.5px;
    letter-spacing: 2.4px;
}

/* v2.35.2 · cuando .et-m-sh2 va dentro de un parent con padding/margin lateral
 * (como .et-m-edit o .et-m-travel), neutralizar su margen lateral para que
 * salga al mismo ancho que en los demás bloques. */
.et-m-edit > .et-m-sh2,
.et-m-travel > .et-m-sh2,
.et-m-cover > .et-m-sh2,
.et-m-stories > .et-m-sh2 {
    margin-left: 0;
    margin-right: 0;
}
/* v2.35.4 · seismic no tiene padding lateral propio → no resetear
 * el margen del helper para que tenga el mismo ancho que el resto */
/* v2.35.2 · y compensar el padding del parent para que la línea/puntos
 * lleguen hasta los 16px laterales del viewport */
.et-m-edit {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 16px;
    padding-right: 16px;
}
.et-m-travel {
    /* el original es padding: 22px 18px 10px; lo igualamos a 16px lateral */
    padding-left: 16px !important;
    padding-right: 16px !important;
}

/* v2.35.3 · weather: NO sobrescribir el margin lateral del helper.
 * .et-m__weather no tiene padding lateral, así que el .et-m-sh2 conserva
 * sus 16px nativos = mismo ancho que el resto de bloques. */

/* ═════════════════════════════════════════════════════════════════
 * v2.43.0 · MOBILE HERO REDISEÑADO · 3 bloques + AD
 *   Réplica del Hero PC en orden cambiado:
 *     1. Móvil A (= PC B) — noticia destacada con foto
 *     2. Móvil B (= PC A1 + A2) — noticia con foto + sub-bloque
 *     3. Móvil C (= PC C) — pila con foto
 *
 *   v2.43.2 · TODO el bloque envuelto en @media (max-width: 1024px)
 *   para garantizar 0% de leak hacia el rendering de single posts PC.
 * ═════════════════════════════════════════════════════════════════ */
@media (max-width: 1024px) {
.et-mhero {
    margin: 0;
    padding: 0;
    background: #FFFFFF;
    font-family: 'Manrope', 'Inter', sans-serif;
}

/* Bloques · separador inferior INSET (no full-width) */
.et-mhero__block {
    padding: 18px 16px 22px;
    position: relative;
}
.et-mhero__block:not(:last-child)::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 16px;
    right: 16px;
    height: 1px;
    background: #E5E5E5;
}
.et-mhero__block--a2 {
    padding-top: 16px;
}
/* v2.43.11 · QUITADA la doble línea entre bloques.
   El ::after del bloque anterior ya separa; este ::before duplicaba la regla. */
.et-mhero__block--a2::before {
    content: none;
    display: none;
}

/* Figure (foto + caption) */
.et-mhero__figure {
    margin: 0 0 12px;
    padding: 0;
}
.et-mhero__photo {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    background-size: cover;
    background-position: center;
    background-color: #ECECEC;
    text-decoration: none;
}
.et-mhero__photo--c {
    aspect-ratio: 16 / 10;
}
/* v2.43.10 · Ocultar la descripción/crédito de la imagen en el hero móvil
   en TODOS los bloques (A, B, A2, C). El usuario pide quitar el pie de foto. */
.et-mhero__figcap { display: none !important; }
.et-mhero__figcap--unused-original {
    /* v2.43.1 · alineado a la izquierda, más pequeño */
    margin: 6px 0 0;
    padding: 0;
    font-size: 11px;
    line-height: 1.4;
    color: #8A8A8A;
    text-align: left;
}
.et-mhero__figcap-text { font-style: italic; }
.et-mhero__figcap-credit { font-style: italic; color: #9D9D9D; }

/* Títulos · v2.43.12 · revertido el uppercase (la Playfair Display se veía
   distinta en mayúsculas y el usuario pide volver al estilo original).
   Mantengo los tamaños reducidos pedidos en v2.43.11. */
.et-mhero__title {
    font-family: 'Playfair Display', Georgia, serif;
    color: #0A0A0A;
    margin: 0 0 8px;
    line-height: 1.12;
    letter-spacing: -0.005em;
    text-transform: none;        /* mixed case · como estaba antes */
}
.et-mhero__title a { color: inherit; text-decoration: none; }
.et-mhero__title--xl { font-size: 23px; font-weight: 800; margin-bottom: 10px; line-height: 1.1; }
.et-mhero__title--lg { font-size: 17px; font-weight: 800; margin: 12px 0 8px; line-height: 1.15; }
.et-mhero__title--md { font-size: 14.5px; font-weight: 700; margin: 10px 0 0; line-height: 1.22; }
/* v2.43.13 · Titulares más grandes solo en MOBILE C (= PC bloque C, pila de
   noticias con foto). El resto de bloques mantiene los tamaños anteriores. */
.et-mhero__block--c .et-mhero__title--lg { font-size: 21px; line-height: 1.18; }

/* v2.43.1 · Kicker AZUL THEME inline · todos los bloques */
.et-mhero__kicker {
    color: #33509E;
    font-weight: 800;
}

/* Título superior (sub-bloque A2) en AZUL THEME */
.et-mhero__topkicker {
    margin: 0 0 10px;
    font-family: 'Manrope', 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #33509E;
    letter-spacing: 0.2px;
}

/* Entradilla · v2.43.10 · reducida (todas las dek/subtítulos del hero móvil) */
.et-mhero__dek {
    margin: 0 0 10px;
    font-family: 'Manrope', 'Inter', sans-serif;
    font-size: 13.5px;          /* antes 16 */
    line-height: 1.45;
    color: #525252;
    font-weight: 400;
}

/* Meta line · v2.43.11 · MAYÚSCULAS + tamaño reducido */
.et-mhero__meta {
    margin: 0;
    font-family: 'Manrope', 'Inter', sans-serif;
    font-size: 11px;             /* antes 13 */
    line-height: 1.4;
    color: #525252;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: baseline;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}
.et-mhero__m-author { font-weight: 700; color: #0A0A0A; }
.et-mhero__m-sep    { color: #BDBDBD; }
.et-mhero__m-city   { color: #525252; }
.et-mhero__m-date   { color: #8A8A8A; font-size: 10px; margin-left: auto; }

/* Hairline gris */
.et-mhero__hairline {
    display: block;
    height: 1px;
    background: #E5E5E5;
    margin: 16px 0 14px;
    width: 100%;
}
.et-mhero__hairline--c { margin: 18px 0 16px; }

/* AD banner */
.et-mhero__ad {
    margin: 0;
    padding: 16px;
    border-top: 1px solid #E5E5E5;
    text-align: center;
    background: #FAFAFA;
}
.et-mhero__ad-label {
    display: block;
    margin: 0 0 8px;
    font-family: 'Manrope', 'Inter', sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    color: #8A8A8A;
}
.et-mhero__ad-img { display: block; }
.et-mhero__ad-img img { display: block; margin: 0 auto; max-width: 100%; height: auto; }

} /* end @media (max-width: 1024px) — v2.43.2 mobile hero scope */


/* ════════════════════════════════════════════════════════════════════════
 * v2.43.36 · FOOTER MÓVIL v3 · réplica móvil del PC v3
 *
 *   ┌──────────────────────────────────┐
 *   │     ──── línea negra arriba ──── │
 *   │          ESTENERIFE              │
 *   │      Copyright © …               │
 *   │      Domicilio social …          │
 *   │   [F][X][IG][IN][TT][YT]         │
 *   │     ──── hairline gris ──────    │
 *   │       Webs del Grupo             │
 *   │   [INFOPUERTOS] [FINANCIALPORTS] │
 *   │     ──── hairline gris ──────    │
 *   │  Contactar · Quiénes somos · …   │
 *   └──────────────────────────────────┘
 *
 * Centrado · 1 columna · sin acordeones · espaciado generoso.
 * ════════════════════════════════════════════════════════════════════════ */
.et-mfoot-v3 {
    box-sizing: border-box;
    padding: 0 20px 24px;
    margin: 32px 0 0;
    text-align: center;
    color: #0A0A0A;
    font-family: 'Manrope', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    background: #FFFFFF;
}
.et-mfoot-v3 * { box-sizing: border-box; }

/* Línea negra superior */
.et-mfoot-v3::before {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #0A0A0A;
    margin: 0 0 36px;
}

/* ─── Brand ─── */
.et-mfoot-v3__brand {
    padding: 0 0 16px;
}
.et-mfoot-v3__logo {
    max-width: 240px;
    max-height: 56px;
    width: auto;
    height: auto;
    display: block;
    margin: 0 auto 18px;
}
.et-mfoot-v3__wordmark {
    display: inline-block;
    font-family: 'Inter', 'Manrope', sans-serif;
    font-size: 30px;
    font-weight: 900;
    letter-spacing: -0.8px;
    color: #0A0A0A;
    text-decoration: none;
    line-height: 1;
    margin: 0 0 18px;
}
.et-mfoot-v3__corp-name {
    margin: 0 0 4px;
    font-size: 13px;
    font-weight: 400;
    color: #2A2A2A;
    line-height: 1.55;
}
.et-mfoot-v3__corp-addr {
    margin: 0;
    font-size: 13px;
    font-weight: 400;
    color: #525252;
    line-height: 1.55;
}

/* ─── Social row · centrado ─── */
.et-mfoot-v3__social-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 24px 0 0;
}
.et-mfoot-v3__social-icon {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #0A0A0A;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}
.et-mfoot-v3__social-icon svg { display: block; }

/* ─── Divider gris ─── */
.et-mfoot-v3__divider {
    height: 1px;
    background: #D8D8D8;
    margin: 24px 0;
}

/* ─── Buttons (Webs del Grupo · App Store style) ─── */
.et-mfoot-v3__btn-area {
    text-align: center;
}
.et-mfoot-v3__btn-label {
    margin: 0 0 12px;
    font-size: 14px;
    font-weight: 500;
    color: #2A2A2A;
    line-height: 1.4;
}
.et-mfoot-v3__btns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
.et-mfoot-v3__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    padding: 0 12px;
    background: #FFFFFF;
    color: #0A0A0A;
    border: 1.5px solid #0A0A0A;
    border-radius: 6px;
    font-family: 'Inter', 'Manrope', sans-serif;
    font-size: 13.5px;
    font-weight: 600;
    letter-spacing: 0.2px;
    text-decoration: none;
    text-transform: none;
    -webkit-tap-highlight-color: transparent;
}
.et-mfoot-v3__btn-text {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    text-align: center;
}
/* Si solo hay 1 botón, ocupa fila completa */
.et-mfoot-v3__btns > .et-mfoot-v3__btn:only-child {
    grid-column: 1 / -1;
}

/* ─── Bottom links · wrap ─── */
.et-mfoot-v3__bottom-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px 8px;
    padding: 0 4px;
}
.et-mfoot-v3__bottom-link {
    font-family: 'Manrope', 'Inter', sans-serif;
    font-size: 13.5px;
    font-weight: 500;
    color: #2A2A2A;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}
.et-mfoot-v3__bottom-sep {
    color: #BDBDBD;
    font-size: 13.5px;
}

/* ─── Pantallas muy estrechas (≤360) · 1 columna para los botones ─── */
@media (max-width: 360px) {
    .et-mfoot-v3__btns { grid-template-columns: 1fr; }
    .et-mfoot-v3__wordmark { font-size: 26px; }
    .et-mfoot-v3__social-row { gap: 10px; }
    .et-mfoot-v3__social-icon { width: 32px; height: 32px; }
}


/* ════════════════════════════════════════════════════════════════════════
 * v2.43.37 · AJUSTES FOOTER MÓVIL v3
 *   · Botones más pequeños y comprimidos
 *   · Bottom links con fuente menor, separador "-", menos espacio entre saltos
 * ════════════════════════════════════════════════════════════════════════ */
.et-mfoot-v3__btn-label {
    font-size: 12.5px !important;
    margin-bottom: 10px !important;
}
.et-mfoot-v3__btns {
    gap: 8px !important;
}
.et-mfoot-v3__btn {
    height: 34px !important;
    padding: 0 10px !important;
    font-size: 11.5px !important;
    border-width: 1px !important;
    border-radius: 4px !important;
}
.et-mfoot-v3__bottom-links {
    gap: 4px 6px !important;
    line-height: 1.4;
}
.et-mfoot-v3__bottom-link {
    font-size: 11.5px !important;
    font-weight: 500 !important;
}
.et-mfoot-v3__bottom-sep {
    font-size: 11.5px !important;
}


/* ════════════════════════════════════════════════════════════════════════
 * v2.43.37 · BOLETINES MÓVIL · slider horizontal premium
 *
 *   · Se ven ~2.3 cards: 2 enteros + el inicio del 3º como pista de scroll
 *   · scroll-snap-type: x mandatory para que se queden encajadas
 *   · Sin scrollbar visible · scrollbar-width: none
 *   · Touch: drag horizontal natural · -webkit-overflow-scrolling: touch
 *   · Cada card mantiene su look del PC (foto + título + etiqueta + CTA)
 * ════════════════════════════════════════════════════════════════════════ */
@media (max-width: 1024px) {
    /* En móvil el wrapper sale a ancho viewport sin gut padding (el grid hace
       padding interno para dar pista de scroll). */
    .et-pcv2-newsletter-band--mobile-slider {
        max-width: 100% !important;
        padding: 0 !important;
        margin: 32px 0 0 !important;
        overflow: hidden;
    }
    .et-pcv2-newsletter-band--mobile-slider .et-pcv2-news {
        margin-top: 0 !important;
        padding-top: 24px !important;
        border-top: 1px solid #E5E3DD !important;
        padding-left: 16px;
        padding-right: 16px;
    }
    /* La cabecera de la sección queda a ancho normal */
    .et-pcv2-newsletter-band--mobile-slider .et-pcv2-shx {
        padding: 0;
    }
    /* El GRID se convierte en SLIDER horizontal */
    .et-pcv2-newsletter-band--mobile-slider .et-pcv2-news__grid {
        display: flex !important;
        grid-template-columns: none !important;
        gap: 12px !important;
        overflow-x: auto;
        overflow-y: visible;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scroll-padding-left: 16px;
        scrollbar-width: none;
        /* Margen negativo para que el slider sangre a borde de pantalla, con
           padding lateral para mostrar el inicio del 3er card */
        margin: 0 -16px !important;
        padding: 0 16px 16px;
    }
    .et-pcv2-newsletter-band--mobile-slider .et-pcv2-news__grid::-webkit-scrollbar {
        display: none;
    }
    /* Cada card: 42% del viewport → caben 2 enteros + ~16% del 3º */
    .et-pcv2-newsletter-band--mobile-slider .et-pcv2-news__card {
        flex: 0 0 42vw;
        scroll-snap-align: start;
        max-width: 220px;
        min-width: 160px;
    }
    /* Imagen un poco más compacta */
    .et-pcv2-newsletter-band--mobile-slider .et-pcv2-news__media {
        aspect-ratio: 16 / 11;
        border-radius: 10px;
    }
    /* Body más compacto */
    .et-pcv2-newsletter-band--mobile-slider .et-pcv2-news__title {
        font-size: 16px !important;
        line-height: 1.2 !important;
    }
    .et-pcv2-newsletter-band--mobile-slider .et-pcv2-news__tag {
        font-size: 11px !important;
        margin-bottom: 8px !important;
    }
    .et-pcv2-newsletter-band--mobile-slider .et-pcv2-news__desc {
        font-size: 12px !important;
        margin-bottom: 12px !important;
        /* Limitar a 3 líneas para mantener altura uniforme */
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .et-pcv2-newsletter-band--mobile-slider .et-pcv2-news__cta {
        font-size: 11px !important;
        letter-spacing: 1.2px !important;
    }
    /* CTA dot un pelín más compacto */
    .et-pcv2-newsletter-band--mobile-slider .et-pcv2-news__cta-dot {
        width: 32px !important;
        height: 18px !important;
    }
    .et-pcv2-newsletter-band--mobile-slider .et-pcv2-news__cta-dot::after {
        width: 14px !important;
        height: 14px !important;
    }
    /* Contador centrado y compacto */
    .et-pcv2-newsletter-band--mobile-slider .et-pcv2-news__count {
        font-size: 12px;
        text-align: center;
        margin: 0 0 14px;
    }

    /* v2.43.38 · OCULTAR el header propio del PC (.et-pcv2-shx) porque ya
       hemos pintado el header móvil estándar (et-m-sh2) antes. */
    .et-pcv2-newsletter-band--mobile-slider .et-pcv2-shx {
        display: none !important;
    }
    /* v2.43.39 · Sin padding-top extra entre el header móvil y las cards.
       El header (et-m-sh2) ya cierra con dots y un margen propio; aquí 0. */
    .et-pcv2-newsletter-band--mobile-slider .et-pcv2-news {
        border-top: 0 !important;
        padding-top: 0 !important;
        margin-top: 0 !important;
    }
    .et-pcv2-newsletter-band--mobile-slider .et-pcv2-news__count {
        margin-top: 0 !important;
    }

    /* v2.43.38 · FRANJA DE COLORES DENTRO DE LA IMAGEN ELIMINADA
       v2.43.42 · refuerzo · todas las imágenes con dimensiones IDÉNTICAS,
       sin línea blanca dentro (la JPG de viajes tiene 1-2px de banda blanca
       en el borde inferior → inset:-1px la oculta sin afectar al resto). */
    .et-pcv2-newsletter-band--mobile-slider .et-pcv2-news__media {
        position: relative !important;
        overflow: hidden !important;
        background-color: #FFFFFF !important;
        background-image: none !important;
        border-radius: 10px !important;
        aspect-ratio: 16 / 11 !important;
        width: 100% !important;
        height: auto !important;
        isolation: isolate;
    }
    .et-pcv2-newsletter-band--mobile-slider .et-pcv2-news__img {
        position: absolute !important;
        inset: -1px !important;                /* over-extend 1px · oculta franjas blancas del JPG */
        width: calc(100% + 2px) !important;
        height: calc(100% + 2px) !important;
        max-width: none !important;
        max-height: none !important;
        object-fit: cover !important;
        object-position: center center !important;
        display: block !important;
        border-radius: 10px !important;
        /* Reset cualquier atributo width/height inline que añada el navegador */
        min-width: 0 !important;
        min-height: 0 !important;
    }

    /* v2.43.38 · CTA "Suscribirse" → clon del PC (con dot toggle azul/blanco)
       v2.43.39 · negrita reducida (900 → 600) */
    .et-pcv2-newsletter-band--mobile-slider .et-pcv2-news__actions {
        border-top: 1px solid #ECECEC !important;
        margin-top: 8px !important;
        padding-top: 10px !important;
    }
    .et-pcv2-newsletter-band--mobile-slider .et-pcv2-news__cta {
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
        background: transparent !important;
        border: 0 !important;
        padding: 0 !important;
        font-family: 'Inter', 'Manrope', sans-serif !important;
        font-size: 10.5px !important;
        font-weight: 600 !important;
        letter-spacing: 1px !important;
        color: #0A0A0A !important;
        text-transform: uppercase !important;
    }
    .et-pcv2-newsletter-band--mobile-slider .et-pcv2-news__cta-dot {
        width: 30px !important;
        height: 17px !important;
        border-radius: 999px !important;
        background: #DDDDDD !important;
        position: relative !important;
        flex-shrink: 0 !important;
        transition: background .15s !important;
    }
    .et-pcv2-newsletter-band--mobile-slider .et-pcv2-news__cta-dot::after {
        content: "" !important;
        position: absolute !important;
        top: 2px !important;
        left: 2px !important;
        width: 13px !important;
        height: 13px !important;
        background: #FFFFFF !important;
        border-radius: 50% !important;
        transition: transform .18s ease !important;
    }
    /* Estado "abierto" — cuando el form se muestra el toggle pasa a azul */
    .et-pcv2-newsletter-band--mobile-slider [data-news-card].is-open .et-pcv2-news__cta-dot {
        background: var(--pcv2-blue, #33509E) !important;
    }
    .et-pcv2-newsletter-band--mobile-slider [data-news-card].is-open .et-pcv2-news__cta-dot::after {
        transform: translateX(13px) !important;
    }

    /* v2.43.39 · Título del card en INTER (no Playfair) + más margen
       arriba para separar del cierre de la imagen */
    .et-pcv2-newsletter-band--mobile-slider .et-pcv2-news__title {
        font-family: 'Inter', 'Manrope', -apple-system, BlinkMacSystemFont, sans-serif !important;
        font-weight: 700 !important;
        font-size: 15px !important;
        line-height: 1.2 !important;
        letter-spacing: -0.1px !important;
        color: #0A0A0A !important;
        margin: 0 0 6px !important;
    }
    /* Más espacio entre imagen y title block (body) · v2.43.42 línea final */
    .et-pcv2-newsletter-band--mobile-slider .et-pcv2-news__body {
        margin-top: 14px !important;
        padding-top: 12px !important;
        padding-bottom: 14px !important;     /* simétrico al padding-top de actions */
        border-top: 1px solid #ECECEC !important;
        border-bottom: 1px solid #ECECEC !important;  /* hairline final */
    }
    .et-pcv2-newsletter-band--mobile-slider .et-pcv2-news__tag {
        font-family: 'Manrope', 'Inter', sans-serif !important;
        font-size: 10.5px !important;
        font-weight: 600 !important;
        color: #525252 !important;
        margin: 0 0 8px !important;
        letter-spacing: 0.1px !important;
    }
    .et-pcv2-newsletter-band--mobile-slider .et-pcv2-news__tag strong {
        color: var(--pcv2-blue, #33509E) !important;
        font-weight: 700 !important;
    }

    /* v2.43.40 · EXPAND FORM (al pulsar Suscribirse) clonado del PC.
       v2.43.41 · IMPORTANTE: respetar el atributo HTML `hidden` (el form
       arranca oculto y JS lo destapa cuando pulsas el CTA). Sin este
       override mi `display: flex !important` ganaba en specificity al
       `[hidden] { display: none }` y el form salía SIEMPRE expandido. */
    .et-pcv2-newsletter-band--mobile-slider .et-pcv2-news__form[hidden],
    .et-pcv2-newsletter-band--mobile-slider .et-pcv2-news__actions[hidden] {
        display: none !important;
    }
    .et-pcv2-newsletter-band--mobile-slider .et-pcv2-news__form:not([hidden]) {
        border-top: 1px solid #ECECEC !important;
        margin-top: 8px !important;
        padding-top: 12px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
    }
    .et-pcv2-newsletter-band--mobile-slider .et-pcv2-news__field {
        display: flex !important;
        flex-direction: column !important;
        gap: 4px !important;
    }
    .et-pcv2-newsletter-band--mobile-slider .et-pcv2-news__label {
        font-family: 'Inter', 'Manrope', sans-serif !important;
        font-size: 9.5px !important;
        font-weight: 700 !important;
        letter-spacing: 1px !important;
        text-transform: uppercase !important;
        color: #8A8A8A !important;
        margin: 0 !important;
        line-height: 1.2 !important;
    }
    .et-pcv2-newsletter-band--mobile-slider .et-pcv2-news__field input[type="email"] {
        padding: 9px 10px !important;
        border: 1px solid #D9D9D9 !important;
        border-radius: 5px !important;
        font-family: 'Inter', 'Manrope', sans-serif !important;
        font-size: 12.5px !important;
        font-weight: 400 !important;
        background: #FAFAFA !important;
        color: #0A0A0A !important;
        outline: none !important;
        width: 100% !important;
        box-sizing: border-box !important;
        -webkit-appearance: none !important;
        appearance: none !important;
    }
    .et-pcv2-newsletter-band--mobile-slider .et-pcv2-news__field input[type="email"]:focus {
        border-color: var(--pcv2-blue, #33509E) !important;
        background: #FFFFFF !important;
        box-shadow: 0 0 0 2px rgba(51,81,159,.14) !important;
    }
    .et-pcv2-newsletter-band--mobile-slider .et-pcv2-news__check {
        display: flex !important;
        gap: 6px !important;
        align-items: flex-start !important;
        cursor: pointer !important;
        margin: 0 !important;
    }
    .et-pcv2-newsletter-band--mobile-slider .et-pcv2-news__check input[type="checkbox"] {
        margin-top: 2px !important;
        accent-color: var(--pcv2-blue, #33509E) !important;
        width: 12px !important;
        height: 12px !important;
        flex-shrink: 0 !important;
    }
    .et-pcv2-newsletter-band--mobile-slider .et-pcv2-news__check-text {
        font-family: 'Inter', 'Manrope', sans-serif !important;
        font-size: 10.5px !important;
        font-weight: 400 !important;
        line-height: 1.4 !important;
        color: #525252 !important;
    }
    .et-pcv2-newsletter-band--mobile-slider .et-pcv2-news__check-text a {
        color: var(--pcv2-blue, #33509E) !important;
        text-decoration: underline !important;
        font-weight: 600 !important;
    }
    /* Botón Suscribirme · clon del PC adaptado a card estrecho */
    .et-pcv2-newsletter-band--mobile-slider .et-pcv2-news__submit {
        padding: 10px 14px !important;
        background: var(--pcv2-blue, #33509E) !important;
        color: #FFFFFF !important;
        border: 0 !important;
        border-radius: 5px !important;
        font-family: 'Inter', 'Manrope', sans-serif !important;
        font-size: 12.5px !important;
        font-weight: 700 !important;
        letter-spacing: 0.2px !important;
        text-transform: none !important;
        cursor: pointer !important;
        width: 100% !important;
        text-align: center !important;
        box-shadow: 0 3px 10px rgba(51,81,159,.18) !important;
        line-height: 1.2 !important;
    }
    .et-pcv2-newsletter-band--mobile-slider .et-pcv2-news__submit:disabled {
        background: #9DA8C5 !important;
        box-shadow: none !important;
        cursor: wait !important;
    }
    .et-pcv2-newsletter-band--mobile-slider .et-pcv2-news__msg {
        margin: 0 !important;
        padding: 7px 10px !important;
        border-radius: 5px !important;
        font-family: 'Inter', 'Manrope', sans-serif !important;
        font-size: 11px !important;
        font-weight: 500 !important;
        line-height: 1.35 !important;
    }
    .et-pcv2-newsletter-band--mobile-slider .et-pcv2-news__msg.is-ok  {
        background: #E8F5E9 !important;
        color: #15803D !important;
    }
    .et-pcv2-newsletter-band--mobile-slider .et-pcv2-news__msg.is-err {
        background: #FEE2E2 !important;
        color: #B91C1C !important;
    }
}



/* ═════════════════════════════════════════════════════════════════
 * v2.43.59 · Mobile sportsv2 · Jornada deportiva
 *   Slider horizontal premium con scroll-snap. Mismo diseño de
 *   cabecera (et-m-sh2) que el resto de bloques móvil pero con el
 *   logo INLINE justo después del título (como en PC).
 *   NO ponemos padding lateral en la section porque .et-m-sh2 ya
 *   tiene su propio margin:22px 16px y duplicaría el espaciado.
 * ═════════════════════════════════════════════════════════════════ */
.et-m-sv2 {
    margin: 14px 0 22px;
    font-family: 'Manrope', 'Inter', -apple-system, sans-serif;
    box-sizing: border-box;
}
.et-m-sv2 * { box-sizing: border-box; }

/* Título + logo INLINE · sobrescribimos el flex space-between del row */
.et-m-sv2__head .et-m-sh2__row {
    justify-content: flex-start;
}
.et-m-sv2__head-title {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
}
.et-m-sv2__head-text { vertical-align: middle; }
.et-m-sv2__head-logo {
    display: inline-block !important;
    height: 18px !important;
    width: auto !important;
    max-width: 70px !important;
    object-fit: contain !important;
    flex-shrink: 0;
    vertical-align: middle;
}

/* Slider con scroll horizontal y snap
   v2.43.92 · Fix alineación primera card a 16px (mismo bug que tenían
   tiempo · gasolineras · opinión). scroll-padding-left + !important + 0 margins. */
.et-m-sv2__slider {
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    gap: 12px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-padding-left: 16px;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    scrollbar-width: none;
    padding: 4px 18px 8px 16px !important;
    margin: 12px 0 0 !important;
    box-sizing: border-box;
    width: 100%;
}
.et-m-sv2__slider::-webkit-scrollbar { display: none; }

/* Card de partido · ~78% del viewport para mostrar borde del siguiente */
.et-m-sv2__card {
    flex: 0 0 78%;
    min-width: 240px;
    max-width: 300px;
    scroll-snap-align: start;
    background: #FAFAFA;
    border: 1px solid #ECECEC;
    border-radius: 10px;
    padding: 13px 15px 14px;
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.et-m-sv2__card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 2px;
    min-height: 14px;
}
.et-m-sv2__comp {
    font-size: 10.5px;
    font-weight: 600;
    color: #525252;
    letter-spacing: 0.2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.et-m-sv2__status {
    font-size: 10px;
    font-weight: 700;
    color: #8A8A8A;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

/* Fila de equipo */
.et-m-sv2__team {
    display: grid;
    grid-template-columns: 26px 1fr auto;
    align-items: center;
    gap: 10px;
}
.et-m-sv2__badge {
    width: 26px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    border-radius: 4px;
    padding: 2px;
    flex-shrink: 0;
    color: #8A8A8A;
}
.et-m-sv2__badge img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}
.et-m-sv2__badge svg {
    width: 18px;
    height: 18px;
    display: block;
}
.et-m-sv2__name {
    font-size: 13.5px;
    font-weight: 600;
    color: #0A0A0A;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.et-m-sv2__score {
    font-family: 'Inter', 'Manrope', sans-serif;
    font-size: 20px;
    font-weight: 800;
    color: #0A0A0A;
    line-height: 1;
    min-width: 18px;
    text-align: right;
}

/* Pantallas más anchas (tablets en portrait) — cards algo más estrechas */
@media (min-width: 540px) {
    .et-m-sv2__card {
        flex: 0 0 56%;
        max-width: 320px;
    }
}

/* Oculto en PC · el bloque PC tiene su propio módulo */
@media (min-width: 1024px) {
    .et-m-sv2 { display: none; }
}

/* ════════════════════════════════════════════════════════════════════════
 * v2.43.79 · Mobile-only overrides del CTA Gasolineras (sección Economía):
 *   · ocultar el label "Mapa de gasolineras online" + dot azul
 *   · icono de la bomba en ROJO
 *   · borde del botón "Acceder" en ROJO
 * Solo afecta a móvil (≤768px). PC mantiene su diseño actual.
 * ════════════════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
    /* Ocultar la etiqueta "Mapa de gasolineras online" con su dot azul */
    .et-cta__live--gas {
        display: none !important;
    }
    /* Icono de la bomba de gasolina en rojo theme */
    .et-cta--gas .et-cta__icon svg,
    .et-cta--gas .et-cta__icon svg path {
        stroke: #C8102E !important;
    }
    /* Botón "Acceder" con borde rojo */
    .et-cta--gas .et-cta__btn {
        border-color: #C8102E !important;
        color: #C8102E !important;
    }
    .et-cta--gas:hover .et-cta__btn,
    .et-cta--gas:active .et-cta__btn {
        background: #C8102E !important;
        border-color: #C8102E !important;
        color: #FFFFFF !important;
    }
    .et-cta--gas .et-cta__btn svg { stroke: currentColor !important; }
}

/* ════════════════════════════════════════════════════════════════════════
 * v2.43.87 · Centro de juegos canarios (mobile)
 *
 * Refactor siguiendo el patrón de Boletines (newsletter) — el header móvil
 * estándar (`et_m_section_header`) gestiona la alineación a 16px y el track
 * usa overflow-clip del padre para arrancar las tarjetas exactamente debajo
 * del título. Sin border-bottom (línea quitada por petición del editor).
 * ════════════════════════════════════════════════════════════════════════ */
.et-m-games {
    margin: 8px 0 14px;
    padding: 0;
    /* v2.43.88 · Sin overflow: hidden — interfería con el scroll horizontal
       del track interno y descentraba el primer card en algunos navegadores. */
}
.et-m-games__sub {
    /* Subtítulo alineado con el título del sh2 (margin: 22 16 12) → 16px */
    margin: 4px 16px 10px !important;
    padding: 0;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 12.5px;
    line-height: 1.45;
    color: #525252;
    font-weight: 500;
    max-width: 560px;
}
.et-m-games__track {
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    gap: 10px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-padding-left: 16px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    /* Primer card a 16px del borde · último card deja colchón a la derecha */
    padding: 4px 18px 6px 16px !important;
    margin: 0 !important;
    box-sizing: border-box;
    width: 100%;
}
.et-m-games__track::-webkit-scrollbar { display: none; }

.et-m-games__card {
    flex: 0 0 auto;
    scroll-snap-align: start;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 96px;
    text-decoration: none;
    color: inherit;
}
.et-m-games__bg {
    width: 96px;
    height: 96px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    transition: transform .18s, box-shadow .18s;
}
.et-m-games__card:hover .et-m-games__bg,
.et-m-games__card:active .et-m-games__bg {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px -2px rgba(0, 0, 0, 0.14);
}
.et-m-games__inner {
    width: 56px;
    height: 56px;
    background: #FFFFFF;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 2px rgba(10, 10, 10, 0.08);
}
.et-m-games__icon {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.et-m-games__icon svg {
    width: 100%;
    height: 100%;
    display: block;
}
.et-m-games__label {
    margin-top: 8px;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 11.5px;
    font-weight: 700;
    line-height: 1.25;
    color: #0A0A0A;
    text-align: center;
    letter-spacing: -0.1px;
    max-width: 96px;
}
@media (max-width: 360px) {
    .et-m-games__card { width: 88px; }
    .et-m-games__bg   { width: 88px; height: 88px; border-radius: 12px; }
    .et-m-games__inner { width: 50px; height: 50px; }
    .et-m-games__icon  { width: 28px; height: 28px; }
    .et-m-games__sub   { font-size: 12px; }
}

/* ════════════════════════════════════════════════════════════════════════
 * Mobile · Mundial 2026 (v2.44.27)
 *
 * Diseño premium minimalista: cabecera estándar sh2, pills horizontales con
 * letras de grupo, slider snap-x con 1 grupo por página, tarjetas de
 * jornada con 2 partidos compactos (bandera | nombre | hora | nombre | bandera).
 * ════════════════════════════════════════════════════════════════════════ */
.et-m-wc {
    margin: 8px 0 18px;
    padding: 0;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}
.et-m-wc__head {
    margin-bottom: 6px;
}
.et-m-wc__head-title {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-wrap: nowrap;
    white-space: nowrap;
}
.et-m-wc__head-logo {
    height: 22px;
    width: auto;
    max-width: 80px;
    object-fit: contain;
    display: inline-block;
}
.et-m-wc__sub {
    margin: 4px 16px 8px !important;
    padding: 0;
    font-family: 'Inter', sans-serif;
    font-size: 12.5px;
    line-height: 1.4;
    color: #525252;
    font-weight: 500;
}

/* Pills de grupo · touch-action pan-x para no bloquear scroll vertical */
.et-m-wc__pills {
    display: flex;
    flex-wrap: nowrap;
    gap: 6px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x proximity;
    scroll-padding-left: 16px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding: 6px 16px 4px;
    margin: 4px 0 10px;
    width: 100%;
    box-sizing: border-box;
    touch-action: pan-x;
    overscroll-behavior: contain;
    overflow-anchor: none;
}
.et-m-wc__pills::-webkit-scrollbar { display: none; }
.et-m-wc__pill {
    flex: 0 0 auto;
    scroll-snap-align: start;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid #D8D8D8;
    background: #FFFFFF;
    color: #525252;
    cursor: pointer;
    padding: 0;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.2px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background .15s, color .15s, border-color .15s, transform .15s;
}
.et-m-wc__pill:active { transform: scale(0.96); }
.et-m-wc__pill.is-active {
    background: #0A0A0A;
    color: #FFFFFF;
    border-color: #0A0A0A;
}

/* Páginas (slider snap-x · 1 grupo por página)
   touch-action: pan-x → solo swipes horizontales; los verticales pasan a la página
   y NO bloquean el scroll del feed móvil.
   snap-type: proximity (no mandatory) para que el scroll vertical de la página
   nunca se "ate" a una snap-point durante un gesto vertical en iOS. */
.et-m-wc__pages {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding: 0;
    margin: 0;
    width: 100%;
    box-sizing: border-box;
    gap: 0;
    touch-action: pan-x;
    overscroll-behavior: contain;
    overflow-anchor: none;
}
.et-m-wc__pages::-webkit-scrollbar { display: none; }
/* Padding va DENTRO de cada page (no en el container) para que el snap
   sea perfecto y el margen izquierdo se respete igual que el resto de
   bloques móviles (16px del borde). */
.et-m-wc__page {
    flex: 0 0 100%;
    width: 100%;
    scroll-snap-align: start;
    display: flex;
    flex-direction: column;
    gap: 10px;
    box-sizing: border-box;
    padding: 0 16px;
}
.et-m-wc__group-teams {
    font-family: 'Inter', sans-serif;
    font-size: 11px;
    font-weight: 600;
    color: #6A6A6A;
    letter-spacing: 0.3px;
    margin: 0 0 2px;
    line-height: 1.4;
}

/* Tarjeta de Jornada */
.et-m-wc__card {
    background: #FAFAFA;
    border: 1px solid #ECECEC;
    border-radius: 12px;
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.et-m-wc__card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding-bottom: 6px;
    border-bottom: 1px solid #EFEFEF;
}
.et-m-wc__card-label {
    font-family: 'Inter', sans-serif;
    font-size: 10.5px;
    font-weight: 800;
    color: #0A0A0A;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}
.et-m-wc__card-date {
    font-family: 'Inter', sans-serif;
    font-size: 10.5px;
    font-weight: 600;
    color: #6A6A6A;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
.et-m-wc__card-body {
    display: flex;
    flex-direction: column;
}

/* Fila partido: bandera|nombre  hora  nombre|bandera */
.et-m-wc__match {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 8px;
    padding: 8px 0;
    border-bottom: 1px dashed #ECECEC;
}
.et-m-wc__match:last-child { border-bottom: 0; padding-bottom: 2px; }
.et-m-wc__side {
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
}
.et-m-wc__side--home { justify-content: flex-start; text-align: left; }
.et-m-wc__side--away { justify-content: flex-end; text-align: right; }
.et-m-wc__flag {
    width: 22px;
    height: 16px;
    flex-shrink: 0;
    object-fit: cover;
    border-radius: 2px;
    box-shadow: 0 0 0 1px rgba(0,0,0,.05);
    display: block;
}
.et-m-wc__flag--placeholder {
    width: 22px;
    height: 16px;
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #9A9A9A;
}
.et-m-wc__team {
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #0A0A0A;
    letter-spacing: -0.1px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}
.et-m-wc__time {
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 800;
    color: #0A0A0A;
    background: #FFFFFF;
    border: 1px solid #E8E8E5;
    border-radius: 4px;
    padding: 4px 6px;
    letter-spacing: 0.4px;
    text-align: center;
    font-variant-numeric: tabular-nums;
    flex-shrink: 0;
    min-width: 46px;
}
/* Partido jugado · marcador resaltado */
.et-m-wc__time.is-score {
    color: #FFFFFF;
    background: #0A0A0A;
    border-color: #0A0A0A;
    font-size: 14px;
}
/* Partido en directo */
.et-m-wc__time.is-live {
    color: #FFFFFF;
    background: #D11A2A;
    border-color: #D11A2A;
}

/* Noticia destacada · debajo del slider (estilo hero card) */
.et-m-wc__news {
    margin: 16px 16px 0;
    padding-top: 16px;
    border-top: 1px solid #ECECEC;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.et-m-wc__news-photo {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 4px;
    overflow: hidden;
    background: #F2F2F0;
    text-decoration: none;
}
.et-m-wc__news-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.et-m-wc__news-body {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.et-m-wc__news-kicker {
    font-family: 'Inter', sans-serif;
    font-size: 11.5px;
    font-weight: 700;
    color: var(--pcv2-blue, #33519F);
    letter-spacing: 0.1px;
    text-transform: none;
    line-height: 1.25;
}
.et-m-wc__news-title {
    margin: 0;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 18px;
    font-weight: 900;
    line-height: 1.18;
    letter-spacing: -0.5px;
    color: #0A0A0A;
}
.et-m-wc__news-title a {
    color: inherit;
    text-decoration: none;
}
.et-m-wc__news-title a:active { color: var(--pcv2-blue, #33519F); }
.et-m-wc__news-dek {
    margin: 0;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    line-height: 1.5;
    color: #4A4A4A;
    font-weight: 400;
}

@media (max-width: 360px) {
    .et-m-wc__pill { width: 32px; height: 32px; font-size: 12px; }
    .et-m-wc__team { font-size: 12.5px; }
    .et-m-wc__time { font-size: 12px; padding: 3px 5px; min-width: 42px; }
    .et-m-wc__flag,
    .et-m-wc__flag--placeholder { width: 20px; height: 15px; }
    .et-m-wc__news-title { font-size: 17px; }
}

/* Fix del rosco mobile vive en el plugin dunes-juegos (frontend.css) */

/* ════════════════════════════════════════════════════════════════════════
 * Mobile Horóscopo (v2.44.26)
 *
 * Clon visual del módulo Games móvil: slider horizontal scroll-snap, cards
 * 96×96 con tint pastel + inner blanco + SVG signo. Misma cabecera sh2,
 * mismo padding-left 16px del primer card.
 * ════════════════════════════════════════════════════════════════════════ */
.et-m-horo {
    margin: 8px 0 14px;
    padding: 0;
}
.et-m-horo__sub {
    margin: 4px 16px 10px !important;
    padding: 0;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 12.5px;
    line-height: 1.45;
    color: #525252;
    font-weight: 500;
    max-width: 560px;
}
.et-m-horo__track {
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    gap: 10px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-padding-left: 16px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding: 4px 18px 6px 16px !important;
    margin: 0 !important;
    box-sizing: border-box;
    width: 100%;
}
.et-m-horo__track::-webkit-scrollbar { display: none; }

.et-m-horo__card {
    flex: 0 0 auto;
    scroll-snap-align: start;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 96px;
    text-decoration: none;
    color: inherit;
}
.et-m-horo__bg {
    width: 96px;
    height: 96px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    transition: transform .18s, box-shadow .18s;
}
.et-m-horo__card:hover .et-m-horo__bg,
.et-m-horo__card:active .et-m-horo__bg {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px -2px rgba(0, 0, 0, 0.14);
}
.et-m-horo__inner {
    width: 56px;
    height: 56px;
    background: #FFFFFF;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 2px rgba(10, 10, 10, 0.08);
}
.et-m-horo__icon {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.et-m-horo__icon svg {
    width: 100%;
    height: 100%;
    display: block;
}
.et-m-horo__label {
    margin-top: 8px;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 11.5px;
    font-weight: 700;
    line-height: 1.25;
    color: #0A0A0A;
    text-align: center;
    letter-spacing: -0.1px;
    max-width: 96px;
}

/* Card final · CTA Centro astrológico — fondo azul theme suave + texto blanco */
.et-m-horo__bg--cta {
    background: linear-gradient(135deg, #33519F 0%, #4A6BC0 100%) !important;
    color: #FFFFFF;
}
.et-m-horo__bg--cta .et-m-horo__inner {
    background: rgba(255, 255, 255, 0.18);
    box-shadow: 0 1px 2px rgba(10, 10, 10, 0.12);
}
.et-m-horo__bg--cta .et-m-horo__icon { color: #FFFFFF; }
.et-m-horo__label--cta {
    color: #33519F;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.et-m-horo__cta-arrow {
    font-weight: 800;
    font-size: 13px;
    line-height: 1;
}

@media (max-width: 360px) {
    .et-m-horo__card  { width: 88px; }
    .et-m-horo__bg    { width: 88px; height: 88px; border-radius: 12px; }
    .et-m-horo__inner { width: 50px; height: 50px; }
    .et-m-horo__icon  { width: 28px; height: 28px; }
    .et-m-horo__sub   { font-size: 12px; }
}