/* ═══════════════════════════════════════════════════════════════════
   ET 2.50.0 · ECONOMÍA Y MERCADOS - maqueta de Financial Ports
   ═══════════════════════════════════════════════════════════════════
   Copia literal de las reglas de FP (fp-skin.css 2.11.4: «ECONOMY &
   MARKETS» 1.16.0, «See all» 1.72.3, «bare» 1.94.0, Inter 2.0.3 y las
   curvas FT 2.1.0-2.2.0) con la paleta de esTenerife: donde FP pinta en
   claret, aquí va el azul de la casa; el papel salmón pasa a blanco.
   Las variables --fp-* se definen SOLO dentro de .fp-eco y del bloque
   regional, así que no tocan nada más del theme.
   ═══════════════════════════════════════════════════════════════════ */
.fp-eco,
.et-pcv2-reg {
    --fp-paper: #FFFFFF;
    --fp-paper-2: #F3F2EE;
    --fp-ink: #0A0A0A;
    --fp-ink-2: #4A4A4A;
    --fp-muted: #6B6B6B;
    --fp-claret: var(--pcv2-blue, #33519F);
    --fp-rule: var(--pcv2-line, #E5E3DD);
    --fp-deep: #0A0A0A;
    --fp-serif: Georgia, 'Iowan Old Style', 'Times New Roman', serif;
    --fp-down: #C0262D;
    --fp-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* ═══════════════════════════════════════════════════════════════════
   FP 1.16.0 · ECONOMY & MARKETS
   ═══════════════════════════════════════════════════════════════════
   Tres columnas al modo del recorte del CEO: una ancha con foto grande
   que sostiene el bloque, una media que alterna sin-foto/con-foto para
   que la página no se lea como una rejilla, y un carril de datos.

   EL ANCHO
   ────────
   Salía más estrecha que el resto del home porque le puse max-width y
   padding propios. El bloque de Ports | Shipyards NO lleva ninguno de
   los dos: hereda el contenedor de la portada y se limita a separarse
   con margen y filete. Al ponerle los míos, mi padding se sumaba al del
   contenedor y la sección se metía hacia dentro. Aquí se hace lo mismo
   que hace Ports y encaja sola.

   LA TIPOGRAFÍA
   ─────────────
   La misma que Ports | Shipyards: Inter 800. El serif se reserva para
   el hero y las cabeceras - si cada sección usa su propia letra, la
   portada deja de parecer un periódico y pasa a parecer una plantilla.
   La pieza de apertura conserva su tamaño grande, que es lo que le da
   el peso de entrada al bloque. */

.fp-eco {
    margin-top: 44px;
    padding-top: 36px;
    border-top: 1px solid var(--fp-rule);
    background: var(--fp-paper);
    --fp-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.fp-eco__head {
    border-bottom: 2px solid var(--fp-claret);
    padding-bottom: 9px;
    margin-bottom: 20px;
}
/* FP 2.4.1 · El rótulo y la puerta a Stock Markets en la MISMA línea:
   título a la izquierda, enlace en versalitas a la derecha, con la
   flecha que se desliza al pasar el ratón. */
.fp-eco__head--con-enlace {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 16px;
}
.fp-eco__head-link {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--fp-claret);
    text-decoration: none;
    white-space: nowrap;
}
.fp-eco__head-link span {
    display: inline-block;
    transition: transform .15s ease;
}
.fp-eco__head-link:hover { color: var(--fp-ink); }
.fp-eco__head-link:hover span { transform: translateX(3px); }
@media (prefers-reduced-motion: reduce) {
    .fp-eco__head-link span { transition: none; }
}

/* FP 2.0.2 · Un punto mas de negrita en TODA la seccion Economy, por
   orden del CEO: los rotulos (Economy & Markets, World Economy, Markets,
   See all, Container lines) y los titulares de las seis noticias pasan
   de 800 a 900. Inter trae el 900 cargado en el <link> de fuentes; con
   una familia de sistema este cambio no se veria. */
.fp-eco__head-t {
    margin: 0;
    font-family: var(--fp-serif);
    font-weight: 900;
    font-size: 24px;
    letter-spacing: -.01em;
    color: var(--fp-claret);
}

.fp-eco__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr) 250px;
}

.fp-eco__col { min-width: 0; }
.fp-eco__col--a { padding-right: 30px; }
.fp-eco__col--b { padding: 0 26px; border-left: 1px solid var(--fp-rule); border-right: 1px solid var(--fp-rule); }
.fp-eco__col--c { padding-left: 26px; }

/* ─── Columna 1 · la pieza de apertura ─────────────────────────── */
.fp-eco__lead-photo {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    background: var(--fp-paper-2) center / cover no-repeat;
}

.fp-eco__cap {
    margin: 7px 0 0;
    text-align: right;
    font-family: var(--fp-sans);
    font-size: 11.5px;
    line-height: 1.4;
    color: var(--fp-muted);
}

/* Conserva el tamaño grande -es la entrada del bloque- pero con la
   letra y el grosor de Ports. */
.fp-eco__lead-t {
    margin: 15px 0 0;
    font-family: var(--fp-sans);
    font-weight: 900;
    font-size: clamp(24px, 2.2vw, 29px);
    line-height: 1.15;
    letter-spacing: -.5px;
    text-align: center;
    text-wrap: balance;
}

.fp-eco__lead-t a { color: var(--fp-ink); text-decoration: none; }
.fp-eco__lead-t a:hover { color: var(--fp-claret); }

/* La entradilla y la firma acompañan al titular: centradas también. Una
   firma alineada a la izquierda bajo un titular centrado deja el bloque
   descolgado por un lado. */
.fp-eco__lead .fp-eco__dek { text-align: center; }
.fp-eco__lead .et-pcv2-hero__byline { justify-content: center; text-align: center; }

.fp-eco__sub {
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px solid var(--fp-rule);
}

/* ─── Columna 2 · rótulo + las dos piezas ──────────────────────── */
.fp-eco__col-h {
    margin: 0 0 14px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--fp-rule);
    font-family: var(--fp-sans);
    font-size: 15px;
    font-weight: 900;
    letter-spacing: .02em;
    color: var(--fp-claret);
}

