/* ════════════════════════════════════════════════════════════════
   Dunes AI · Plantilla ECONOMÍA · estilo Financial Times
   Fondo salmón en TODA la página · Playfair Display para masthead ·
   serif Georgia para cuerpo · charts compactos · commodities apilados
   ════════════════════════════════════════════════════════════════ */

/* Playfair Display se carga vía wp_enqueue desde class-economia-template.php
   (más fiable que @import dentro del CSS · ver clase orquestadora). */

/* ─── 1) PALETA · paleta sobria sobre fondo blanco ──────────────── */
body.dunes-template-economia {
    --dec-bg:         #ffffff;
    --dec-bg-soft:    #fafafa;
    --dec-rule:       rgba(0,0,0,0.12);
    --dec-rule-soft:  rgba(0,0,0,0.07);
    --dec-ink:        #0c0c0c;
    --dec-ink2:       #2a2a2a;
    --dec-ink3:       #525252;
    --dec-ink4:       #8c8c8c;
    --dec-accent:     #990F3D;
    --dec-up:         #0a7a3b;
    --dec-down:       #990F3D;
    --dec-serif:      'Georgia', 'Times New Roman', serif;
    --dec-display:    'Playfair Display', 'Playfair', 'Georgia', serif;
    --dec-sans:       'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    --dec-mono:       'JetBrains Mono', 'IBM Plex Mono', 'SF Mono', ui-monospace, monospace;
}

/* ─── 2) BLANCO GLOBAL · sin salmón ─── */
body.dunes-template-economia .et-header,
body.dunes-template-economia .site-header { border-bottom: 1px solid var(--dec-rule); }
body.dunes-template-economia .et-footer,
body.dunes-template-economia .site-footer { border-top: 1px solid var(--dec-rule); }

