.elementor-411 .elementor-element.elementor-element-4eb31ca{--display:flex;overflow:visible;}/* Start custom CSS for html, class: .elementor-element-6e88830 *//* ============================================================
   NOTICIAS INSTITUCIONALES
   DISEÑO PREMIUM

   MORADO + AMARILLO + ROJO
============================================================ */

.elementor-411 .elementor-element.elementor-element-6e88830 .news-section{
    --morado:#5B2C83;
    --morado-claro:#7D4AA8;
    --morado-oscuro:#35124F;
    --morado-profundo:#250B36;

    --amarillo:#F4C430;
    --amarillo-claro:#FFD84A;

    --rojo:#C62828;
    --rojo-oscuro:#941B1B;

    position:relative;

    width:100vw;
    max-width:100vw;

    left:50%;

    margin-left:-50vw;

    padding:
        85px 5% 92px;

    overflow:hidden;

    background:

        linear-gradient(
            rgba(255,255,255,.022) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(255,255,255,.022) 1px,
            transparent 1px
        ),

        radial-gradient(
            circle at 4% 6%,
            rgba(255,216,74,.15),
            transparent 23%
        ),

        radial-gradient(
            circle at 96% 94%,
            rgba(198,40,40,.11),
            transparent 25%
        ),

        linear-gradient(
            135deg,
            #5B2C83 0%,
            #35124F 55%,
            #250B36 100%
        );

    background-size:
        44px 44px,
        44px 44px,
        auto,
        auto,
        auto;

    font-family:
        "Segoe UI",
        Arial,
        sans-serif;

    box-sizing:border-box;
}


.elementor-411 .elementor-element.elementor-element-6e88830 .news-section *,
.elementor-411 .elementor-element.elementor-element-6e88830 .news-section *::before,
.elementor-411 .elementor-element.elementor-element-6e88830 .news-section *::after{
    box-sizing:border-box;
}


/* ============================================================
   CONTENEDOR
============================================================ */

.elementor-411 .elementor-element.elementor-element-6e88830 .news-container{
    position:relative;

    z-index:3;

    width:100%;

    max-width:1400px;

    margin:0 auto;
}


/* ============================================================
   CABECERA
============================================================ */

.elementor-411 .elementor-element.elementor-element-6e88830 .news-header{
    display:grid;

    grid-template-columns:
        minmax(0,1.15fr)
        minmax(320px,.65fr);

    gap:60px;

    align-items:end;

    margin-bottom:45px;
}


/* ============================================================
   BADGE
============================================================ */

.elementor-411 .elementor-element.elementor-element-6e88830 .news-badge{
    display:inline-flex;

    align-items:center;

    margin-bottom:17px;

    padding:
        9px 15px;

    color:
        var(--morado-oscuro);

    background:
        linear-gradient(
            135deg,
            var(--amarillo-claro),
            var(--amarillo)
        );

    border-radius:999px;

    box-shadow:
        0 9px 22px
        rgba(25,4,37,.18);

    font-size:8px;

    font-weight:900;

    letter-spacing:1.1px;

    text-transform:uppercase;
}


.elementor-411 .elementor-element.elementor-element-6e88830 .news-badge::before{
    content:"";

    width:7px;
    height:7px;

    margin-right:8px;

    background:
        var(--rojo);

    border-radius:50%;
}


/* ============================================================
   TÍTULO
============================================================ */

.elementor-411 .elementor-element.elementor-element-6e88830 .news-heading h2{
    max-width:800px;

    margin:0;

    color:#FFFFFF;

    font-size:
        clamp(40px,5vw,64px);

    font-weight:900;

    line-height:1.02;

    letter-spacing:-1.8px;
}


.elementor-411 .elementor-element.elementor-element-6e88830 .news-heading h2 span{
    display:block;

    color:
        var(--amarillo-claro);
}


/* ============================================================
   DERECHA CABECERA
============================================================ */

.elementor-411 .elementor-element.elementor-element-6e88830 .news-header-side p{
    max-width:430px;

    margin:
        0 0 17px;

    color:
        rgba(255,255,255,.76);

    font-size:13px;

    line-height:1.7;
}


.elementor-411 .elementor-element.elementor-element-6e88830 .news-all-btn{
    display:inline-flex;

    align-items:center;

    gap:9px;

    min-height:43px;

    padding:
        0 16px;

    color:#FFFFFF !important;

    background:
        rgba(255,255,255,.08);

    border:
        1px solid
        rgba(255,255,255,.13);

    border-radius:11px;

    text-decoration:none !important;

    font-size:9px;

    font-weight:850;

    transition:.3s ease;
}