.fp-eco__it + .fp-eco__it {
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px solid var(--fp-rule);
}

.fp-eco__it-photo {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    margin-bottom: 13px;
    background: var(--fp-paper-2) center / cover no-repeat;
}

/* El resto de titulares, calcados del b1 de Ports. */
.fp-eco__sub-t,
.fp-eco__it-t {
    margin: 0;
    font-family: var(--fp-sans);
    font-weight: 900;
    font-size: 19px;
    line-height: 1.22;
    letter-spacing: -.3px;
}

.fp-eco__sub-t a,
.fp-eco__it-t a { color: var(--fp-ink); text-decoration: none; }
.fp-eco__sub-t a:hover,
.fp-eco__it-t a:hover { color: var(--fp-claret); }

.fp-eco__dek {
    margin: 9px 0 0;
    font-family: var(--fp-sans);
    font-size: 14.5px;
    line-height: 1.46;
    color: var(--fp-ink-2);
}

.fp-eco .et-pcv2-hero__byline {
    display: flex;
    flex-wrap: wrap;
    gap: 0 8px;
    margin: 10px 0 0;
    font-family: var(--fp-sans);
    font-size: 12px;
}

/* ─── Columna 3 · el carril de datos ───────────────────────────────
   Compacto a propósito: son nueve marcadores y con la altura anterior
   el carril estiraba la sección medio metro por debajo de las noticias.
   Rótulo pequeño, fila de dos líneas y cifra en sans tabular - que es
   además como se leen los números en un panel de bolsa. */
.fp-eco__rail { position: sticky; top: 84px; }

/* Rojo y con cuerpo: son los dos rótulos que ordenan el carril, y a
   9,5px se perdían contra los nombres de los marcadores. */
