/* =====================================================
   ESNoticiasV — Curvas globales para imágenes de noticias
   ===================================================== */

:root {
    --esn-radius-featured: 24px;
    --esn-radius-news: 16px;
    --esn-radius-thumbnail: 12px;
}

/* Miniaturas de módulos y listados de JNews */
.jeg_post .jeg_thumb,
.jeg_post .thumbnail-container,
.jeg_postblock .jeg_thumb,
.jeg_postblock .thumbnail-container,
.jeg_posts .jeg_thumb,
.jeg_posts .thumbnail-container {
    overflow: hidden;
    border-radius: var(--esn-radius-thumbnail);
}

/* Imágenes de Heroes */
.jeg_heroblock .jeg_hero_item,
.jeg_heroblock .jeg_thumb,
.jeg_heroblock .thumbnail-container {
    overflow: hidden;
    border-radius: var(--esn-radius-news);
}

/* Imagen destacada dentro de una noticia */
.single-post .jeg_featured,
.single-post .jeg_featured img,
.single-post img.wp-post-image {
    overflow: hidden;
    border-radius: var(--esn-radius-featured);
}

/* Imágenes insertadas dentro del cuerpo del artículo */
.single-post .entry-content .wp-block-image img:not(.avatar):not(.emoji):not(.wp-smiley),
.single-post .entry-content figure img:not(.avatar):not(.emoji):not(.wp-smiley),
.single-post .entry-content > p > img:not(.avatar):not(.emoji):not(.wp-smiley) {
    border-radius: var(--esn-radius-news);
}

/* Galerías de WordPress */
.single-post .wp-block-gallery .wp-block-image,
.single-post .wp-block-gallery .wp-block-image img,
.single-post .gallery-item img {
    overflow: hidden;
    border-radius: var(--esn-radius-news);
}

/* Imágenes de publicaciones relacionadas */
.jeg_post_related .jeg_thumb,
.jeg_post_related .thumbnail-container {
    overflow: hidden;
    border-radius: var(--esn-radius-thumbnail);
}

/* Curva específica del Slider 9 */
.esn-slider-radius {
    overflow: hidden;
    border-radius: var(--esn-radius-featured);
    isolation: isolate;
}

.esn-slider-radius .jeg_slider_type_9 {
    overflow: hidden;
    border-radius: inherit;
}

/* =====================================================
   Exclusiones: nunca aplicar curvas
   ===================================================== */

.jeg_logo img,
.jeg_mobile_logo img,
.jeg_navbar_mobile img,
.custom-logo,
.site-logo img,
.jeg_author_avatar img,
.avatar,
.jeg_social_icon img,
.jeg_ad img,
.jeg_advertisement img,
img.emoji,
img.wp-smiley {
    border-radius: 0 !important;
}

/* Adaptación móvil */
@media (max-width: 800px) {
    :root {
        --esn-radius-featured: 16px;
        --esn-radius-news: 14px;
        --esn-radius-thumbnail: 10px;
    }
}
/* =====================================================
   ESNoticiasV Slider 9 — Pulido visual high-end
   ===================================================== */

.esn-slider-radius {
    --esn-panel-width: 445px;
    --esn-slider-gap: 14px;
    --esn-slider-radius: 22px;
    --esn-panel-radius: 20px;

    padding: 0 !important;
    overflow: hidden;

    background: #fff !important;
    border: 0 !important;
    border-radius: var(--esn-slider-radius);
    box-shadow: none !important;
}

/*
 * Alinea el contenedor lateral con el ancho real
 * del slider, eliminando cálculos inconsistentes.
 */
.esn-slider-radius
.jeg_slider_type_9_inner_wrapper {
    left: 0;
    width: 100%;
    margin: 0;
    transform: none;
}

/* Recorte exacto de la fotografía principal */
.esn-slider-radius
.jeg_slider_type_9
.jeg_slide_item {
    clip-path: inset(
        0
        calc(var(--esn-panel-width) + var(--esn-slider-gap))
        0
        0
        round var(--esn-slider-radius)
    );

    background-position: center;
    background-size: cover;
}