.elementor-411 .elementor-element.elementor-element-6e88830 .news-all-btn span{
    color:
        var(--amarillo-claro);

    font-size:15px;
}


.elementor-411 .elementor-element.elementor-element-6e88830 .news-all-btn:hover{
    background:
        rgba(255,255,255,.15);

    transform:
        translateY(-3px);
}


/* ============================================================
   GRID PRINCIPAL
============================================================ */

.elementor-411 .elementor-element.elementor-element-6e88830 .news-grid{
    display:grid;

    grid-template-columns:
        minmax(0,1.05fr)
        minmax(0,.95fr);

    gap:22px;

    align-items:stretch;
}


/* ============================================================
   NOTICIA PRINCIPAL
============================================================ */

.elementor-411 .elementor-element.elementor-element-6e88830 .news-featured{
    position:relative;

    min-height:640px;

    overflow:hidden;

    border:
        1px solid
        rgba(255,255,255,.13);

    border-radius:25px;

    box-shadow:
        0 28px 65px
        rgba(25,4,37,.30);
}


.elementor-411 .elementor-element.elementor-element-6e88830 .news-featured-link{
    position:absolute;

    inset:0;

    display:block;

    color:inherit !important;

    text-decoration:none !important;
}


/* ============================================================
   IMAGEN
============================================================ */

.elementor-411 .elementor-element.elementor-element-6e88830 .news-featured-image{
    position:absolute;

    inset:0;

    overflow:hidden;
}


.elementor-411 .elementor-element.elementor-element-6e88830 .news-featured-image img{
    display:block;

    width:100%;
    height:100%;

    object-fit:cover;

    transition:
        transform .65s cubic-bezier(.2,.7,.2,1),
        filter .4s ease;
}


.elementor-411 .elementor-element.elementor-element-6e88830 .news-featured:hover img{
    transform:
        scale(1.055);

    filter:
        saturate(1.06)
        contrast(1.03);
}


/* ============================================================
   OVERLAY
============================================================ */

.elementor-411 .elementor-element.elementor-element-6e88830 .news-featured-overlay{
    position:absolute;

    inset:0;

    background:
        linear-gradient(
            180deg,
            rgba(37,11,54,.04) 15%,
            rgba(37,11,54,.18) 42%,
            rgba(37,11,54,.95) 100%
        );
}


/* ============================================================
   CONTENIDO PRINCIPAL
============================================================ */

.elementor-411 .elementor-element.elementor-element-6e88830 .news-featured-content{
    position:absolute;

    z-index:4;

    left:0;
    right:0;
    bottom:0;

    padding:
        38px 36px;
}


/* ============================================================
   META
============================================================ */

.elementor-411 .elementor-element.elementor-element-6e88830 .news-meta{
    display:flex;

    flex-wrap:wrap;

    align-items:center;

    gap:9px;

    margin-bottom:15px;
}


.elementor-411 .elementor-element.elementor-element-6e88830 .news-category{
    display:inline-flex;

    align-items:center;

    padding:
        8px 11px;

    color:
        var(--morado-oscuro);

    background:
        linear-gradient(
            135deg,
            var(--amarillo-claro),
            var(--amarillo)
        );

    border-radius:999px;

    font-size:7px;

    font-weight:900;

    letter-spacing:.8px;

    text-transform:uppercase;
}


.elementor-411 .elementor-element.elementor-element-6e88830 .news-date{
    color:
        rgba(255,255,255,.75);

    font-size:8px;

    font-weight:750;

    letter-spacing:.5px;
}


/* ============================================================
   TÍTULO PRINCIPAL
============================================================ */

.elementor-411 .elementor-element.elementor-element-6e88830 .news-featured h3{
    max-width:720px;

    margin:
        0 0 14px;

    color:#FFFFFF;

    font-size:
        clamp(28px,3vw,42px);

    font-weight:900;

    line-height:1.08;

    letter-spacing:-.8px;
}


.elementor-411 .elementor-element.elementor-element-6e88830 .news-featured p{
    max-width:680px;

    margin:0;

    color:
        rgba(255,255,255,.77);

    font-size:12.5px;

    line-height:1.7;
}


/* ============================================================
   LEER MÁS PRINCIPAL
============================================================ */