.fp-eco__rail-h {
    margin: 0 0 4px;
    padding-bottom: 7px;
    border-bottom: 1px solid var(--fp-claret);
    font-family: var(--fp-sans);
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .07em;
    text-transform: uppercase;
    color: var(--fp-claret);
}

.fp-eco__rail-h--2 { margin-top: 16px; }

.fp-eco__q {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: baseline;
    gap: 1px 10px;
    padding: 8px 0;
    border-bottom: 1px solid var(--fp-rule);
}

.fp-eco__q-lb {
    font-family: var(--fp-sans);
    font-size: 12px;
    font-weight: 700;
    color: var(--fp-ink);
}

/* La cifra y la referencia van a la izquierda, alineadas con el nombre
   del marcador: en una columna estrecha, alinear a la derecha rompe el
   eje de lectura y obliga a saltar de un lado a otro en cada fila. La
   variación se queda a la derecha porque es lo único que se escanea en
   vertical. */
.fp-eco__q-vl {
    grid-column: 1 / -1;
    font-family: var(--fp-sans);
    font-size: 14px;
    font-weight: 800;
    text-align: left;
    color: var(--fp-ink);
    font-variant-numeric: tabular-nums;
}

.fp-eco__q-un { font-size: 10.5px; font-weight: 600; color: var(--fp-muted); }

/* La referencia y la variación, en la segunda línea: la referencia dice
   QUÉ es y la variación CÓMO va, y juntas ocupan una sola línea. */
.fp-eco__q-nt {
    grid-column: 1 / -1;
    font-family: var(--fp-sans);
    font-size: 9.5px;
    line-height: 1.3;
    letter-spacing: .04em;
    text-transform: uppercase;
    text-align: left;
    color: var(--fp-muted);
}