/* Degradado limitado al área principal */
.esn-slider-radius
.jeg_slider_type_9
.jeg_slide_item::before {
    right: calc(
        var(--esn-panel-width) + var(--esn-slider-gap)
    );

    width: auto;
}

/* Área de contenido principal */
.esn-slider-radius
.jeg_slider_type_9
.jeg_slide_wrapper {
    width: calc(
        100% - var(--esn-panel-width) - var(--esn-slider-gap)
    );

    max-width: none;
    margin: 0;
}

/* Mejor respiración para el titular */
.esn-slider-radius
.jeg_slider_type_9
.jeg_slide_caption {
    left: clamp(30px, 4vw, 52px);
    right: auto;
    bottom: clamp(24px, 3vw, 38px);

    width: calc(100% - clamp(60px, 8vw, 104px));
    max-width: 760px;
    padding: 0 !important;

    background: transparent;
}

/* Categoría */
.esn-slider-radius
.jeg_slide_caption
.jeg_post_category {
    margin-bottom: 14px;
}

.esn-slider-radius
.jeg_slide_caption
.jeg_post_category a {
    padding: 7px 14px;
    border-radius: 999px;

    font-size: 11px;
    line-height: 1;
    letter-spacing: 0.05em;
}

/* Titular principal más equilibrado */
.esn-slider-radius
.jeg_slider_type_9
.jeg_slide_caption
.jeg_post_title {
    max-width: 750px;
    margin: 0;

    font-size: clamp(34px, 3.3vw, 48px);
    font-weight: 750;
    line-height: 1.07;
    letter-spacing: -0.025em;
    text-wrap: balance;
}

/* =====================================================
   Panel lateral
   ===================================================== */

.esn-slider-radius
.jeg_slider_type_9_thumb.jeg_posts {
    position: absolute;
    top: 0;
    right: 0;

    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, minmax(0, 1fr));

    width: var(--esn-panel-width);
    max-width: none;
    height: 540px;
    padding: 0;

    overflow: hidden;

    background: #fff;
    border: 1px solid #e8ebf0;
    border-radius: var(--esn-panel-radius);

    box-shadow: none;
}

/* Tarjeta individual */
.esn-slider-radius
.jeg_slider_type_9_thumb
.jeg_post {
    display: block;
    min-height: 0;
    margin: 0 !important;
    padding: 17px 18px !important;

    overflow: hidden;
    background: #fff;
    border-bottom: 1px solid #e8ebf0;
    border-radius: 0;

    transition:
        background-color 0.2s ease,
        opacity 0.2s ease;
}

.esn-slider-radius
.jeg_slider_type_9_thumb
.jeg_post:last-child {
    border-bottom: 0;
}

/* Interacción discreta */
.esn-slider-radius
.jeg_slider_type_9_thumb
.jeg_post:hover {
    opacity: 1;
    background: #f7faff;
}

/* Miniatura */
.esn-slider-radius
.jeg_slider_type_9_thumb
.jeg_thumb {
    margin-right: 16px;
}

.esn-slider-radius
.jeg_slider_type_9_thumb
.jeg_thumb,
.esn-slider-radius
.jeg_slider_type_9_thumb
.thumbnail-container {
    overflow: hidden;
    border-radius: 12px;
}

/* Texto lateral */
.esn-slider-radius
.jeg_slider_type_9_thumb
.jeg_post_title {
    margin: 5px 0 0;

    font-size: 17px;
    font-weight: 700;
    line-height: 1.22;

    -webkit-line-clamp: 3;
}

/* Metadata lateral */
.esn-slider-radius
.jeg_slider_type_9_thumb
.jeg_post_meta {
    margin: 0 0 5px;

    color: #7b8799;
    font-size: 11px;
}

/* =====================================================
   Highlight activo
   ===================================================== */

.esn-slider-radius
.jeg_slider_type_9_thumb
.jeg_post.is-current {
    background: #eef7ff;
    box-shadow: inset 4px 0 0 #168cff;
}

.esn-slider-radius
.jeg_slider_type_9_thumb
.jeg_post.is-current
.jeg_post_title a {
    color: #0879dc !important;
}