/* ── 2·b) OVERRIDES DEL THEME · forzar rojo FT donde antes era azul ─── */
body.dunes-template-economia .dai-tpl h2,
body.dunes-template-economia .dai-tpl h3 { color: #990F3D !important; }
body.dunes-template-economia .dai-tpl a:not(.button):not([class*="btn"]) { color: #990F3D !important; }
body.dunes-template-economia .dai-tpl hr { border-color: var(--dec-rule) !important; }

/* Línea hairline UNIFICADA — rojo MUY claro. Reasigna --dtpl-rule del shared.css
   para todas las líneas que use el theme dentro de la plantilla. */
body.dunes-template-economia {
    --dtpl-rule: rgba(153, 15, 61, 0.18);
    --dtpl-rule-soft: rgba(153, 15, 61, 0.12);
}

/* Forzar las hairlines superiores de los bloques principales a rojo claro */
body.dunes-template-economia .dai-tpl__after,
body.dunes-template-economia [class*="related"],
body.dunes-template-economia .dai-econ__chart-card {
    border-top-color: rgba(153, 15, 61, 0.18) !important;
    border-bottom-color: rgba(153, 15, 61, 0.18) !important;
}

/* Tarjeta del autor (bio multi-autor del theme) — ciudad y campos
   secundarios SIEMPRE en rojo FT (nunca azul del theme). */
body.dunes-template-economia [class*="author-card"] [class*="city"],
body.dunes-template-economia [class*="author-card"] [class*="location"],
body.dunes-template-economia [class*="author-card"] [class*="custom"],
body.dunes-template-economia [class*="author-card"] [class*="meta"],
body.dunes-template-economia [class*="author-card"] [class*="byline"],
body.dunes-template-economia [class*="author-card"] [class*="role"],
body.dunes-template-economia [class*="author-card"] [class*="position"],
body.dunes-template-economia [class*="author-card"] [class*="subtitle"],
body.dunes-template-economia [class*="author-card"] [class*="kicker"],
body.dunes-template-economia [class*="authors-block"] [class*="city"],
body.dunes-template-economia [class*="authors-block"] [class*="location"],
body.dunes-template-economia [class*="authors-block"] [class*="custom"],
body.dunes-template-economia [class*="authors-block"] [class*="meta"],
body.dunes-template-economia [class*="authors-block"] [class*="role"],
body.dunes-template-economia [class*="author"] [class*="city"],
body.dunes-template-economia [class*="author"] [class*="location"],
body.dunes-template-economia [class*="author"] [class*="byline"],
body.dunes-template-economia [class*="author"] small,
body.dunes-template-economia [class*="author-bio"] [class*="city"],
body.dunes-template-economia [class*="bio-card"] [class*="city"],
body.dunes-template-economia [class*="bio-card"] small {
    color: #990F3D !important;
}
/* Nombre principal del autor en tinta normal (no rojo) */
body.dunes-template-economia [class*="author-name"],
body.dunes-template-economia [class*="author-card"] h3,
body.dunes-template-economia [class*="author-card"] h4,
body.dunes-template-economia [class*="bio-card"] h3,
body.dunes-template-economia [class*="bio-card"] h4 {
    color: var(--dec-ink) !important;
}

/* Líneas decorativas arriba/abajo de los H1/H2/H3 del theme · forzar rojo FT.
   Cubrimos pseudo-elementos Y bordes directos del elemento, dentro y fuera del body.
   Por si el theme las pone con border-top en el propio H2 (no en pseudo-elemento). */
body.dunes-template-economia h1,
body.dunes-template-economia h2,
body.dunes-template-economia h3,
body.dunes-template-economia .dai-tpl h1,
body.dunes-template-economia .dai-tpl h2,
body.dunes-template-economia .dai-tpl h3,
body.dunes-template-economia .dai-econ__body h1,
body.dunes-template-economia .dai-econ__body h2,
body.dunes-template-economia .dai-econ__body h3 {
    border-top-color: rgba(153,15,61,0.18) !important;
    border-bottom-color: rgba(153,15,61,0.18) !important;
}
body.dunes-template-economia h1::before,
body.dunes-template-economia h1::after,
body.dunes-template-economia h2::before,
body.dunes-template-economia h2::after,
body.dunes-template-economia h3::before,
body.dunes-template-economia h3::after,
body.dunes-template-economia .dai-tpl h1::before,
body.dunes-template-economia .dai-tpl h1::after,
body.dunes-template-economia .dai-tpl h2::before,
body.dunes-template-economia .dai-tpl h2::after,
body.dunes-template-economia .dai-tpl h3::before,
body.dunes-template-economia .dai-tpl h3::after,
body.dunes-template-economia .dai-econ__body h2::before,
body.dunes-template-economia .dai-econ__body h2::after {
    background: rgba(153,15,61,0.18) !important;
    border-color: rgba(153,15,61,0.18) !important;
}

/* Bloques "Sigue leyendo" / "Más sobre esto" / related / authors / license */
body.dunes-template-economia .dai-tpl__after,
body.dunes-template-economia .dai-tpl__after::before,
body.dunes-template-economia .dai-tpl__after::after,
body.dunes-template-economia [class*="related"],
body.dunes-template-economia [class*="related"]::before,
body.dunes-template-economia [class*="related"]::after,
body.dunes-template-economia [class*="authors"]::before,
body.dunes-template-economia [class*="authors"]::after,
body.dunes-template-economia [class*="author-card"]::before,
body.dunes-template-economia [class*="author-card"]::after,
body.dunes-template-economia [class*="license"]::before,
body.dunes-template-economia [class*="license"]::after,
body.dunes-template-economia [class*="licencia"]::before,
body.dunes-template-economia [class*="licencia"]::after { border-color: #990F3D !important; }
body.dunes-template-economia [class*="related"] h2,
body.dunes-template-economia [class*="related"] h3,
body.dunes-template-economia [class*="authors"] h2,
body.dunes-template-economia [class*="authors"] h3 { color: #990F3D !important; }

/* Botón "Seguir autor", "Seguir en Instagram" y similares · azul → rojo FT
   con letras BLANCAS siempre (normal + hover + active + focus + visited).
   Selector `*` interior incluye los <span>/<i>/<svg> hijos del botón.
   Selectores múltiples para cubrir todas las variantes del theme.

   Captura adicional · CUALQUIER elemento dentro de un contenedor cuya clase
   o data-* tenga "instagram", "ig-", "promoter-ig" o "follow" → texto blanco
   en todos los descendientes. Bombing pattern porque el theme nombra distinto. */
/* Card Instagram del plugin · clase real: .dai-igc-inline__cta
   EN PC: NO sobrescribimos · que el plugin pinte el degradado original.
   EN MÓVIL: forzamos texto BLANCO porque allí el texto sale en rojo y se
   pierde sobre el degradado IG (ver @media abajo). */

/* Google News card · hover AZUL FT + texto BLANCO. ESPECIFICIDAD MÁXIMA
   con html body .dai-tpl a.class:hover para pisar a la regla genérica
   `body.dunes-template-economia .dai-tpl a:not(...) { color: red }`. */
html body.dunes-template-economia .dai-tpl a.dai-gnews-promoter__cta:hover,
html body.dunes-template-economia .dai-tpl a.dai-gnews-promoter__cta:focus,
html body.dunes-template-economia .dai-tpl a.dai-gnews-promoter__cta:active,
html body.dunes-template-economia .dai-tpl a.dai-gnews-inline__cta:hover,
html body.dunes-template-economia .dai-tpl a.dai-gnews-inline__cta:focus,
html body.dunes-template-economia .dai-tpl a.dai-gnews-inline__cta:active {
    background: #33519F !important;
    background-color: #33519F !important;
    border-color: #33519F !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
html body.dunes-template-economia .dai-tpl a.dai-gnews-promoter__cta:hover *,
html body.dunes-template-economia .dai-tpl a.dai-gnews-promoter__cta:focus *,
html body.dunes-template-economia .dai-tpl a.dai-gnews-promoter__cta:active *,
html body.dunes-template-economia .dai-tpl a.dai-gnews-inline__cta:hover *,
html body.dunes-template-economia .dai-tpl a.dai-gnews-inline__cta:focus *,
html body.dunes-template-economia .dai-tpl a.dai-gnews-inline__cta:active * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

body.dunes-template-economia a[class*="follow"],
body.dunes-template-economia a[class*="follow"] *,
body.dunes-template-economia button[class*="follow"],
body.dunes-template-economia button[class*="follow"] *,
body.dunes-template-economia [class*="follow-btn"],
body.dunes-template-economia [class*="follow-btn"] *,
body.dunes-template-economia [class*="follow_button"],
body.dunes-template-economia [class*="follow_button"] *,
body.dunes-template-economia [class*="-follow"]:not([class*="card"]):not([class*="wrap"]):not([class*="block"]),
body.dunes-template-economia [class*="-follow"]:not([class*="card"]):not([class*="wrap"]):not([class*="block"]) *,
body.dunes-template-economia [class*="ig-follow"],
body.dunes-template-economia [class*="ig-follow"] *,
body.dunes-template-economia [class*="instagram"] a,
body.dunes-template-economia [class*="instagram"] a *,
body.dunes-template-economia [class*="instagram"] button,
body.dunes-template-economia [class*="instagram"] button *,
body.dunes-template-economia .dai-tpl__after a.button,
body.dunes-template-economia .dai-tpl__after a.button *,
body.dunes-template-economia .dai-tpl__after button.button,
body.dunes-template-economia .dai-tpl__after button.button *,
body.dunes-template-economia .dai-tpl__after .button-primary,
body.dunes-template-economia .dai-tpl__after .button-primary * {
    color: #ffffff !important;
    text-decoration: none !important;
}
/* Aplica fondo rojo a los mismos botones */
body.dunes-template-economia a[class*="follow"]:not([class*="card"]):not([class*="wrap"]),
body.dunes-template-economia button[class*="follow"],
body.dunes-template-economia [class*="follow-btn"],
body.dunes-template-economia [class*="follow_button"],
body.dunes-template-economia [class*="ig-follow"],
body.dunes-template-economia [class*="instagram"] a[class*="btn"],
body.dunes-template-economia [class*="instagram"] button[class*="btn"],
body.dunes-template-economia .dai-tpl__after a.button,
body.dunes-template-economia .dai-tpl__after button.button,
body.dunes-template-economia .dai-tpl__after .button-primary {
    background-color: #990F3D !important;
    border-color: #990F3D !important;
}
body.dunes-template-economia [class*="follow"]:not([class*="card"]):not([class*="block"]),
body.dunes-template-economia [class*="follow"] button,
body.dunes-template-economia [class*="-follow"]:not([class*="card"]):not([class*="block"]),
body.dunes-template-economia [class*="follow-btn"],
body.dunes-template-economia [class*="instagram"] [class*="btn"],
body.dunes-template-economia .dai-tpl__after a.button,
body.dunes-template-economia .dai-tpl__after button.button,
body.dunes-template-economia .dai-tpl__after .button-primary {
    background-color: #990F3D !important;
    border-color: #990F3D !important;
}
body.dunes-template-economia [class*="follow"]:hover,
body.dunes-template-economia [class*="follow"]:active,
body.dunes-template-economia [class*="follow"]:focus,
body.dunes-template-economia [class*="follow"] button:hover,
body.dunes-template-economia [class*="-follow"]:hover,
body.dunes-template-economia [class*="follow-btn"]:hover,
body.dunes-template-economia [class*="instagram"] [class*="btn"]:hover,
body.dunes-template-economia .dai-tpl__after a.button:hover,
body.dunes-template-economia .dai-tpl__after button.button:hover {
    background-color: #7a0c31 !important;
    border-color: #7a0c31 !important;
    color: #ffffff !important;
}

/* Texto "Licencia del artículo" del theme → rojo */
body.dunes-template-economia [class*="license"],
body.dunes-template-economia [class*="licencia"],
body.dunes-template-economia [class*="license"] a,
body.dunes-template-economia [class*="licencia"] a { color: #990F3D !important; }

/* ─── 3) MASTHEAD · Economía (sin "esTenerife", sin hairline negra arriba) ── */
.dai-econ__masthead {
    max-width: 1060px;
    margin: 24px auto 14px;
    padding: 6px 20px 14px;
    border-top: 0;
    border-bottom: 1px solid rgba(153,15,61,0.22);
    text-align: center;
    background: transparent;
}
.dai-econ__masthead-title,
body.dunes-template-economia .dai-econ__masthead-title {
    font-family: 'Inter', 'Now', -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important;
    font-style: normal !important;
    font-weight: 900 !important;
    font-size: 32px;
    line-height: 1;
    letter-spacing: 1px;
    text-transform: uppercase !important;
    color: #990F3D !important;
    margin: 0 0 6px;
}
.dai-econ__masthead-title em { font-style: normal; font-weight: 900; }
.dai-econ__masthead-sub,
body.dunes-template-economia .dai-econ__masthead-sub {
    font-family: 'Inter', 'Now', -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--dec-ink3);
    margin: 0 0 14px;
}

/* ─── 3·b) INDICATOR STRIP · cotizaciones sin fondo ni borde ─────── */
.dai-econ__strip {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0;
    margin: 0 auto;
    padding: 8px 0 2px;
    font-family: var(--dec-sans);
    background: transparent;
    border: 0;
}
.dai-econ__strip-item {
    display: inline-flex;
    align-items: baseline;
    gap: 8px;
    padding: 4px 16px;
    white-space: nowrap;
}
.dai-econ__strip-name {
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: var(--dec-ink3);
}
.dai-econ__strip-price {
    font-family: var(--dec-mono);
    font-size: 13px;
    font-weight: 700;
    color: var(--dec-ink);
    letter-spacing: -0.2px;
}
.dai-econ__strip-change {
    font-family: var(--dec-mono);
    font-size: 11.5px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 3px;
}
.dai-econ__strip-change.is-up   { color: var(--dec-up); }
.dai-econ__strip-change.is-down { color: var(--dec-down); }
.dai-econ__strip-arrow {
    font-size: 9px;
    line-height: 1;
    display: inline-block;
    transform: translateY(-1px);
}
.dai-econ__strip-sep {
    display: inline-block;
    width: 1px;
    height: 18px;
    background: var(--dec-rule);
    flex-shrink: 0;
}

@media (max-width: 720px) {
    /* Strip en grid 2×2 · ocupa TODO el ancho · cada item centrado en su
       celda · UNA sola línea vertical (entre col 1 y col 2) en cada fila ·
       sin línea horizontal entre filas · sin líneas a la derecha. */
    .dai-econ__strip {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        grid-template-rows: auto auto !important;
        gap: 0 !important;
        padding: 8px 0 4px !important;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    .dai-econ__strip-item {
        display: flex !important;
        justify-content: center !important;
        align-items: baseline !important;
        text-align: center;
        padding: 8px 4px !important;
        gap: 6px;
        white-space: nowrap;
        position: relative;
        width: 100%;
        box-sizing: border-box;
    }
    /* SIN líneas en móvil · ni verticales ni horizontales entre las 4
       cotizaciones bajo el masthead "Economía". */
    .dai-econ__strip-item::after,
    .dai-econ__strip-item:nth-child(1)::after,
    .dai-econ__strip-item:nth-child(2)::after,
    .dai-econ__strip-item:nth-child(3)::after,
    .dai-econ__strip-item:nth-child(4)::after { display: none !important; }
    .dai-econ__strip-item,
    .dai-econ__strip-item:nth-child(1),
    .dai-econ__strip-item:nth-child(2),
    .dai-econ__strip-item:nth-child(3),
    .dai-econ__strip-item:nth-child(4) { border-bottom: 0 !important; }
    /* Quitar los separadores antiguos (el <span> vertical hairline) */
    .dai-econ__strip-sep { display: none !important; }
    /* Sin línea horizontal entre filas */
    .dai-econ__strip-item { border-bottom: 0 !important; }
    /* Tipografía cómoda */
    .dai-econ__strip-name   { font-size: 10px; letter-spacing: 0.6px; }
    .dai-econ__strip-price  { font-size: 12px; }
    .dai-econ__strip-change { font-size: 11px; gap: 3px; }
    .dai-econ__strip-arrow  { font-size: 8px; }

    /* Cards de gráficas · al 100% del ancho del cuerpo */
    .dai-econ__chart-card {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        margin-left: 0;
        margin-right: 0;
    }

    /* Foot ("Fuente · esTenerife Capital" / "Actualizado cada 30 minutos")
       MUY reducido en móvil para no competir con los datos. */
    body.dunes-template-economia .dai-econ__chart-foot {
        font-size: 7.5px !important;
        letter-spacing: 0.3px !important;
        gap: 4px !important;
        padding-top: 6px !important;
        margin-top: 6px !important;
    }
    /* Eyebrow "MATERIAS PRIMAS Y DIVISAS · ÚLTIMO MES" y "MERCADOS" en
       móvil: tamaño legible (algo más grande que antes). */
    .dai-econ__chart-title--mini { font-size: 11px !important; letter-spacing: 1.4px !important; }
    .dai-econ__chart-eyebrow     { font-size: 11px !important; letter-spacing: 1.4px !important; }
    /* Mostrar versión corta "MERCADOS" en móvil · ocultar la larga */
    .dai-econ__chart-eyebrow .full { display: none !important; }
    .dai-econ__chart-eyebrow .mobile { display: inline !important; }
    /* Menos espacio antes/dentro de la card de commodities (era demasiado). */
    .dai-econ__chart-card--row { margin-top: 12px !important; padding-top: 8px !important; }
    .dai-econ__chart-card { margin: 14px 0 !important; padding: 10px 0 8px !important; }
    .dai-econ__chart-head { margin-bottom: 6px !important; padding-bottom: 6px !important; }
    .dai-econ__chart-head--compact { margin-bottom: 4px !important; padding-bottom: 4px !important; }

    /* Instagram CTA · texto BLANCO sólo en móvil (en PC dejamos el original). */
    html body.dunes-template-economia a.dai-igc-inline__cta,
    html body.dunes-template-economia a.dai-igc-inline__cta *,
    html body.dunes-template-economia a.dai-igc-inline__cta:link,
    html body.dunes-template-economia a.dai-igc-inline__cta:visited,
    html body.dunes-template-economia a.dai-igc-inline__cta:hover,
    html body.dunes-template-economia a.dai-igc-inline__cta:hover *,
    html body.dunes-template-economia a.dai-igc-inline__cta:focus,
    html body.dunes-template-economia a.dai-igc-inline__cta:focus *,
    html body.dunes-template-economia a.dai-igc-inline__cta:active,
    html body.dunes-template-economia a.dai-igc-inline__cta:active * {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        text-decoration: none !important;
    }
}
@media (max-width: 380px) {
    .dai-econ__strip-name   { font-size: 9px; letter-spacing: 0.3px; }
    .dai-econ__strip-price  { font-size: 11px; }
    .dai-econ__strip-change { font-size: 10px; }
    .dai-econ__strip-item   { gap: 4px; padding: 6px 4px !important; }
    body.dunes-template-economia .dai-econ__chart-foot { font-size: 7px !important; }
}

/* En PC también reducimos un poco el foot */
.dai-econ__chart-foot { font-size: 9.5px; letter-spacing: 0.4px; }

/* ─── 4) CONTENEDOR DEL ARTÍCULO · GRID (clon de noticia) ────────── */
.dunes-template-economia .dai-tpl {
    padding: 24px 20px 80px;
}
.dunes-template-economia .dai-tpl__article {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, var(--dtpl-container, 720px));
    grid-template-areas: "main";
    column-gap: 40px;
    max-width: var(--dtpl-container, 720px);
    margin: 0 auto;
    align-items: start;
}
.dunes-template-economia .dai-tpl__article.has-share {
    grid-template-columns: 44px minmax(0, var(--dtpl-container, 720px));
    grid-template-areas: "share main";
    max-width: calc(44px + 40px + 720px);
}
.dunes-template-economia .dai-tpl__article.has-sidebar {
    grid-template-columns: minmax(0, var(--dtpl-container, 720px)) 300px;
    grid-template-areas: "main sidebar";
    max-width: 1060px;
}
.dunes-template-economia .dai-tpl__article.has-share.has-sidebar {
    grid-template-columns: 44px minmax(0, var(--dtpl-container, 720px)) 300px;
    grid-template-areas: "share main sidebar";
    max-width: calc(44px + 40px + 720px + 40px + 300px);
}
.dunes-template-economia .dai-tpl__article > .dai-tpl__share {
    grid-area: share;
    position: sticky;
    top: 90px;
    align-self: start;
    left: auto !important;
}
.dunes-template-economia .dai-tpl__article > .dai-tpl__main {
    grid-area: main;
    min-width: 0;
}
.dunes-template-economia .dai-tpl__article > .dai-tpl__sidebar {
    grid-area: sidebar;
    position: sticky;
    top: 90px;
    align-self: start;
    background: #fff !important;
    padding: 4px;
    border-radius: 0;
}
/* Defensa adicional · las CTAs/ads internas del sidebar siguen con su propio
   look del theme, pero el contenedor exterior NO arrastra el salmón. */
.dunes-template-economia .dai-tpl__sidebar,
.dunes-template-economia .dai-tpl__sidebar--enhanced {
    background: #fff !important;
}
.dunes-template-economia .dai-tpl__after {
    max-width: var(--dtpl-container, 720px);
    margin: 32px auto 0;
}
.dunes-template-economia .dai-tpl__body > *:first-child { margin-top: 0 !important; }
.dunes-template-economia .dai-tpl__body > .dai-gnews-inline:first-child,
.dunes-template-economia .dai-tpl__body > .dai-gnews-promoter:first-child {
    margin-top: 0 !important;
}

@media (max-width: 1100px) {
    .dunes-template-economia .dai-tpl__article,
    .dunes-template-economia .dai-tpl__article.has-share,
    .dunes-template-economia .dai-tpl__article.has-sidebar,
    .dunes-template-economia .dai-tpl__article.has-share.has-sidebar {
        display: block;
        max-width: var(--dtpl-container, 720px);
    }
    .dunes-template-economia .dai-tpl__article > .dai-tpl__share { position: static; }
    .dunes-template-economia .dai-tpl__article > .dai-tpl__sidebar { position: static; margin-top: 32px; }
}

/* ─── 5) LINKS ───────────────────────────────────────────────────── */
.dunes-template-economia .dai-tpl a {
    color: var(--dec-accent);
    text-decoration: underline;
    text-decoration-thickness: 0.5px;
    text-underline-offset: 3px;
    text-decoration-color: rgba(153,15,61,0.35);
}
.dunes-template-economia .dai-tpl a:hover { text-decoration-color: var(--dec-accent); }

/* ─── 6) HEADER DEL ARTÍCULO ─────────────────────────────────────── */
.dai-econ__header { margin: 0 0 22px; padding: 0; }
.dai-econ__kicker {
    display: inline-block;
    font-family: var(--dec-sans);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    color: var(--dec-accent) !important;
    margin: 0 0 12px;
}
.dai-econ__title {
    font-family: var(--dec-serif);
    font-weight: 800;
    font-size: 40px;
    line-height: 1.08;
    letter-spacing: -0.4px;
    color: var(--dec-ink);
    margin: 0 0 12px;
}
.dai-econ__subhead {
    font-family: var(--dec-sans);
    font-weight: 400;
    font-size: 18px;
    line-height: 1.45;
    color: var(--dec-ink2);
    margin: 0 0 22px;
}
.dunes-template-economia .dai-tpl__byline {
    border-top: 1px solid var(--dec-rule);
    border-bottom: 1px solid var(--dec-rule);
    padding: 12px 0;
    margin: 18px 0 0;
}

/* ─── 7) HERO + CAPTION ──────────────────────────────────────────── */
.dunes-template-economia .dai-tpl__hero {
    margin: 22px 0 26px;
    padding: 0;
}
.dunes-template-economia .dai-tpl__hero img {
    width: 100%;
    height: auto;
    display: block;
}
.dunes-template-economia .dai-tpl__hero-caption {
    font-family: var(--dec-sans);
    font-size: 13px;
    color: var(--dec-ink3);
    margin-top: 8px;
    text-align: left;
}
.dunes-template-economia .dai-tpl__hero-credit { color: var(--dec-ink4); }

/* ─── 8) CUERPO ──────────────────────────────────────────────────── */
.dai-econ__body {
    font-family: var(--dec-serif);
    font-size: 19px;
    line-height: 1.62;
    color: var(--dec-ink);
}
.dunes-template-economia .dai-tpl__body { min-width: 0; overflow-wrap: break-word; }
.dai-econ__body p {
    margin: 0 0 18px;
    font-family: var(--dec-serif);
}
.dai-econ__body p:first-of-type::first-letter {
    font-family: 'Inter', 'Now', -apple-system, system-ui, sans-serif;
    font-weight: 900;
    font-size: 3.4em;
    line-height: 0.86;
    float: left;
    margin: 6px 8px 0 0;
    color: var(--dec-ink);
}
.dai-econ__body h2,
body.dunes-template-economia .dai-econ__body h2 {
    font-family: var(--dec-serif);
    font-weight: 800;
    font-size: 26px;
    line-height: 1.18;
    color: #990F3D !important; /* solo dentro del cuerpo del artículo Economía */
    margin: 32px 0 12px;
    letter-spacing: -0.2px;
}
.dai-econ__body h3 {
    font-family: var(--dec-sans);
    font-weight: 800;
    font-size: 13px;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    color: var(--dec-accent);
    margin: 26px 0 8px;
}
.dai-econ__body strong { color: var(--dec-ink); font-weight: 700; }
.dai-econ__body em { font-style: italic; color: var(--dec-ink); }
.dai-econ__body blockquote {
    font-family: var(--dec-serif);
    font-style: italic;
    font-size: 21px;
    line-height: 1.42;
    color: var(--dec-ink);
    border-left: 3px solid var(--dec-accent);
    padding: 4px 0 4px 16px;
    margin: 26px 0;
}
.dai-econ__body ul, .dai-econ__body ol {
    font-family: var(--dec-serif);
    padding-left: 22px;
    margin: 0 0 20px;
}
.dai-econ__body ul li, .dai-econ__body ol li { margin: 0 0 8px; }

/* Figures intercaladas */
.dai-econ__body figure,
.dai-econ__body .wp-caption,
.dai-econ__body .wp-block-image {
    margin: 28px 0;
    width: auto !important;
    max-width: 100%;
}
.dai-econ__body figure img,
.dai-econ__body .wp-block-image img { width: 100%; height: auto; display: block; }
.dai-econ__body figcaption,
.dai-econ__body .wp-caption-text {
    font-family: var(--dec-sans);
    font-size: 12.5px;
    color: var(--dec-ink3);
    margin: 8px 0 0;
    text-align: left;
}

/* ─── 9) KEY FACTS ───────────────────────────────────────────────── */
.dai-econ__key-facts {
    background: var(--dec-bg-soft);
    border: 1px solid var(--dec-rule);
    border-left: 3px solid var(--dec-accent);
    padding: 16px 20px;
    margin: 24px 0;
    font-family: var(--dec-sans);
}
.dunes-template-economia .dai-tpl__key-facts-label {
    display: block;
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    color: var(--dec-accent);
    margin-bottom: 10px;
}
.dunes-template-economia .dai-tpl__key-facts ol {
    margin: 0;
    padding-left: 22px;
    font-family: var(--dec-sans);
    font-size: 14.5px;
    line-height: 1.55;
    color: var(--dec-ink2);
}
.dunes-template-economia .dai-tpl__key-facts ol li { margin-bottom: 8px; }
.dunes-template-economia .dai-tpl__key-facts ol li:last-child { margin-bottom: 0; }

/* ─── 10) CHARTS · COMPACTOS Y ELEGANTES (SIN bordes) ────────────── */
.dai-econ__chart-card {
    background: transparent;
    border: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    margin: 24px 0;
    padding: 14px 0 10px;
    border-radius: 0;
}
.dai-econ__chart-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--dec-rule-soft);
}
/* Variante compacta · sin línea inferior y pegada al row de cells */
.dai-econ__chart-head--compact {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}
.dai-econ__chart-card--row .dai-econ__row {
    margin-top: 2px;
}
.dai-econ__chart-heading { flex: 1; min-width: 0; }
.dai-econ__chart-eyebrow {
    display: block;
    font-family: var(--dec-sans);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    color: var(--dec-accent);
    margin-bottom: 4px;
}
.dai-econ__chart-title {
    font-family: var(--dec-serif);
    font-weight: 800;
    font-size: 17px;
    line-height: 1.15;
    color: var(--dec-ink);
    margin: 0;
}
/* Variante mini · tipografía sans con tracking · usada como eyebrow-único */
.dai-econ__chart-title--mini {
    font-family: var(--dec-sans);
    font-weight: 800;
    font-size: 10.5px;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    color: var(--dec-accent);
}
.dai-econ__chart-quote {
    display: flex;
    align-items: baseline;
    gap: 8px;
}
.dai-econ__chart-price {
    font-family: var(--dec-mono);
    font-size: 19px;
    font-weight: 700;
    letter-spacing: -0.3px;
    color: var(--dec-ink);
}
.dai-econ__chart-unit {
    font-family: var(--dec-sans);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.4px;
    color: var(--dec-ink4);
    text-transform: uppercase;
}
.dai-econ__chart-change {
    font-family: var(--dec-mono);
    font-size: 12px;
    font-weight: 700;
    padding: 2px 7px;
    border-radius: 3px;
}
.dai-econ__chart-change.is-up   { background: rgba(10,122,59,0.12); color: var(--dec-up); }
.dai-econ__chart-change.is-down { background: rgba(153,15,61,0.10); color: var(--dec-down); }

.dai-econ__chart-canvas { margin: 4px 0 2px; }
.dai-econ__chart-svg {
    display: block;
    width: 100%;
    height: auto;
    max-height: 100px;
}

.dai-econ__chart-foot {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid var(--dec-rule-soft);
    font-family: var(--dec-sans);
    font-size: 10.5px;
    color: var(--dec-ink4);
    letter-spacing: 0.3px;
    text-transform: uppercase;
}

/* ─── 11) COMMODITIES · APILADOS EN VERTICAL ─────────────────────── */
.dai-econ__row {
    display: flex;
    flex-direction: column;
}
.dai-econ__cell {
    display: grid;
    grid-template-columns: 1fr auto 90px;
    grid-template-rows: auto;
    gap: 0 14px;
    align-items: center;
    padding: 8px 2px;
    border-bottom: 1px solid var(--dec-rule-soft);
}
.dai-econ__cell:last-child { border-bottom: 0; }
.dai-econ__cell-head {
    grid-column: 1;
    grid-row: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.dai-econ__cell-name {
    font-family: var(--dec-sans);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: var(--dec-ink3);
}
.dai-econ__cell-change {
    font-family: var(--dec-mono);
    font-size: 11px;
    font-weight: 700;
    padding: 1px 6px;
    border-radius: 3px;
}
.dai-econ__cell-change.is-up   { color: var(--dec-up); background: rgba(10,122,59,0.10); }
.dai-econ__cell-change.is-down { color: var(--dec-down); background: rgba(153,15,61,0.08); }
.dai-econ__cell-price {
    grid-column: 2;
    grid-row: 1;
    font-family: var(--dec-mono);
    font-size: 14px;
    font-weight: 700;
    color: var(--dec-ink);
    letter-spacing: -0.2px;
    display: flex;
    align-items: baseline;
    gap: 5px;
    justify-self: end;
}
.dai-econ__cell-unit {
    font-family: var(--dec-sans);
    font-size: 10px;
    color: var(--dec-ink4);
    font-weight: 600;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}
.dai-econ__cell-spark {
    grid-column: 3;
    grid-row: 1;
    align-self: center;
}
.dai-econ__spark {
    display: block;
    width: 90px;
    height: 22px;
}

/* ─── 12) TAGS ───────────────────────────────────────────────────── */
.dunes-template-economia .dai-tpl__tags {
    margin-top: 26px;
    padding-top: 16px;
    border-top: 1px solid var(--dec-rule);
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}
.dunes-template-economia .dai-tpl__tags-label {
    font-family: var(--dec-sans);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    color: var(--dec-ink3);
    margin-right: 6px;
}
.dunes-template-economia .dai-tpl__tag,
body.dunes-template-economia .dai-tpl__tag,
body.dunes-template-economia .dai-tpl__tag:link,
body.dunes-template-economia .dai-tpl__tag:visited,
body.dunes-template-economia .dai-tpl__tag *,
body.dunes-template-economia a.dai-tpl__tag,
body.dunes-template-economia a.dai-tpl__tag * {
    display: inline-block;
    padding: 3px 9px;
    background: #ffffff !important;
    border: 1px solid rgba(153,15,61,0.18) !important;
    color: #990F3D !important;
    font-family: var(--dec-sans);
    font-size: 12px;
    text-decoration: none !important;
    border-radius: 0;
    outline: 0 !important;
    box-shadow: none !important;
    transition: background-color .15s, color .15s, border-color .15s;
}
body.dunes-template-economia .dai-tpl__tag:hover,
body.dunes-template-economia .dai-tpl__tag:focus,
body.dunes-template-economia .dai-tpl__tag:focus-visible,
body.dunes-template-economia .dai-tpl__tag:active,
body.dunes-template-economia a.dai-tpl__tag:hover,
body.dunes-template-economia a.dai-tpl__tag:focus,
body.dunes-template-economia a.dai-tpl__tag:focus-visible,
body.dunes-template-economia a.dai-tpl__tag:active,
body.dunes-template-economia .dai-tpl__tag:hover *,
body.dunes-template-economia .dai-tpl__tag:focus *,
body.dunes-template-economia .dai-tpl__tag:active *,
body.dunes-template-economia .dai-tpl__tag:hover:visited,
body.dunes-template-economia .dai-tpl__tag:hover:link {
    background: #990F3D !important;
    background-color: #990F3D !important;
    border-color: #990F3D !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important; /* iOS Safari */
    text-decoration: none !important;
    outline: 0 !important;
    box-shadow: none !important;
}
/* "Temas de la noticia" — bloque NLP del theme · al hover quitar el outline
   azul del navegador / theme y mantener fondo rojo + texto blanco. */
body.dunes-template-economia [class*="topic"] a,
body.dunes-template-economia [class*="topic"] a *,
body.dunes-template-economia [class*="topics"] a,
body.dunes-template-economia [class*="topics"] a *,
body.dunes-template-economia [class*="azure"] a,
body.dunes-template-economia [class*="azure"] a * {
    color: #990F3D !important;
    background: #ffffff !important;
    border-color: rgba(153,15,61,0.18) !important;
    outline: 0 !important;
    box-shadow: none !important;
}
body.dunes-template-economia [class*="topic"] a:hover,
body.dunes-template-economia [class*="topic"] a:focus,
body.dunes-template-economia [class*="topic"] a:focus-visible,
body.dunes-template-economia [class*="topics"] a:hover,
body.dunes-template-economia [class*="topics"] a:focus,
body.dunes-template-economia [class*="topics"] a:focus-visible,
body.dunes-template-economia [class*="topic"] a:hover *,
body.dunes-template-economia [class*="topics"] a:hover * {
    background: #990F3D !important;
    color: #ffffff !important;
    border-color: #990F3D !important;
    outline: 0 !important;
    box-shadow: none !important;
}
/* "Con la tecnología de Azure" y similar (theme · pie del bloque NLP).
   Hover legible: azul oscuro sobre blanco, no sobre rojo. */
body.dunes-template-economia [class*="azure"] a,
body.dunes-template-economia [class*="topics"] a,
body.dunes-template-economia [class*="powered"] a,
body.dunes-template-economia [class*="tech"] a {
    color: #990F3D !important;
    text-decoration: none !important;
}
body.dunes-template-economia [class*="azure"] a:hover,
body.dunes-template-economia [class*="topics"] a:hover,
body.dunes-template-economia [class*="powered"] a:hover,
body.dunes-template-economia [class*="tech"] a:hover {
    background: #ffffff !important;
    color: #1a4dae !important;
    text-decoration: underline !important;
}

/* ─── 13) RESPONSIVE ─────────────────────────────────────────────── */
@media (max-width: 720px) {
    .dai-econ__masthead-title { font-size: 30px; }
    .dai-econ__masthead-sub   { font-size: 9.5px; letter-spacing: 1.5px; }
    .dai-econ__title  { font-size: 30px; }
    .dai-econ__subhead { font-size: 16.5px; }
    .dai-econ__body { font-size: 17.5px; }
    .dai-econ__body h2 { font-size: 22px; }
    .dai-econ__body blockquote { font-size: 18.5px; }
    .dai-econ__body p:first-of-type::first-letter { font-size: 3em; }
    .dai-econ__chart-card { padding: 14px 14px 10px; }
    .dai-econ__chart-title { font-size: 15.5px; }
    .dai-econ__chart-price { font-size: 17px; }
    .dai-econ__chart-quote { gap: 6px; flex-wrap: wrap; }
    .dai-econ__chart-svg { max-height: 110px; }
    .dai-econ__cell { grid-template-columns: 1fr 80px; }
    .dai-econ__spark { width: 80px; height: 24px; }
}