.fp-eco__q-dl {
    font-family: var(--fp-sans);
    font-size: 11px;
    font-weight: 800;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

/* El color y la flecha van juntos por accesibilidad: en un panel de
   bolsa el verde y el rojo son la única señal, y quien no los distingue
   se queda sin dato. La flecha lo dice también. */
.fp-eco__q-dl--up   { color: #0A7B4B; }
.fp-eco__q-dl--down { color: var(--fp-claret); }
.fp-eco__q-dl--flat { color: var(--fp-muted); }

.fp-eco__rail-f {
    margin: 12px 0 0;
    font-family: var(--fp-sans);
    font-size: 10px;
    line-height: 1.45;
    color: var(--fp-muted);
}

/* ─── Tableta y móvil ──────────────────────────────────────────── */
@media (max-width: 1080px) {
    .fp-eco__grid { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); }
    .fp-eco__col--b { border-right: 0; padding-right: 0; }
    .fp-eco__col--c {
        grid-column: 1 / -1;
        margin-top: 22px;
        padding: 18px 0 0;
        border-top: 1px solid var(--fp-rule);
    }
    .fp-eco__rail {
        position: static;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
        gap: 0 26px;
    }
    .fp-eco__rail-h, .fp-eco__rail-f { grid-column: 1 / -1; }
}

@media (max-width: 720px) {
    .fp-eco { margin-top: 30px; padding-top: 24px; }
    .fp-eco__grid { grid-template-columns: 1fr; }
    .fp-eco__col--a { padding-right: 0; }
    .fp-eco__col--b {
        margin-top: 20px;
        padding: 18px 0 0;
        border-left: 0;
        border-top: 1px solid var(--fp-rule);
    }
    .fp-eco__lead-t { text-align: left; font-size: 24px; }
    .fp-eco__lead .fp-eco__dek { text-align: left; }
    .fp-eco__lead .et-pcv2-hero__byline { justify-content: flex-start; text-align: left; }
    .fp-eco__cap { text-align: left; }
}


/* ── FP 1.72.3 · «See all →» EN LA LÍNEA de «Markets», con directo ──
   El rótulo del carril reparte: Markets a la izquierda, el enlace al
   tablero a la derecha con su puntito rojo parpadeante de en vivo. */
.fp-eco__rail-h--seeall {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.fp-eco__seeall {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 10.5px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--fp-claret, #af0101);
    text-decoration: none;
    white-space: nowrap;
}
.fp-eco__arr { display: inline-block; transition: transform .15s ease; }
.fp-eco__seeall:hover .fp-eco__arr { transform: translateX(3px); }
.fp-eco__live {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--fp-claret, #af0101);
    animation: fpLiveBlink 1.1s ease-in-out infinite;
}
@keyframes fpLiveBlink {
    0%, 100% { opacity: 1; }
    50%      { opacity: .22; }
}
@media (prefers-reduced-motion: reduce) {
    .fp-eco__live { animation: none; }
}


/* World Economy · la tercera cierra la columna sin foto ni entradilla. */
.fp-eco__it--bare {
    padding-top: 13px;
    border-top: 1px solid var(--fp-rule);
}
.fp-eco__it--bare .fp-eco__it-t { font-size: 15px; line-height: 1.26; }


/* ═══════════════════════════════════════════════════════════════════
   FP 2.0.3 · ECONOMY, CON LA LETRA DEL HERO
   ═══════════════════════════════════════════════════════════════════
   El 800→900 de la 2.0.2 no se veia, y medido en produccion salio el
   porque: estos titulos heredaban --fp-sans resuelto a MANROPE en su
   ambito, mientras el hero del home va en INTER 800. Manrope es mas
   redonda y mas ligera a igual numero - por eso «seguia igual».

   Orden del CEO: la misma letra y grosor que el hero. Inter en literal
   -no via variable, que es justo lo que se torcia- y 800, que es lo que
   el hero tiene de verdad (medido, no supuesto). Va al final del
   fichero a proposito: misma especificidad + despues = gana. */
/* FP 2.0.5 · CON !important, y no por gusto: hay un <style> en linea
   («Manrope por defecto en todo») que fuerza Manrope !important sobre
   `body *` - pisaba la familia pero no el peso, y por eso el 800 entraba
   y la letra no. Entre dos !important gana la especificidad: estas
   clases (0,1,0) baten a `body *` (0,0,1). El default de Manrope del
   resto del sitio queda intacto. */
/* FP 2.0.6 · TAMBIEN LAS ANCLAS. Con la 2.0.5 los h3 pasaron a Inter
   pero las noticias seguian igual: el texto del titular vive en el <a>
   de dentro, y el estilo en linea de Manrope tambien golpea a `a`
   DIRECTAMENTE - y una regla directa sobre el elemento le gana a lo que
   herede del padre, aunque el padre grite. Medido en produccion: el h3
   era Inter y su ancla, Manrope. Se listan las anclas (0,1,1 con
   !important bate al 0,0,1 del estilo en linea). */
.fp-eco__col-h,
.fp-eco__rail-h,
.fp-eco__seeall,
.fp-eco__lead-t,   .fp-eco__lead-t a,
.fp-eco__sub-t,    .fp-eco__sub-t a,
.fp-eco__it-t,     .fp-eco__it-t a {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    font-weight: 800 !important;
}

/* El kicker dentro de esos titulares, como el del hero: Inter 700
   (medido en el hero real - el span tambien recibe el Manrope directo
   y hay que nombrarlo). */
.fp-eco__lead-t .et-pcv2-hero__kicker,
.fp-eco__sub-t .et-pcv2-hero__kicker,
.fp-eco__it-t .et-pcv2-hero__kicker {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    font-weight: 700 !important;
}

/* «Economy & Markets» baja un punto (orden del CEO): 700, no 800.
   Con el ambito .et-pcv2-page delante para ganar (0,2,0) a la regla
   general de titulares del home (0,1,1) que se añade debajo. */
.fp-eco__head-t,
.et-pcv2-page .fp-eco__head-t {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    font-weight: 700 !important;
}



/* ════════════════════════════════════════════════════════════════════
   FP 2.1.0 · LA CURVA DEL PULSO - bajo World Economy
   ────────────────────────────────────────────────────────────────────
   Panel salmón hundido con la serie real de IMF PortWatch: curva FT
   (media 7d en claret sobre el diario en tinta tenue), conmutador de
   métrica, crosshair con tooltip y la fuente abajo a la
   derecha. Esquinas VIVAS: nada de redondeos genéricos.
   Verde de subida #166A40: 5.4:1 sobre el salmón (medido, no a ojo).
   ════════════════════════════════════════════════════════════════════ */
/* FP 2.1.1 · Compactado en vertical (la caja dejaba demasiado aire
   entre las noticias, captura del CEO) y SIN caja salmón: la gráfica
   vive directamente sobre el papel del theme, a sangre con la columna,
   como un chart del FT - solo el filete negro arriba la presenta. */
.fp-tpc {
    margin-top: 18px;
    background: transparent;
    border-top: 2px solid var(--fp-ink);
    padding: 10px 0 0;
}
.fp-tpc__head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
}
.fp-tpc__eyebrow {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .9px;
    text-transform: uppercase;
    color: var(--fp-claret);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 7px;
}
.fp-tpc__eyebrow:hover { color: var(--fp-ink); }
/* FP 2.1.2 · el punto parpadeante se fue con la caja salmón */

.fp-tpc__delta {
    font-size: 12.5px;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}
.fp-tpc__delta small {
    font-size: 10px;
    font-weight: 600;
    color: var(--fp-muted);
    margin-left: 3px;
    text-transform: uppercase;
    letter-spacing: .5px;
}
.fp-tpc__delta--up   { color: #166A40; }
.fp-tpc__delta--down { color: var(--fp-claret); }
.fp-tpc__delta--flat { color: var(--fp-muted); }

.fp-tpc__title {
    font-family: var(--fp-serif);
    font-size: 19px;
    font-weight: 700;
    line-height: 1.15;
    color: var(--fp-ink);
    margin: 6px 0 0;
}
.fp-tpc__sub {
    font-size: 11px;
    color: var(--fp-muted);
    margin: 2px 0 0;
}

.fp-tpc__tabs {
    display: flex;
    gap: 6px;
    margin-top: 8px;
}
.fp-tpc__tab {
    appearance: none;
    background: transparent;
    border: 1px solid var(--fp-rule);
    border-radius: 0;
    color: var(--fp-ink-2);
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: .6px;
    text-transform: uppercase;
    padding: 5px 11px;
    cursor: pointer;
    transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.fp-tpc__tab:hover { border-color: var(--fp-ink); color: var(--fp-ink); }
.fp-tpc__tab.is-on {
    background: var(--fp-ink);
    border-color: var(--fp-ink);
    color: var(--fp-paper);
}
.fp-tpc__tab:focus-visible {
    outline: 2px solid var(--fp-claret);
    outline-offset: 1px;
}

.fp-tpc__stage {
    position: relative;
    margin-top: 7px;
    cursor: crosshair;
}
.fp-tpc__svg {
    display: block;
    width: 100%;
    transition: opacity .18s ease;
}
.fp-tpc__svg text { font-family: 'Inter', -apple-system, sans-serif; }

.fp-tpc__tip {
    position: absolute;
    z-index: 5;
    pointer-events: none;
    background: var(--fp-deep);
    color: #F6E5D2;
    font-size: 11px;
    line-height: 1.45;
    padding: 7px 10px 8px;
    box-shadow: 0 4px 14px rgba(13, 13, 13, .28);
    font-variant-numeric: tabular-nums;
    max-width: 190px;
}
.fp-tpc__tip strong {
    display: block;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .6px;
    text-transform: uppercase;
    color: #C9B29E;
    margin-bottom: 2px;
}
.fp-tpc__tip span {
    display: block;
    color: #C9B29E;
    font-size: 10.5px;
    margin-top: 1px;
}

.fp-tpc__foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 7px;
    padding-top: 6px;
    border-top: 1px solid var(--fp-rule);
}
.fp-tpc__src {
    font-size: 10.5px;
    color: var(--fp-muted);
    white-space: nowrap;
}


/* ═══════════════════════════════════════════════════════════════════
   ET 2.50.0 · AJUSTES PROPIOS DE ESTENERIFE
   ═══════════════════════════════════════════════════════════════════ */

/* En FP la bajada se pinta en claret; aquí el claret es el azul de la
   casa, así que lo que cae va en rojo para que se lea de un vistazo. */
.fp-eco__q-dl--down,
.fp-tpc__delta--down { color: var(--fp-down); }
.fp-eco__q-dl--up,
.fp-tpc__delta--up   { color: #166A40; }

.fp-eco__col-h a,
.fp-eco__rail-h a:not(.fp-eco__seeall) { color: inherit; text-decoration: none; }
.fp-eco__col-h a:hover { color: var(--fp-ink); }

/* ── Cabecera de sección: Economía y Mercados y Canarias · Tenerife ──
   Las dos con el rótulo de FP: Inter 700 a 24 px en azul sobre una
   raya azul de 2 px. Sin la pleca de arriba ni la fila de puntos, y sin
   subtítulo, que FP no lleva. El patrocinio, si lo hay, sigue a la
   derecha en la misma línea. */
.et-pcv2-page .et-pcv2-shx--eco,
.et-pcv2-page .et-pcv2-shx--reg {
    margin: 0 0 20px;
    padding-bottom: 9px;
    border-bottom: 2px solid var(--pcv2-blue, #33519F);
}
.et-pcv2-shx--eco .et-pcv2-shx__row,
.et-pcv2-shx--reg .et-pcv2-shx__row { padding-bottom: 0; align-items: baseline; }
.et-pcv2-shx--eco .et-pcv2-shx__title-wrap::before,
.et-pcv2-shx--reg .et-pcv2-shx__title-wrap::before { display: none; }
.et-pcv2-shx--eco .et-pcv2-shx__dots,
.et-pcv2-shx--reg .et-pcv2-shx__dots,
.et-pcv2-shx--eco .et-pcv2-shx__sub,
.et-pcv2-shx--reg .et-pcv2-shx__sub { display: none; }
.et-pcv2-page .et-pcv2-shx--eco .et-pcv2-shx__title,
.et-pcv2-page .et-pcv2-shx--reg .et-pcv2-shx__title {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    font-weight: 800 !important;
    font-size: 22px !important;
    line-height: 1.15 !important;
    letter-spacing: -.01em !important;
    color: var(--pcv2-blue, #33519F) !important;
}

/* La sección nueva va a lo ancho del contenedor del home, con el mismo
   respiro que los demás módulos. */
.et-pcv2-page .fp-eco { margin: 0 0 48px; }

/* ── Canarias · Tenerife con la letra de Economía ──────────────────
   Mismos cuerpos, grosores e interlineados que los titulares de la
   sección nueva: la grande a 24-29 px, las de lista a 19 px, las
   pequeñas a 15 px; entradillas a 14,5 px en Manrope (como las de FP) y
   firma a 12 px. Se nombran
   las anclas porque el Manrope en línea del home las golpea directo. */
.et-pcv2-page .et-pcv2-reg__feature-title,
.et-pcv2-page .et-pcv2-reg__feature-title a,
.et-pcv2-page .et-pcv2-reg__item-title,
.et-pcv2-page .et-pcv2-reg__item-title a,
.et-pcv2-page .et-pcv2-reg__b-title,
.et-pcv2-page .et-pcv2-reg__b-title a {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    font-weight: 800 !important;
}
.et-pcv2-page .et-pcv2-reg__feature-title {
    font-size: clamp(24px, 2.2vw, 29px) !important;
    line-height: 1.15 !important;
    letter-spacing: -.5px !important;
    text-wrap: balance;
}
.et-pcv2-page .et-pcv2-reg__item-title,
.et-pcv2-page .et-pcv2-reg--v2 .et-pcv2-reg__col--a23 .et-pcv2-reg__item--with-thumb .et-pcv2-reg__item-title {
    font-size: 19px !important;
    line-height: 1.22 !important;
    letter-spacing: -.3px !important;
}
.et-pcv2-page .et-pcv2-reg__b-title {
    font-size: 15px !important;
    line-height: 1.26 !important;
    letter-spacing: -.2px !important;
}
.et-pcv2-page .et-pcv2-reg__feature-title a,
.et-pcv2-page .et-pcv2-reg__item-title a,
.et-pcv2-page .et-pcv2-reg__b-title a { color: #0A0A0A; }
.et-pcv2-page .et-pcv2-reg__feature-title a:hover,
.et-pcv2-page .et-pcv2-reg__item-title a:hover,
.et-pcv2-page .et-pcv2-reg__b-title a:hover { color: var(--pcv2-blue, #33519F); }

.et-pcv2-page .et-pcv2-reg__feature-dek,
.et-pcv2-page .et-pcv2-reg__item-dek,
.et-pcv2-page .et-pcv2-reg--v2 .et-pcv2-reg__col--a23 .et-pcv2-reg__item--with-thumb .et-pcv2-reg__item-dek {
    font-size: 14.5px !important;
    line-height: 1.46 !important;
    color: #4A4A4A;
}
.et-pcv2-page .et-pcv2-reg .et-pcv2-hero__byline,
.et-pcv2-page .et-pcv2-reg .et-pcv2-hero__byline span { font-size: 12px !important; }
.et-pcv2-page .et-pcv2-reg__feature-figcap { font-size: 11.5px !important; line-height: 1.4 !important; }

.et-pcv2-page .et-pcv2-reg__feature-title .et-pcv2-hero__kicker,
.et-pcv2-page .et-pcv2-reg__item-title .et-pcv2-hero__kicker,
.et-pcv2-page .et-pcv2-reg__b-title .et-pcv2-hero__kicker {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    font-weight: 700 !important;
}

/* ET 2.51.0 · La foto de la 2ª noticia de Consumo, un 25 % más baja
   (4:3 → 16:9: mismo ancho, 0,75 de alto). */
.fp-eco__it--pic .fp-eco__it-photo { aspect-ratio: 16 / 9; }

/* ═══════════════════════════════════════════════════════════════════
   ET 2.52.0 · RÓTULOS DE CATEGORÍA UNIFICADOS EN TODO EL HOME
   ═══════════════════════════════════════════════════════════════════
   Todos con la letra, el cuerpo y el grosor de «Sociedad» y «Salud»
   (.et-pcv2-ener__head--section): Inter 800 a 22 px, -0,01 em.
   Solo letra, cuerpo y grosor: cada rótulo conserva su color y su raya.
   Se nombran las anclas porque el Manrope en línea del home las golpea. */
.et-pcv2-page .et-pcv2-shx__title,
.et-pcv2-page .et-pcv2-shx__title a,
.et-pcv2-page .et-pcv2-ener__head,
.et-pcv2-page .et-pcv2-ener__head a,
.et-pcv2-page .et-pcv2-sports__head-title,
.et-pcv2-page .et-pcv2-sports__head-title a,
.et-pcv2-page .et-pcv2-opinion__title,
.et-pcv2-page .et-pcv2-opinion__title a,
.et-pcv2-page .fp-eco__col-h,
.et-pcv2-page .fp-eco__col-h a {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    font-weight: 800 !important;
    font-size: 22px !important;
    line-height: 1.15 !important;
    letter-spacing: -.01em !important;
}

/* ET 2.52.0 · Banner 970×90 centrado entre Economía y Deportes · Avisos,
   con el mismo aire arriba y abajo entre las dos rayas. */
.et-pcv2-page .et-home-midad {
    margin: 48px 0;
    text-align: center;
    line-height: 0;
    overflow: hidden;
}
.et-pcv2-page .et-home-midad ins { max-width: 100%; }
.et-pcv2-page .et-home-midad + .et-pcv2-ener { margin-top: 48px; }