/* =====================================================
   Tablet
   ===================================================== */

@media (max-width: 1199px) and (min-width: 801px) {
    .esn-slider-radius {
        --esn-panel-width: 360px;
        --esn-slider-gap: 12px;
        --esn-slider-radius: 20px;
        --esn-panel-radius: 18px;
    }

    .esn-slider-radius
    .jeg_slider_type_9_thumb.jeg_posts {
        height: 445px;
    }

    .esn-slider-radius
    .jeg_slider_type_9_thumb
    .jeg_post {
        padding: 12px 14px !important;
    }

    .esn-slider-radius
    .jeg_slider_type_9_thumb
    .jeg_post_title {
        font-size: 15px;
    }

    .esn-slider-radius
    .jeg_slider_type_9
    .jeg_slide_caption {
        left: 32px;
        bottom: 26px;
        width: calc(100% - 64px);
    }

    .esn-slider-radius
    .jeg_slider_type_9
    .jeg_slide_caption
    .jeg_post_title {
        font-size: clamp(28px, 3.5vw, 38px);
    }
}

/* =====================================================
   Móvil
   ===================================================== */

@media (max-width: 800px) {
    .esn-slider-radius {
        --esn-panel-width: 0px;
        --esn-slider-gap: 0px;
        --esn-slider-radius: 16px;
        --esn-panel-radius: 0 0 16px 16px;
    }

    /* Principal ocupa todo el ancho */
    .esn-slider-radius
    .jeg_slider_type_9
    .jeg_slide_item {
        clip-path: inset(
            0 0 0 0
            round var(--esn-slider-radius)
        );
    }

    .esn-slider-radius
    .jeg_slider_type_9
    .jeg_slide_item::before {
        right: 0;
    }

    .esn-slider-radius
    .jeg_slider_type_9
    .jeg_slide_wrapper {
        width: 100%;
    }

    .esn-slider-radius
    .jeg_slider_type_9
    .jeg_slide_caption {
        left: 22px;
        right: 22px;
        bottom: 22px;

        width: auto;
        max-width: none;
    }

    .esn-slider-radius
    .jeg_slider_type_9
    .jeg_slide_caption
    .jeg_post_title {
        font-size: clamp(25px, 7vw, 34px);
    }

    /* Listado debajo */
    .esn-slider-radius
    .jeg_slider_type_9_inner_wrapper {
        position: relative;
        inset: auto;
        width: 100%;
        height: auto;
    }

    .esn-slider-radius
    .jeg_slider_type_9_thumb.jeg_posts {
        position: relative;
        inset: auto;

        display: block !important;

        width: 100%;
        height: auto;
        padding: 0 15px;

        overflow: visible;
        border: 0;
        border-radius: var(--esn-panel-radius);
        box-shadow: none;
    }

    .esn-slider-radius
    .jeg_slider_type_9_thumb
    .jeg_post {
        min-height: 108px;
        padding: 14px 0 !important;
    }
}
/* =========================================================
   ES NOTICIA SV — CORRECCIÓN TIPOGRÁFICA SLIDER 9
   No modifica la estructura ni el funcionamiento
   ========================================================= */


/* ---------------------------------------------------------
   TÍTULO PRINCIPAL
   El wrapper ya tiene el ancho correcto: no volver a restar
   el ancho del panel lateral.
   --------------------------------------------------------- */

.esn-slider-radius .jeg_slider_type_9 .jeg_slide_caption {
    left: 0 !important;
    right: auto !important;
    bottom: 0 !important;
    width: 100% !important;
    padding: 0 0 32px !important;
    box-sizing: border-box;
}

.esn-slider-radius .jeg_slider_type_9 .jeg_caption_container {
    width: 100% !important;
    max-width: 800px !important;
    margin: 0 !important;
    padding: 0 30px !important;
    box-sizing: border-box;
}

.esn-slider-radius
.jeg_slider_type_9
.jeg_slide_caption
.jeg_post_title {
    width: 100% !important;
    max-width: 760px !important;
    margin: 14px 0 0 !important;
    font-size: clamp(36px, 3vw, 50px) !important;
    line-height: 1.06 !important;
    letter-spacing: -0.035em !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
}