.elementor-411 .elementor-element.elementor-element-6e88830 .news-read{
    display:inline-flex;

    align-items:center;

    gap:9px;

    margin-top:20px;

    color:
        var(--amarillo-claro);

    font-size:9px;

    font-weight:850;
}


.elementor-411 .elementor-element.elementor-element-6e88830 .news-read i{
    display:flex;

    align-items:center;
    justify-content:center;

    width:29px;
    height:29px;

    color:
        var(--morado-oscuro);

    background:
        var(--amarillo-claro);

    border-radius:50%;

    font-style:normal;

    transition:.3s ease;
}


.elementor-411 .elementor-element.elementor-element-6e88830 .news-featured:hover .news-read i{
    transform:
        translateX(5px);
}


/* ============================================================
   NOTICIAS SECUNDARIAS
============================================================ */

.elementor-411 .elementor-element.elementor-element-6e88830 .news-secondary{
    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:16px;
}


/* ============================================================
   CARD
============================================================ */

.elementor-411 .elementor-element.elementor-element-6e88830 .news-card{
    position:relative;

    min-width:0;

    overflow:hidden;

    background:#FFFFFF;

    border:
        1px solid
        rgba(255,255,255,.25);

    border-radius:20px;

    box-shadow:
        0 17px 38px
        rgba(25,4,37,.18);

    transition:
        transform .32s ease,
        box-shadow .32s ease;
}


.elementor-411 .elementor-element.elementor-element-6e88830 .news-card:hover{
    transform:
        translateY(-7px);

    box-shadow:
        0 27px 50px
        rgba(25,4,37,.27);
}


.elementor-411 .elementor-element.elementor-element-6e88830 .news-card > a{
    display:block;

    height:100%;

    color:inherit !important;

    text-decoration:none !important;
}


/* ============================================================
   IMAGEN CARD
============================================================ */

.elementor-411 .elementor-element.elementor-element-6e88830 .news-card-image{
    position:relative;

    height:185px;

    overflow:hidden;
}


.elementor-411 .elementor-element.elementor-element-6e88830 .news-card-image::after{
    content:"";

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            180deg,
            transparent 45%,
            rgba(53,18,79,.30)
        );
}


.elementor-411 .elementor-element.elementor-element-6e88830 .news-card-image img{
    display:block;

    width:100%;
    height:100%;

    object-fit:cover;

    transition:
        transform .55s ease;
}


.elementor-411 .elementor-element.elementor-element-6e88830 .news-card:hover
.news-card-image img{
    transform:
        scale(1.07);
}


/* ============================================================
   CATEGORÍA
============================================================ */

.elementor-411 .elementor-element.elementor-element-6e88830 .news-card-category{
    position:absolute;

    z-index:4;

    left:14px;
    bottom:13px;

    display:inline-flex;

    padding:
        7px 10px;

    color:
        var(--morado-oscuro);

    background:
        var(--amarillo-claro);

    border-radius:999px;

    box-shadow:
        0 7px 17px
        rgba(25,4,37,.15);

    font-size:7px;

    font-weight:900;

    letter-spacing:.7px;

    text-transform:uppercase;
}


/* VARIACIÓN DE COLOR */

.elementor-411 .elementor-element.elementor-element-6e88830 .news-card:nth-child(2)
.news-card-category{
    color:#FFFFFF;

    background:
        var(--rojo);
}


.elementor-411 .elementor-element.elementor-element-6e88830 .news-card:nth-child(3)
.news-card-category{
    color:#FFFFFF;

    background:
        var(--morado);
}


.elementor-411 .elementor-element.elementor-element-6e88830 .news-card:nth-child(4)
.news-card-category{
    color:
        var(--morado-oscuro);

    background:
        var(--amarillo);
}


/* ============================================================
   CONTENIDO CARD
============================================================ */

.elementor-411 .elementor-element.elementor-element-6e88830 .news-card-content{
    padding:
        18px 17px 19px;
}


.elementor-411 .elementor-element.elementor-element-6e88830 .news-card-date{
    margin-bottom:8px;

    color:
        var(--morado);

    font-size:7px;

    font-weight:900;

    letter-spacing:.6px;

    text-transform:uppercase;
}


.elementor-411 .elementor-element.elementor-element-6e88830 .news-card h3{
    margin:0;

    color:
        var(--morado-oscuro);

    font-size:14px;

    font-weight:850;

    line-height:1.35;
}


.elementor-411 .elementor-element.elementor-element-6e88830 .news-card-more{
    display:inline-flex;

    margin-top:14px;

    color:
        var(--rojo);

    font-size:8px;

    font-weight:850;
}


/* ============================================================
   BORDE INFERIOR TARJETA
============================================================ */

.elementor-411 .elementor-element.elementor-element-6e88830 .news-card::after{
    content:"";

    position:absolute;

    left:0;
    bottom:0;

    width:100%;
    height:4px;

    background:
        var(--morado);
}


.elementor-411 .elementor-element.elementor-element-6e88830 .news-card:nth-child(2)::after{
    background:
        var(--amarillo);
}


.elementor-411 .elementor-element.elementor-element-6e88830 .news-card:nth-child(3)::after{
    background:
        var(--rojo);
}


.elementor-411 .elementor-element.elementor-element-6e88830 .news-card:nth-child(4)::after{
    background:
        var(--morado-claro);
}


/* ============================================================
   FOOTER
============================================================ */

.elementor-411 .elementor-element.elementor-element-6e88830 .news-footer{
    display:flex;

    align-items:center;

    gap:15px;

    margin-top:30px;

    padding:
        14px 17px;

    color:
        rgba(255,255,255,.64);

    background:
        rgba(255,255,255,.06);

    border:
        1px solid
        rgba(255,255,255,.09);

    border-radius:13px;

    font-size:9px;
}


.elementor-411 .elementor-element.elementor-element-6e88830 .news-footer-line{
    width:35px;
    height:4px;

    background:
        linear-gradient(
            90deg,
            var(--amarillo),
            var(--rojo)
        );

    border-radius:999px;
}


.elementor-411 .elementor-element.elementor-element-6e88830 .news-footer > span{
    flex:1;
}


.elementor-411 .elementor-element.elementor-element-6e88830 .news-footer a{
    display:flex;

    align-items:center;

    gap:8px;

    color:
        var(--amarillo-claro) !important;

    text-decoration:none !important;

    font-weight:850;
}


.elementor-411 .elementor-element.elementor-element-6e88830 .news-footer strong{
    font-size:15px;
}


/* ============================================================
   TABLET
============================================================ */

@media(max-width:1050px){

    .elementor-411 .elementor-element.elementor-element-6e88830 .news-section{
        padding:
            70px 4%;
    }


    .elementor-411 .elementor-element.elementor-element-6e88830 .news-header{
        grid-template-columns:
            1fr;

        gap:20px;
    }


    .elementor-411 .elementor-element.elementor-element-6e88830 .news-grid{
        grid-template-columns:
            1fr;
    }


    .elementor-411 .elementor-element.elementor-element-6e88830 .news-featured{
        min-height:520px;
    }

}


/* ============================================================
   MÓVIL
============================================================ */

@media(max-width:700px){

    .elementor-411 .elementor-element.elementor-element-6e88830 .news-section{
        padding:
            55px 15px 65px;
    }


    .elementor-411 .elementor-element.elementor-element-6e88830 .news-heading h2{
        font-size:38px;
    }


    .elementor-411 .elementor-element.elementor-element-6e88830 .news-featured{
        min-height:480px;

        border-radius:20px;
    }


    .elementor-411 .elementor-element.elementor-element-6e88830 .news-featured-content{
        padding:
            27px 22px;
    }


    .elementor-411 .elementor-element.elementor-element-6e88830 .news-featured h3{
        font-size:28px;
    }


    .elementor-411 .elementor-element.elementor-element-6e88830 .news-featured p{
        font-size:11.5px;
    }


    .elementor-411 .elementor-element.elementor-element-6e88830 .news-secondary{
        grid-template-columns:
            1fr;
    }


    .elementor-411 .elementor-element.elementor-element-6e88830 .news-card-image{
        height:220px;
    }


    .elementor-411 .elementor-element.elementor-element-6e88830 .news-footer{
        flex-wrap:wrap;
    }

}


/* ============================================================
   MÓVIL PEQUEÑO
============================================================ */

@media(max-width:430px){

    .elementor-411 .elementor-element.elementor-element-6e88830 .news-heading h2{
        font-size:34px;
    }


    .elementor-411 .elementor-element.elementor-element-6e88830 .news-featured{
        min-height:450px;
    }


    .elementor-411 .elementor-element.elementor-element-6e88830 .news-featured-content{
        padding:
            23px 18px;
    }


    .elementor-411 .elementor-element.elementor-element-6e88830 .news-featured h3{
        font-size:25px;
    }


    .elementor-411 .elementor-element.elementor-element-6e88830 .news-footer-line{
        display:none;
    }

}/* End custom CSS */