.esn-slider-radius
.jeg_slider_type_9
.jeg_slide_caption
.jeg_post_title a {
    color: #fff !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
}


/* ---------------------------------------------------------
   PANEL DERECHO
   JNews establece originalmente estos enlaces en blanco.
   --------------------------------------------------------- */

.entry-content
.esn-slider-radius
.jeg_slider_type_9_thumb
.jeg_post_title a,

.esn-slider-radius
.jeg_slider_type_9_thumb
.jeg_post_title a {
    color: #111827 !important;
    text-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.esn-slider-radius
.jeg_slider_type_9_thumb
.jeg_postblock_content {
    min-width: 0 !important;
    overflow: hidden;
}

.esn-slider-radius
.jeg_slider_type_9_thumb
.jeg_post_title {
    margin: 6px 0 0 !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.22 !important;
    letter-spacing: -0.015em !important;

    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.esn-slider-radius
.jeg_slider_type_9_thumb
.jeg_post_meta {
    margin: 0 0 5px !important;
    color: #7c8ba1 !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
}


/* Highlight opcional de la noticia activa */
.entry-content
.esn-slider-radius
.jeg_slider_type_9_thumb
.jeg_post.is-current
.jeg_post_title a,

.esn-slider-radius
.jeg_slider_type_9_thumb
.jeg_post.is-current
.jeg_post_title a {
    color: #126bdb !important;
}


/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

@media only screen and (min-width: 801px) and (max-width: 1199px) {

    .esn-slider-radius
    .jeg_slider_type_9
    .jeg_caption_container {
        padding: 0 24px !important;
    }

    .esn-slider-radius
    .jeg_slider_type_9
    .jeg_slide_caption
    .jeg_post_title {
        max-width: 100% !important;
        font-size: clamp(30px, 3.5vw, 40px) !important;
        line-height: 1.07 !important;
    }

    .esn-slider-radius
    .jeg_slider_type_9_thumb
    .jeg_post_title {
        font-size: 15px !important;
        line-height: 1.2 !important;
    }
}


/* ---------------------------------------------------------
   MÓVIL
   Mantiene las noticias secundarias debajo del hero.
   --------------------------------------------------------- */

@media only screen and (max-width: 800px) {

    .esn-slider-radius
    .jeg_slider_type_9
    .jeg_slide_caption {
        width: 100% !important;
        padding: 0 0 20px !important;
    }

    .esn-slider-radius
    .jeg_slider_type_9
    .jeg_caption_container {
        width: 100% !important;
        max-width: none !important;
        padding: 0 17px !important;
    }

    .esn-slider-radius
    .jeg_slider_type_9
    .jeg_slide_caption
    .jeg_post_title {
        width: 100% !important;
        max-width: 94% !important;
        margin: 10px 0 0 !important;
        font-size: clamp(23px, 7vw, 32px) !important;
        line-height: 1.08 !important;
        letter-spacing: -0.025em !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }

    .esn-slider-radius
    .jeg_slider_type_9
    .jeg_post_category a {
        padding: 5px 10px !important;
        font-size: 10px !important;
        line-height: 1.2 !important;
        border-radius: 999px !important;
    }

    .esn-slider-radius
    .jeg_slider_type_9_thumb
    .jeg_post_title {
        margin-top: 4px !important;
        font-size: clamp(15px, 4vw, 18px) !important;
        line-height: 1.22 !important;
        -webkit-line-clamp: 3;
    }

    .esn-slider-radius
    .jeg_slider_type_9_thumb
    .jeg_post_meta {
        font-size: 11px !important;
    }
}


/* Móviles pequeños */
@media only screen and (max-width: 480px) {

    .esn-slider-radius
    .jeg_slider_type_9
    .jeg_caption_container {
        padding: 0 15px !important;
    }

    .esn-slider-radius
    .jeg_slider_type_9
    .jeg_slide_caption
    .jeg_post_title {
        max-width: 96% !important;
        font-size: clamp(22px, 7.2vw, 29px) !important;
        line-height: 1.07 !important;
    }

    .esn-slider-radius
    .jeg_slider_type_9_thumb
    .jeg_post_title {
        font-size: 15px !important;
    }
}
/* =========================================================
   HIGHLIGHT DE LA NOTICIA ACTIVA
   ========================================================= */

.esn-slider-radius
.jeg_slider_type_9_thumb
.jeg_post {
    position: relative;
    transition:
        background-color 0.25s ease,
        box-shadow 0.25s ease;
}

/* Noticia seleccionada */
.esn-slider-radius
.jeg_slider_type_9_thumb
.jeg_post.is-current {
    background-color: rgba(0, 24, 110, 0.065) !important;
    box-shadow: inset 4px 0 0 #00186e;
}

/* Título activo */
.entry-content
.esn-slider-radius
.jeg_slider_type_9_thumb
.jeg_post.is-current
.jeg_post_title a,

.esn-slider-radius
.jeg_slider_type_9_thumb
.jeg_post.is-current
.jeg_post_title a {
    color: #00186e !important;
}

/* Imagen activa */
.esn-slider-radius
.jeg_slider_type_9_thumb
.jeg_post.is-current
.thumbnail-container {
    box-shadow: 0 0 0 2px #00186e;
}

/* Hover de las demás noticias */
.esn-slider-radius
.jeg_slider_type_9_thumb
.jeg_post:not(.is-current):hover {
    background-color: rgba(0, 24, 110, 0.035) !important;
}

/* En móvil mantenemos el mismo indicador */
@media only screen and (max-width: 800px) {

    .esn-slider-radius
    .jeg_slider_type_9_thumb
    .jeg_post.is-current {
        background-color: rgba(0, 24, 110, 0.055) !important;
        box-shadow: inset 4px 0 0 #00186e;
    }
}
/* =========================================================
   ES NOTICIA SV — REFINAMIENTO DE ESPACIADOS Y HIGHLIGHT
   ========================================================= */


/* ---------------------------------------------------------
   ESPACIADO EXTERIOR DEL SLIDER EN ESCRITORIO
   --------------------------------------------------------- */

@media only screen and (min-width: 801px) {

    .esn-slider-radius {
        margin-top: 24px !important;
        margin-bottom: 46px !important;
    }

    /* Espacio interior del panel derecho */
    .esn-slider-radius
    .jeg_slider_type_9_thumb.jeg_posts {
        padding: 8px 10px !important;
        box-sizing: border-box;
    }

    /* Espaciado de cada noticia */
    .esn-slider-radius
    .jeg_slider_type_9_thumb
    .jeg_post {
        margin: 0 !important;
        padding: 15px 14px !important;
        border-radius: 14px;
        box-sizing: border-box;
    }

    /* Separación entre miniatura y texto */
    .esn-slider-radius
    .jeg_slider_type_9_thumb
    .jeg_post {
        column-gap: 16px;
    }

    /* Highlight elegante en escritorio */
    .esn-slider-radius
    .jeg_slider_type_9_thumb
    .jeg_post.is-current {
        padding-left: 18px !important;
        background: rgba(0, 24, 110, 0.065) !important;
        box-shadow: inset 4px 0 0 #00186e !important;
        border-bottom-color: transparent !important;
    }

    /* Evita un cambio brusco al activarse */
    .esn-slider-radius
    .jeg_slider_type_9_thumb
    .jeg_post {
        transition:
            background-color 0.25s ease,
            box-shadow 0.25s ease,
            padding 0.25s ease;
    }
}


/* ---------------------------------------------------------
   HIGHLIGHT MÓVIL
   --------------------------------------------------------- */

@media only screen and (max-width: 800px) {

    /* Separación entre la imagen principal y las noticias */
    .esn-slider-radius
    .jeg_slider_type_9_thumb.jeg_posts {
        padding: 10px 15px 0 !important;
        background: #fff !important;
        box-sizing: border-box;
    }

    /* Todas las tarjetas mantienen la misma alineación */
    .esn-slider-radius
    .jeg_slider_type_9_thumb
    .jeg_post {
        width: 100% !important;
        min-height: 100px;
        margin: 3px 0 !important;
        padding: 12px 12px 12px 16px !important;
        column-gap: 13px !important;
        border-radius: 14px;
        box-sizing: border-box;
        transition:
            background-color 0.25s ease,
            box-shadow 0.25s ease;
    }

    /* Noticia actualmente mostrada en el hero */
    .esn-slider-radius
    .jeg_slider_type_9_thumb
    .jeg_post.is-current {
        margin: 7px 0 !important;
        padding: 12px 12px 12px 18px !important;
        background: rgba(0, 24, 110, 0.065) !important;
        box-shadow: inset 4px 0 0 #00186e !important;
        border-bottom-color: transparent !important;
    }

    /* Evita el doble borde sobre la miniatura */
    .esn-slider-radius
    .jeg_slider_type_9_thumb
    .jeg_post.is-current
    .thumbnail-container {
        box-shadow: none !important;
    }

    /* Título activo */
    .entry-content
    .esn-slider-radius
    .jeg_slider_type_9_thumb
    .jeg_post.is-current
    .jeg_post_title a,

    .esn-slider-radius
    .jeg_slider_type_9_thumb
    .jeg_post.is-current
    .jeg_post_title a {
        color: #00186e !important;
    }

    /* Miniaturas uniformes */
    .esn-slider-radius
    .jeg_slider_type_9_thumb
    .jeg_thumb,
    .esn-slider-radius
    .jeg_slider_type_9_thumb
    .thumbnail-container {
        border-radius: 11px !important;
        overflow: hidden;
    }

    /* Separador discreto en tarjetas no activas */
    .esn-slider-radius
    .jeg_slider_type_9_thumb
    .jeg_post:not(.is-current) {
        border-bottom: 1px solid #e8ebf0 !important;
    }
}


/* ---------------------------------------------------------
   AJUSTES PARA PANTALLAS MUY PEQUEÑAS
   --------------------------------------------------------- */

@media only screen and (max-width: 480px) {

    .esn-slider-radius
    .jeg_slider_type_9_thumb.jeg_posts {
        padding-right: 12px !important;
        padding-left: 12px !important;
    }

    .esn-slider-radius
    .jeg_slider_type_9_thumb
    .jeg_post {
        min-height: 94px;
        padding: 11px 10px 11px 14px !important;
        column-gap: 11px !important;
    }

    .esn-slider-radius
    .jeg_slider_type_9_thumb
    .jeg_post.is-current {
        padding-left: 17px !important;
    }
}
/* =========================================================
   MÁSCARA DEL HERO CON EL COLOR ACCENT #00186e
   ========================================================= */

.esn-slider-radius
.jeg_slider_type_9
.jeg_slide_item::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;

    background:
        linear-gradient(
            to top,
            rgba(0, 24, 110, 0.90) 0%,
            rgba(0, 24, 110, 0.62) 30%,
            rgba(0, 24, 110, 0.25) 58%,
            rgba(0, 24, 110, 0.06) 100%
        ),
        linear-gradient(
            to right,
            rgba(0, 24, 110, 0.32) 0%,
            rgba(0, 24, 110, 0.13) 55%,
            transparent 88%
        ) !important;
}

/* Texto siempre por encima de la máscara */
.esn-slider-radius
.jeg_slider_type_9
.jeg_slide_caption {
    z-index: 2 !important;
}

/* Titular blanco con sombra azul profunda */
.esn-slider-radius
.jeg_slider_type_9
.jeg_slide_caption
.jeg_post_title a {
    color: #fff !important;
    text-shadow:
        0 2px 5px rgba(0, 12, 55, 0.30),
        0 10px 30px rgba(0, 12, 55, 0.38) !important;
}
@media only screen and (max-width: 800px) {

    .esn-slider-radius
    .jeg_slider_type_9
    .jeg_slide_item::before {
        background:
            linear-gradient(
                to top,
                rgba(0, 24, 110, 0.94) 0%,
                rgba(0, 24, 110, 0.68) 36%,
                rgba(0, 24, 110, 0.28) 67%,
                rgba(0, 24, 110, 0.07) 100%
            ) !important;
    }
}