.elementor-20 .elementor-element.elementor-element-bbbe850{--display:flex;overflow:visible;}.elementor-20 .elementor-element.elementor-element-c1c7423 .elementor-repeater-item-3d10d63 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://iespiberia.edu.pe/wp-content/uploads/2026/09/Logo-IESP-IT-sin-fondo.png);background-size:cover;}.elementor-20 .elementor-element.elementor-element-c1c7423 .elementor-repeater-item-4499d37 .swiper-slide-bg{background-color:#4054b2;background-image:url(https://iespiberia.edu.pe/wp-content/uploads/2026/09/Logo-IESP-IT-sin-fondo.png);background-size:cover;}.elementor-20 .elementor-element.elementor-element-c1c7423 .elementor-repeater-item-ace111a .swiper-slide-bg{background-color:#1abc9c;background-image:url(https://iespiberia.edu.pe/wp-content/uploads/2026/09/Logo-IESP-IT-sin-fondo.png);background-size:cover;}.elementor-20 .elementor-element.elementor-element-c1c7423 .swiper-slide{transition-duration:calc(5000ms*1.2);height:656px;}.elementor-20 .elementor-element.elementor-element-c1c7423 .swiper-slide-contents{max-width:66%;}.elementor-20 .elementor-element.elementor-element-c1c7423 .swiper-slide-inner{text-align:center;}.elementor-20 .elementor-element.elementor-element-464d4f6{--display:flex;overflow:visible;}.elementor-20 .elementor-element.elementor-element-68f644c{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;overflow:visible;}.elementor-20 .elementor-element.elementor-element-d609f0d.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-20 .elementor-element.elementor-element-d609f0d.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-20 .elementor-element.elementor-element-d609f0d.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-20 .elementor-element.elementor-element-d609f0d .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-20 .elementor-element.elementor-element-d609f0d .elementor-image-box-img img{transition-duration:0.3s;}.elementor-20 .elementor-element.elementor-element-2dbc786.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-20 .elementor-element.elementor-element-2dbc786.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-20 .elementor-element.elementor-element-2dbc786.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-20 .elementor-element.elementor-element-2dbc786 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-20 .elementor-element.elementor-element-2dbc786 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-20 .elementor-element.elementor-element-bb45010.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-20 .elementor-element.elementor-element-bb45010.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-20 .elementor-element.elementor-element-bb45010.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-20 .elementor-element.elementor-element-bb45010 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-20 .elementor-element.elementor-element-bb45010 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-20 .elementor-element.elementor-element-f53ef0a.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-20 .elementor-element.elementor-element-f53ef0a.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-20 .elementor-element.elementor-element-f53ef0a.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-20 .elementor-element.elementor-element-f53ef0a .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-20 .elementor-element.elementor-element-f53ef0a .elementor-image-box-img img{transition-duration:0.3s;}.elementor-20 .elementor-element.elementor-element-06adf29{--display:flex;overflow:visible;}.elementor-20 .elementor-element.elementor-element-68b075b{--display:flex;overflow:visible;}.elementor-20 .elementor-element.elementor-element-919775e{--display:flex;overflow:visible;}.elementor-20 .elementor-element.elementor-element-74304c5 .gallery-item .gallery-caption{text-align:center;}.elementor-20 .elementor-element.elementor-element-16b57da{--display:flex;overflow:visible;}.elementor-20 .elementor-element.elementor-element-68d8b10{--display:grid;--e-con-grid-template-columns:repeat(6, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;overflow:visible;}.elementor-20 .elementor-element.elementor-element-9996dbe.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-20 .elementor-element.elementor-element-9996dbe.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-20 .elementor-element.elementor-element-9996dbe.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-20 .elementor-element.elementor-element-9996dbe .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-20 .elementor-element.elementor-element-9996dbe .elementor-image-box-img img{transition-duration:0.3s;}.elementor-20 .elementor-element.elementor-element-23a5523.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-20 .elementor-element.elementor-element-23a5523.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-20 .elementor-element.elementor-element-23a5523.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-20 .elementor-element.elementor-element-23a5523 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-20 .elementor-element.elementor-element-23a5523 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-20 .elementor-element.elementor-element-3d4fad1.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-20 .elementor-element.elementor-element-3d4fad1.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-20 .elementor-element.elementor-element-3d4fad1.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-20 .elementor-element.elementor-element-3d4fad1 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-20 .elementor-element.elementor-element-3d4fad1 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-20 .elementor-element.elementor-element-3a2096a.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-20 .elementor-element.elementor-element-3a2096a.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-20 .elementor-element.elementor-element-3a2096a.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-20 .elementor-element.elementor-element-3a2096a .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-20 .elementor-element.elementor-element-3a2096a .elementor-image-box-img img{transition-duration:0.3s;}.elementor-20 .elementor-element.elementor-element-76af69a.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-20 .elementor-element.elementor-element-76af69a.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-20 .elementor-element.elementor-element-76af69a.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-20 .elementor-element.elementor-element-76af69a .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-20 .elementor-element.elementor-element-76af69a .elementor-image-box-img img{transition-duration:0.3s;}.elementor-20 .elementor-element.elementor-element-161da24.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-20 .elementor-element.elementor-element-161da24.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-20 .elementor-element.elementor-element-161da24.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-20 .elementor-element.elementor-element-161da24 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-20 .elementor-element.elementor-element-161da24 .elementor-image-box-img img{transition-duration:0.3s;}@media(max-width:1024px){.elementor-20 .elementor-element.elementor-element-68f644c{--grid-auto-flow:row;}.elementor-20 .elementor-element.elementor-element-68d8b10{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-20 .elementor-element.elementor-element-68f644c{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-20 .elementor-element.elementor-element-d609f0d .elementor-image-box-img{margin-bottom:15px;}.elementor-20 .elementor-element.elementor-element-2dbc786 .elementor-image-box-img{margin-bottom:15px;}.elementor-20 .elementor-element.elementor-element-bb45010 .elementor-image-box-img{margin-bottom:15px;}.elementor-20 .elementor-element.elementor-element-f53ef0a .elementor-image-box-img{margin-bottom:15px;}.elementor-20 .elementor-element.elementor-element-68d8b10{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-20 .elementor-element.elementor-element-9996dbe .elementor-image-box-img{margin-bottom:15px;}.elementor-20 .elementor-element.elementor-element-23a5523 .elementor-image-box-img{margin-bottom:15px;}.elementor-20 .elementor-element.elementor-element-3d4fad1 .elementor-image-box-img{margin-bottom:15px;}.elementor-20 .elementor-element.elementor-element-3a2096a .elementor-image-box-img{margin-bottom:15px;}.elementor-20 .elementor-element.elementor-element-76af69a .elementor-image-box-img{margin-bottom:15px;}.elementor-20 .elementor-element.elementor-element-161da24 .elementor-image-box-img{margin-bottom:15px;}}/* Start custom CSS for container, class: .elementor-element-bbbe850 *//* ============================================================
   CONTAINER + WIDGET SLIDES
   AZUL INSTITUCIONAL + PLOMO + DORADO
   SIN CLASES ADICIONALES
============================================================ */

.elementor-20 .elementor-element.elementor-element-bbbe850{
    --slide-blue-dark:#174A73;
    --slide-blue:#1F5F96;
    --slide-blue-mid:#2F76B3;
    --slide-blue-light:#4D94C8;

    --slide-gold:#C9A227;
    --slide-gold-light:#E6C75A;

    --slide-gray:#E9EEF2;
    --slide-gray-dark:#68737D;
    --slide-white:#FFFFFF;

    position:relative;

    overflow:hidden;

    border-radius:18px;

    box-shadow:
        0 16px 38px rgba(18,59,93,.18);

    border:
        1px solid rgba(201,162,39,.25);
}


/* ============================================================
   LÍNEA DECORATIVA SUPERIOR
============================================================ */

.elementor-20 .elementor-element.elementor-element-bbbe850::before{
    content:"";

    position:absolute;

    top:0;
    left:5%;

    width:90%;
    height:4px;

    z-index:20;

    border-radius:
        0 0 20px 20px;

    background:
        linear-gradient(
            90deg,
            #174A73,
            #2F76B3,
            #E6C75A,
            #2F76B3,
            #174A73
        );

    box-shadow:
        0 2px 8px rgba(201,162,39,.25);
}


/* ============================================================
   WIDGET SLIDES / SWIPER
============================================================ */

.elementor-20 .elementor-element.elementor-element-bbbe850 .elementor-widget-slides,
.elementor-20 .elementor-element.elementor-element-bbbe850 .elementor-slides-wrapper,
.elementor-20 .elementor-element.elementor-element-bbbe850 .swiper,
.elementor-20 .elementor-element.elementor-element-bbbe850 .swiper-container{
    position:relative;

    overflow:hidden;

    border-radius:18px;
}


/* ============================================================
   SLIDE
============================================================ */

.elementor-20 .elementor-element.elementor-element-bbbe850 .swiper-slide{
    position:relative;

    overflow:hidden;
}


/* ============================================================
   IMAGEN DE FONDO
   ZOOM SUAVE
============================================================ */

.elementor-20 .elementor-element.elementor-element-bbbe850 .swiper-slide-bg{
    transform:scale(1);

    transition:
        transform 7s ease,
        filter 1.2s ease;

    filter:
        brightness(.87)
        saturate(1.02);
}


.elementor-20 .elementor-element.elementor-element-bbbe850 .swiper-slide-active .swiper-slide-bg{
    transform:scale(1.075);

    filter:
        brightness(.82)
        saturate(1.08);
}


/* ============================================================
   OVERLAY AZUL PROFESIONAL
============================================================ */

.elementor-20 .elementor-element.elementor-element-bbbe850 .swiper-slide::before{
    content:"";

    position:absolute;

    inset:0;

    z-index:1;

    pointer-events:none;

    background:
        linear-gradient(
            90deg,
            rgba(11,45,72,.76) 0%,
            rgba(23,74,115,.57) 42%,
            rgba(31,95,150,.20) 73%,
            rgba(31,95,150,.05) 100%
        );
}


/* Luz azul/dorada secundaria */

.elementor-20 .elementor-element.elementor-element-bbbe850 .swiper-slide::after{
    content:"";

    position:absolute;

    inset:0;

    z-index:1;

    pointer-events:none;

    background:
        radial-gradient(
            circle at 15% 35%,
            rgba(77,148,200,.20),
            transparent 35%
        ),
        radial-gradient(
            circle at 88% 15%,
            rgba(230,199,90,.08),
            transparent 30%
        );
}


/* ============================================================
   CONTENIDO DEL SLIDE
============================================================ */

.elementor-20 .elementor-element.elementor-element-bbbe850 .swiper-slide-inner{
    position:relative;

    z-index:3;

    padding:
        55px 70px !important;
}


.elementor-20 .elementor-element.elementor-element-bbbe850 .swiper-slide-contents{
    position:relative;

    max-width:720px;

    padding:
        25px 28px 27px;

    border-left:
        4px solid var(--slide-gold);

    border-radius:
        0 14px 14px 0;

    background:
        linear-gradient(
            90deg,
            rgba(11,43,69,.28),
            rgba(11,43,69,.08)
        );

    backdrop-filter:
        blur(2px);

    -webkit-backdrop-filter:
        blur(2px);
}


/* ============================================================
   ANIMACIÓN DEL CONTENIDO
============================================================ */

.elementor-20 .elementor-element.elementor-element-bbbe850 .swiper-slide-active .swiper-slide-contents{
    animation:
        contenidoSlide .85s cubic-bezier(.22,.61,.36,1) both;
}


@keyframes contenidoSlide{

    from{
        opacity:0;

        transform:
            translateY(35px);

        filter:
            blur(5px);
    }

    to{
        opacity:1;

        transform:
            translateY(0);

        filter:
            blur(0);
    }

}


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

.elementor-20 .elementor-element.elementor-element-bbbe850 .elementor-slide-heading{
    position:relative;

    color:#FFFFFF !important;

    font-weight:800 !important;

    letter-spacing:-.5px;

    text-shadow:
        0 3px 12px rgba(0,0,0,.30);

    margin-bottom:
        15px !important;
}


/* Línea dorada del título */

.elementor-20 .elementor-element.elementor-element-bbbe850 .elementor-slide-heading::after{
    content:"";

    display:block;

    width:75px;
    height:4px;

    margin-top:14px;

    border-radius:20px;

    background:
        linear-gradient(
            90deg,
            var(--slide-gold),
            var(--slide-gold-light)
        );

    box-shadow:
        0 2px 8px rgba(201,162,39,.30);
}


/* Animación individual título */

.elementor-20 .elementor-element.elementor-element-bbbe850 .swiper-slide-active .elementor-slide-heading{
    animation:
        tituloSlide .8s .10s ease both;
}


@keyframes tituloSlide{

    from{
        opacity:0;

        transform:
            translateX(-35px);
    }

    to{
        opacity:1;

        transform:
            translateX(0);
    }

}


/* ============================================================
   DESCRIPCIÓN
============================================================ */

.elementor-20 .elementor-element.elementor-element-bbbe850 .elementor-slide-description{
    color:
        #EEF3F7 !important;

    font-weight:400;

    line-height:1.65;

    text-shadow:
        0 2px 6px rgba(0,0,0,.25);
}


.elementor-20 .elementor-element.elementor-element-bbbe850 .swiper-slide-active .elementor-slide-description{
    animation:
        descripcionSlide .8s .25s ease both;
}


@keyframes descripcionSlide{

    from{
        opacity:0;

        transform:
            translateY(20px);
    }

    to{
        opacity:1;

        transform:
            translateY(0);
    }

}


/* ============================================================
   BOTÓN
============================================================ */

.elementor-20 .elementor-element.elementor-element-bbbe850 .elementor-slide-button{
    position:relative;

    overflow:hidden;

    margin-top:10px;

    padding:
        12px 24px !important;

    border:
        1px solid var(--slide-gold) !important;

    border-radius:
        9px !important;

    color:
        #FFFFFF !important;

    background:
        linear-gradient(
            135deg,
            #174A73,
            #2F76B3
        ) !important;

    font-weight:
        700 !important;

    box-shadow:
        0 8px 20px rgba(10,46,75,.28);

    transition:
        transform .28s ease,
        background .28s ease,
        box-shadow .28s ease,
        color .28s ease;
}


.elementor-20 .elementor-element.elementor-element-bbbe850 .elementor-slide-button:hover{
    transform:
        translateY(-3px);

    color:
        #173A56 !important;

    background:
        linear-gradient(
            135deg,
            var(--slide-gold-light),
            var(--slide-gold)
        ) !important;

    box-shadow:
        0 12px 25px rgba(10,46,75,.34);
}


.elementor-20 .elementor-element.elementor-element-bbbe850 .swiper-slide-active .elementor-slide-button{
    animation:
        botonSlide .8s .38s ease both;
}


@keyframes botonSlide{

    from{
        opacity:0;

        transform:
            translateY(20px);
    }

    to{
        opacity:1;

        transform:
            translateY(0);
    }

}


/* ============================================================
   FLECHAS DE NAVEGACIÓN
============================================================ */

.elementor-20 .elementor-element.elementor-element-bbbe850 .elementor-swiper-button,
.elementor-20 .elementor-element.elementor-element-bbbe850 .swiper-button-prev,
.elementor-20 .elementor-element.elementor-element-bbbe850 .swiper-button-next{
    width:48px !important;
    height:48px !important;

    display:flex;

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

    border-radius:50%;

    color:
        var(--slide-gold-light) !important;

    background:
        rgba(15,55,86,.78);

    border:
        1px solid rgba(230,199,90,.55);

    box-shadow:
        0 8px 20px rgba(0,0,0,.18);

    backdrop-filter:
        blur(5px);

    transition:
        transform .25s ease,
        background .25s ease,
        color .25s ease;
}


.elementor-20 .elementor-element.elementor-element-bbbe850 .elementor-swiper-button:hover,
.elementor-20 .elementor-element.elementor-element-bbbe850 .swiper-button-prev:hover,
.elementor-20 .elementor-element.elementor-element-bbbe850 .swiper-button-next:hover{
    transform:
        scale(1.10);

    background:
        var(--slide-gold);

    color:
        #FFFFFF !important;
}


/* ============================================================
   PAGINACIÓN / PUNTOS
============================================================ */

.elementor-20 .elementor-element.elementor-element-bbbe850 .swiper-pagination-bullet{
    width:9px;
    height:9px;

    opacity:.55;

    background:
        #FFFFFF !important;

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

    transition:
        width .30s ease,
        opacity .30s ease,
        background .30s ease;
}


.elementor-20 .elementor-element.elementor-element-bbbe850 .swiper-pagination-bullet-active{
    width:28px;

    border-radius:20px;

    opacity:1;

    background:
        linear-gradient(
            90deg,
            var(--slide-gold),
            var(--slide-gold-light)
        ) !important;
}


/* ============================================================
   EFECTO GENERAL AL CAMBIAR DE SLIDE
============================================================ */

.elementor-20 .elementor-element.elementor-element-bbbe850 .swiper-slide-active{
    animation:
        entradaSlide .70s ease;
}


@keyframes entradaSlide{

    from{
        opacity:.60;
    }

    to{
        opacity:1;
    }

}


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

@media(max-width:1024px){

    .elementor-20 .elementor-element.elementor-element-bbbe850{
        border-radius:15px;
    }


    .elementor-20 .elementor-element.elementor-element-bbbe850 .swiper-slide-inner{
        padding:
            45px 45px !important;
    }


    .elementor-20 .elementor-element.elementor-element-bbbe850 .swiper-slide-contents{
        max-width:650px;

        padding:
            22px 24px;
    }

}


/* ============================================================
   CELULAR
============================================================ */

@media(max-width:767px){

    .elementor-20 .elementor-element.elementor-element-bbbe850{
        border-radius:12px;
    }


    .elementor-20 .elementor-element.elementor-element-bbbe850 .elementor-slides-wrapper,
    .elementor-20 .elementor-element.elementor-element-bbbe850 .swiper{
        border-radius:12px;
    }


    .elementor-20 .elementor-element.elementor-element-bbbe850 .swiper-slide::before{
        background:
            linear-gradient(
                180deg,
                rgba(15,61,95,.25) 0%,
                rgba(15,61,95,.78) 72%,
                rgba(9,42,67,.91) 100%
            );
    }


    .elementor-20 .elementor-element.elementor-element-bbbe850 .swiper-slide-inner{
        align-items:flex-end !important;

        padding:
            28px 18px 35px !important;
    }


    .elementor-20 .elementor-element.elementor-element-bbbe850 .swiper-slide-contents{
        width:100%;

        max-width:100%;

        padding:
            18px 18px 20px;

        border-left:
            3px solid var(--slide-gold);

        background:
            rgba(10,45,72,.30);
    }


    .elementor-20 .elementor-element.elementor-element-bbbe850 .elementor-slide-heading{
        font-size:
            26px !important;

        line-height:
            1.20 !important;
    }


    .elementor-20 .elementor-element.elementor-element-bbbe850 .elementor-slide-description{
        font-size:
            14px !important;

        line-height:
            1.55;
    }


    .elementor-20 .elementor-element.elementor-element-bbbe850 .elementor-slide-button{
        padding:
            10px 18px !important;

        font-size:
            13px !important;
    }


    .elementor-20 .elementor-element.elementor-element-bbbe850 .elementor-swiper-button,
    .elementor-20 .elementor-element.elementor-element-bbbe850 .swiper-button-prev,
    .elementor-20 .elementor-element.elementor-element-bbbe850 .swiper-button-next{
        width:
            38px !important;

        height:
            38px !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-464d4f6 *//* ============================================================
   GRID 4 TARJETAS / IMAGE BOX
   CUSTOM CSS PARA EL CONTAINER
   AZUL + PLOMO + DORADO
   SIN CLASES ADICIONALES
============================================================ */

.elementor-20 .elementor-element.elementor-element-464d4f6{
    --azul-oscuro:#123B5D;
    --azul:#1F5F96;
    --azul-medio:#2F76B3;
    --azul-claro:#5A9CD0;

    --dorado:#C9A227;
    --dorado-claro:#E6C75A;

    --plomo-50:#F8F9FA;
    --plomo-100:#EEF2F5;
    --plomo-200:#DDE3E8;
    --plomo-600:#66727D;

    position:relative;

    padding:35px 25px;

    background:
        radial-gradient(
            circle at 8% 15%,
            rgba(31,95,150,.07),
            transparent 25%
        ),
        linear-gradient(
            135deg,
            #FFFFFF,
            #F3F6F8
        );

    overflow:hidden;
}


/* ============================================================
   CADA IMAGE BOX
============================================================ */

.elementor-20 .elementor-element.elementor-element-464d4f6 .elementor-widget-image-box{
    position:relative;

    height:100%;

    padding:26px 20px 24px;

    border-radius:16px;

    background:
        linear-gradient(
            145deg,
            #FFFFFF 0%,
            #F3F5F7 100%
        );

    border:
        1px solid rgba(31,95,150,.12);

    box-shadow:
        0 8px 24px rgba(18,59,93,.09);

    overflow:hidden;

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;
}


/* ============================================================
   FRANJA SUPERIOR
============================================================ */

.elementor-20 .elementor-element.elementor-element-464d4f6 .elementor-widget-image-box::before{
    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:4px;

    background:
        linear-gradient(
            90deg,
            var(--azul-oscuro),
            var(--azul-medio),
            var(--dorado)
        );
}


/* ============================================================
   DECORACIÓN DE FONDO
============================================================ */

.elementor-20 .elementor-element.elementor-element-464d4f6 .elementor-widget-image-box::after{
    content:"";

    position:absolute;

    width:100px;
    height:100px;

    right:-45px;
    bottom:-50px;

    border-radius:50%;

    background:
        rgba(31,95,150,.05);

    border:
        15px solid rgba(201,162,39,.045);

    transition:
        transform .45s ease;
}


/* ============================================================
   HOVER TARJETA
============================================================ */

.elementor-20 .elementor-element.elementor-element-464d4f6 .elementor-widget-image-box:hover{
    transform:
        translateY(-9px);

    border-color:
        rgba(201,162,39,.55);

    box-shadow:
        0 18px 38px rgba(18,59,93,.16);
}


.elementor-20 .elementor-element.elementor-element-464d4f6 .elementor-widget-image-box:hover::after{
    transform:
        scale(1.25)
        rotate(15deg);
}


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

.elementor-20 .elementor-element.elementor-element-464d4f6 .elementor-image-box-img{
    position:relative;

    margin-bottom:18px !important;

    z-index:2;
}


.elementor-20 .elementor-element.elementor-element-464d4f6 .elementor-image-box-img img{
    width:118px !important;
    height:90px !important;

    object-fit:cover;

    border-radius:13px;

    padding:5px;

    background:#FFFFFF;

    border:
        1px solid rgba(31,95,150,.15);

    box-shadow:
        0 7px 18px rgba(18,59,93,.13);

    transition:
        transform .4s ease,
        box-shadow .4s ease,
        border-color .4s ease;
}


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

.elementor-20 .elementor-element.elementor-element-464d4f6 .elementor-widget-image-box:hover
.elementor-image-box-img img{
    transform:
        translateY(-4px)
        scale(1.06);

    border-color:
        rgba(201,162,39,.75);

    box-shadow:
        0 11px 24px rgba(18,59,93,.20);
}


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

.elementor-20 .elementor-element.elementor-element-464d4f6 .elementor-image-box-content{
    position:relative;

    z-index:2;
}


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

.elementor-20 .elementor-element.elementor-element-464d4f6 .elementor-image-box-title{
    margin:
        0 0 12px !important;

    color:
        var(--azul-oscuro) !important;

    font-size:
        20px !important;

    font-weight:
        800 !important;

    line-height:1.25;

    transition:
        color .3s ease,
        transform .3s ease;
}


.elementor-20 .elementor-element.elementor-element-464d4f6 .elementor-widget-image-box:hover
.elementor-image-box-title{
    color:
        var(--azul) !important;

    transform:
        translateY(-2px);
}


/* ============================================================
   LÍNEA DORADA DEL TÍTULO
============================================================ */

.elementor-20 .elementor-element.elementor-element-464d4f6 .elementor-image-box-title::after{
    content:"";

    display:block;

    width:45px;
    height:3px;

    margin:
        10px auto 0;

    border-radius:20px;

    background:
        linear-gradient(
            90deg,
            var(--azul-medio),
            var(--dorado)
        );

    transition:
        width .35s ease;
}


.elementor-20 .elementor-element.elementor-element-464d4f6 .elementor-widget-image-box:hover
.elementor-image-box-title::after{
    width:75px;
}


/* ============================================================
   DESCRIPCIÓN
============================================================ */

.elementor-20 .elementor-element.elementor-element-464d4f6 .elementor-image-box-description{
    margin:0 !important;

    color:
        var(--plomo-600) !important;

    font-size:
        14px !important;

    line-height:
        1.65 !important;

    font-weight:400;
}


/* ============================================================
   ANIMACIÓN DE ENTRADA DE LAS 4 TARJETAS
============================================================ */

.elementor-20 .elementor-element.elementor-element-464d4f6 .elementor-widget-image-box{
    animation:
        aparecerTarjeta .75s ease both;
}


.elementor-20 .elementor-element.elementor-element-464d4f6 .elementor-widget-image-box:nth-child(1){
    animation-delay:.05s;
}

.elementor-20 .elementor-element.elementor-element-464d4f6 .elementor-widget-image-box:nth-child(2){
    animation-delay:.15s;
}

.elementor-20 .elementor-element.elementor-element-464d4f6 .elementor-widget-image-box:nth-child(3){
    animation-delay:.25s;
}

.elementor-20 .elementor-element.elementor-element-464d4f6 .elementor-widget-image-box:nth-child(4){
    animation-delay:.35s;
}


@keyframes aparecerTarjeta{

    from{
        opacity:0;

        transform:
            translateY(25px);
    }

    to{
        opacity:1;

        transform:
            translateY(0);
    }
}


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

@media(max-width:1024px){

    .elementor-20 .elementor-element.elementor-element-464d4f6{
        padding:
            28px 18px;
    }


    .elementor-20 .elementor-element.elementor-element-464d4f6 .elementor-widget-image-box{
        padding:
            22px 16px;
    }


    .elementor-20 .elementor-element.elementor-element-464d4f6 .elementor-image-box-title{
        font-size:
            18px !important;
    }

}


/* ============================================================
   CELULAR
============================================================ */

@media(max-width:767px){

    .elementor-20 .elementor-element.elementor-element-464d4f6{
        padding:
            22px 14px;
    }


    .elementor-20 .elementor-element.elementor-element-464d4f6 .elementor-widget-image-box{
        padding:
            22px 16px;

        border-radius:13px;
    }


    .elementor-20 .elementor-element.elementor-element-464d4f6 .elementor-image-box-img img{
        width:
            105px !important;

        height:
            82px !important;
    }


    .elementor-20 .elementor-element.elementor-element-464d4f6 .elementor-image-box-title{
        font-size:
            18px !important;
    }


    .elementor-20 .elementor-element.elementor-element-464d4f6 .elementor-image-box-description{
        font-size:
            13px !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-63f0501 *//* ============================================================
   ESTUDIA CON NOSOTROS
   IESTP IBERIA TAHUAMANU
   AZUL + PLOMO + DORADO
============================================================ */

.elementor-20 .elementor-element.elementor-element-63f0501 .estudia-iberia{
    --ei-blue-dark:#123B5D;
    --ei-blue:#1F5F96;
    --ei-blue-mid:#2F76B3;
    --ei-blue-light:#5A9CD0;

    --ei-gold:#C9A227;
    --ei-gold-light:#E6C75A;

    --ei-gray-50:#F8F9FA;
    --ei-gray-100:#EEF2F5;
    --ei-gray-200:#DDE3E8;
    --ei-gray-600:#66727D;

    --ei-text:#34414D;
    --ei-white:#FFFFFF;

    position:relative;

    width:100%;

    overflow:hidden;

    padding:
        75px 45px;

    background:
        radial-gradient(
            circle at 90% 15%,
            rgba(90,156,208,.15),
            transparent 30%
        ),
        radial-gradient(
            circle at 6% 90%,
            rgba(201,162,39,.08),
            transparent 25%
        ),
        linear-gradient(
            135deg,
            #FFFFFF 0%,
            #F5F7F9 52%,
            #EAF0F4 100%
        );
}


/* ============================================================
   LÍNEA SUPERIOR
============================================================ */

.elementor-20 .elementor-element.elementor-element-63f0501 .estudia-iberia::before{
    content:"";

    position:absolute;

    top:0;
    left:5%;

    width:90%;
    height:4px;

    border-radius:
        0 0 20px 20px;

    background:
        linear-gradient(
            90deg,
            var(--ei-blue-dark),
            var(--ei-blue-mid),
            var(--ei-gold),
            var(--ei-blue-mid),
            var(--ei-blue-dark)
        );
}


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

.elementor-20 .elementor-element.elementor-element-63f0501 .ei-inner{
    position:relative;

    z-index:2;

    max-width:1400px;

    margin:0 auto;

    display:grid;

    grid-template-columns:
        minmax(0,1.12fr)
        minmax(380px,.88fr);

    align-items:center;

    gap:70px;
}


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

.elementor-20 .elementor-element.elementor-element-63f0501 .ei-content{
    position:relative;

    animation:
        eiContent .85s ease both;
}


@keyframes eiContent{

    from{
        opacity:0;

        transform:
            translateX(-35px);
    }

    to{
        opacity:1;

        transform:
            translateX(0);
    }

}


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

.elementor-20 .elementor-element.elementor-element-63f0501 .ei-badge{
    width:max-content;

    display:flex;

    align-items:center;

    gap:9px;

    padding:
        8px 14px;

    margin-bottom:19px;

    border-radius:30px;

    color:
        var(--ei-blue-dark);

    background:
        rgba(31,95,150,.08);

    border:
        1px solid rgba(31,95,150,.14);

    font-size:13px;

    font-weight:700;

    letter-spacing:.2px;
}


.elementor-20 .elementor-element.elementor-element-63f0501 .ei-badge-dot{
    width:8px;
    height:8px;

    border-radius:50%;

    background:
        var(--ei-gold);

    box-shadow:
        0 0 0 5px rgba(201,162,39,.12);
}


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

.elementor-20 .elementor-element.elementor-element-63f0501 .ei-title{
    margin:
        0 0 8px !important;

    color:
        var(--ei-blue-dark) !important;

    font-size:
        clamp(38px,4vw,62px);

    line-height:
        1.04;

    font-weight:
        850 !important;

    letter-spacing:
        -1.7px;
}


.elementor-20 .elementor-element.elementor-element-63f0501 .ei-title span{
    color:
        var(--ei-blue-mid);

    position:relative;
}


/* subrayado dorado */

.elementor-20 .elementor-element.elementor-element-63f0501 .ei-title span::after{
    content:"";

    position:absolute;

    left:2px;
    bottom:-6px;

    width:72%;
    height:4px;

    border-radius:20px;

    background:
        linear-gradient(
            90deg,
            var(--ei-gold),
            var(--ei-gold-light)
        );
}


/* ============================================================
   NOMBRE INSTITUTO
============================================================ */

.elementor-20 .elementor-element.elementor-element-63f0501 .ei-institute{
    margin:
        18px 0 17px !important;

    color:
        var(--ei-blue) !important;

    font-size:
        21px !important;

    line-height:
        1.3;

    font-weight:
        750 !important;

    letter-spacing:
        .2px;
}


/* ============================================================
   TEXTO
============================================================ */

.elementor-20 .elementor-element.elementor-element-63f0501 .ei-description{
    max-width:750px;

    margin:
        0 0 27px !important;

    color:
        var(--ei-gray-600);

    font-size:
        15px;

    line-height:
        1.75;
}


.elementor-20 .elementor-element.elementor-element-63f0501 .ei-description strong{
    color:
        var(--ei-blue-dark);

    font-weight:700;
}


/* ============================================================
   BENEFICIOS
============================================================ */

.elementor-20 .elementor-element.elementor-element-63f0501 .ei-benefits{
    display:grid;

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

    gap:13px;

    margin-bottom:30px;
}


.elementor-20 .elementor-element.elementor-element-63f0501 .ei-benefit{
    position:relative;

    display:flex;

    align-items:center;

    gap:12px;

    padding:
        15px 13px;

    min-height:90px;

    border-radius:13px;

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

    border:
        1px solid rgba(31,95,150,.10);

    box-shadow:
        0 7px 18px rgba(18,59,93,.06);

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}


.elementor-20 .elementor-element.elementor-element-63f0501 .ei-benefit:hover{
    transform:
        translateY(-5px);

    border-color:
        rgba(201,162,39,.50);

    box-shadow:
        0 12px 25px rgba(18,59,93,.12);
}


/* ============================================================
   ICONO
============================================================ */

.elementor-20 .elementor-element.elementor-element-63f0501 .ei-benefit-icon{
    width:44px;
    height:44px;

    min-width:44px;

    display:flex;

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

    border-radius:11px;

    background:
        linear-gradient(
            145deg,
            var(--ei-blue-dark),
            var(--ei-blue)
        );

    border:
        1px solid rgba(201,162,39,.45);

    box-shadow:
        0 6px 13px rgba(18,59,93,.18);

    transition:
        transform .3s ease;
}


.elementor-20 .elementor-element.elementor-element-63f0501 .ei-benefit:hover
.ei-benefit-icon{
    transform:
        rotate(-5deg)
        scale(1.06);
}


.elementor-20 .elementor-element.elementor-element-63f0501 .ei-benefit-icon svg{
    width:22px;
    height:22px;

    fill:
        var(--ei-gold-light);
}


.elementor-20 .elementor-element.elementor-element-63f0501 .ei-benefit strong{
    display:block;

    margin-bottom:3px;

    color:
        var(--ei-blue-dark);

    font-size:13px;

    line-height:1.25;
}


.elementor-20 .elementor-element.elementor-element-63f0501 .ei-benefit span{
    display:block;

    color:
        var(--ei-gray-600);

    font-size:11px;

    line-height:1.4;
}


/* ============================================================
   BOTONES
============================================================ */

.elementor-20 .elementor-element.elementor-element-63f0501 .ei-actions{
    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:12px;
}


.elementor-20 .elementor-element.elementor-element-63f0501 .ei-btn{
    min-height:48px;

    display:inline-flex;

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

    gap:12px;

    padding:
        12px 22px;

    border-radius:10px;

    text-decoration:none !important;

    font-size:13px;

    font-weight:750;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        background .3s ease,
        color .3s ease;
}


.elementor-20 .elementor-element.elementor-element-63f0501 .ei-btn-primary{
    color:#FFFFFF !important;

    background:
        linear-gradient(
            135deg,
            var(--ei-blue-dark),
            var(--ei-blue-mid)
        );

    border:
        1px solid rgba(201,162,39,.55);

    box-shadow:
        0 8px 20px rgba(18,59,93,.20);
}


.elementor-20 .elementor-element.elementor-element-63f0501 .ei-btn-primary span{
    color:
        var(--ei-gold-light);

    font-size:20px;

    transition:
        transform .3s ease;
}


.elementor-20 .elementor-element.elementor-element-63f0501 .ei-btn-primary:hover{
    transform:
        translateY(-3px);

    background:
        linear-gradient(
            135deg,
            var(--ei-blue),
            var(--ei-blue-mid)
        );

    box-shadow:
        0 12px 26px rgba(18,59,93,.27);
}


.elementor-20 .elementor-element.elementor-element-63f0501 .ei-btn-primary:hover span{
    transform:
        translateX(4px);
}


.elementor-20 .elementor-element.elementor-element-63f0501 .ei-btn-secondary{
    color:
        var(--ei-blue-dark) !important;

    background:
        #FFFFFF;

    border:
        1px solid var(--ei-gray-200);
}


.elementor-20 .elementor-element.elementor-element-63f0501 .ei-btn-secondary:hover{
    transform:
        translateY(-3px);

    border-color:
        var(--ei-gold);

    color:
        var(--ei-blue) !important;

    box-shadow:
        0 9px 19px rgba(18,59,93,.10);
}


/* ============================================================
   PARTE VISUAL
============================================================ */

.elementor-20 .elementor-element.elementor-element-63f0501 .ei-visual{
    position:relative;

    min-height:480px;

    display:flex;

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

    animation:
        eiVisual .9s .10s ease both;
}


@keyframes eiVisual{

    from{
        opacity:0;

        transform:
            translateX(35px);
    }

    to{
        opacity:1;

        transform:
            translateX(0);
    }

}


/* ============================================================
   CÍRCULOS DECORATIVOS
============================================================ */

.elementor-20 .elementor-element.elementor-element-63f0501 .ei-circle{
    position:absolute;

    border-radius:50%;

    pointer-events:none;
}


.elementor-20 .elementor-element.elementor-element-63f0501 .ei-circle-1{
    width:390px;
    height:390px;

    border:
        1px solid rgba(31,95,150,.12);

    background:
        radial-gradient(
            circle,
            rgba(90,156,208,.11),
            transparent 67%
        );

    animation:
        eiRotate 18s linear infinite;
}


.elementor-20 .elementor-element.elementor-element-63f0501 .ei-circle-2{
    width:310px;
    height:310px;

    border:
        2px dashed rgba(201,162,39,.24);

    animation:
        eiRotateReverse 25s linear infinite;
}


@keyframes eiRotate{
    to{
        transform:rotate(360deg);
    }
}


@keyframes eiRotateReverse{
    to{
        transform:rotate(-360deg);
    }
}


/* ============================================================
   TARJETA LOGO
============================================================ */

.elementor-20 .elementor-element.elementor-element-63f0501 .ei-logo-card{
    position:relative;

    z-index:3;

    width:330px;
    min-height:350px;

    display:flex;

    flex-direction:column;

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

    padding:
        38px 30px;

    border-radius:28px;

    background:
        linear-gradient(
            145deg,
            #FFFFFF,
            #EEF2F5
        );

    border:
        1px solid rgba(31,95,150,.13);

    box-shadow:
        0 25px 55px rgba(18,59,93,.16);

    overflow:hidden;

    animation:
        eiFloat 5s ease-in-out infinite;
}


.elementor-20 .elementor-element.elementor-element-63f0501 .ei-logo-card::before{
    content:"";

    position:absolute;

    top:0;
    left:15%;

    width:70%;
    height:4px;

    border-radius:
        0 0 20px 20px;

    background:
        linear-gradient(
            90deg,
            var(--ei-blue),
            var(--ei-gold),
            var(--ei-blue)
        );
}


@keyframes eiFloat{

    0%,
    100%{
        transform:
            translateY(0);
    }

    50%{
        transform:
            translateY(-10px);
    }

}


/* ============================================================
   LOGO
============================================================ */

.elementor-20 .elementor-element.elementor-element-63f0501 .ei-logo-glow{
    position:absolute;

    width:210px;
    height:210px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(201,162,39,.13),
            rgba(31,95,150,.05) 50%,
            transparent 70%
        );
}


.elementor-20 .elementor-element.elementor-element-63f0501 .ei-logo{
    position:relative;

    z-index:2;

    width:205px;

    max-height:205px;

    object-fit:contain;

    filter:
        drop-shadow(0 10px 13px rgba(18,59,93,.15));

    transition:
        transform .4s ease;
}


.elementor-20 .elementor-element.elementor-element-63f0501 .ei-logo-card:hover
.ei-logo{
    transform:
        scale(1.055);
}


/* ============================================================
   TEXTO LOGO
============================================================ */

.elementor-20 .elementor-element.elementor-element-63f0501 .ei-logo-text{
    position:relative;

    z-index:2;

    margin-top:24px;

    text-align:center;
}


.elementor-20 .elementor-element.elementor-element-63f0501 .ei-logo-text span{
    display:block;

    color:
        var(--ei-gray-600);

    font-size:11px;

    margin-bottom:5px;
}


.elementor-20 .elementor-element.elementor-element-63f0501 .ei-logo-text strong{
    display:block;

    color:
        var(--ei-blue-dark);

    font-size:15px;

    line-height:1.3;
}


/* ============================================================
   TARJETAS FLOTANTES
============================================================ */

.elementor-20 .elementor-element.elementor-element-63f0501 .ei-floating-card{
    position:absolute;

    z-index:5;

    min-width:215px;

    display:flex;

    align-items:center;

    gap:11px;

    padding:
        12px 14px;

    border-radius:12px;

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

    border:
        1px solid rgba(31,95,150,.12);

    box-shadow:
        0 12px 25px rgba(18,59,93,.13);

    backdrop-filter:
        blur(6px);
}


.elementor-20 .elementor-element.elementor-element-63f0501 .ei-floating-1{
    left:-15px;
    top:82px;

    animation:
        eiSmallFloat 4s ease-in-out infinite;
}


.elementor-20 .elementor-element.elementor-element-63f0501 .ei-floating-2{
    right:-25px;
    bottom:80px;

    animation:
        eiSmallFloat 4.7s .5s ease-in-out infinite;
}


@keyframes eiSmallFloat{

    0%,
    100%{
        transform:
            translateY(0);
    }

    50%{
        transform:
            translateY(-8px);
    }

}


.elementor-20 .elementor-element.elementor-element-63f0501 .ei-floating-icon,
.elementor-20 .elementor-element.elementor-element-63f0501 .ei-floating-number{
    width:34px;
    height:34px;

    min-width:34px;

    display:flex;

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

    border-radius:9px;

    color:
        var(--ei-gold-light);

    background:
        var(--ei-blue-dark);

    font-weight:800;
}


.elementor-20 .elementor-element.elementor-element-63f0501 .ei-floating-card strong{
    display:block;

    color:
        var(--ei-blue-dark);

    font-size:12px;
}


.elementor-20 .elementor-element.elementor-element-63f0501 .ei-floating-card small{
    display:block;

    margin-top:2px;

    color:
        var(--ei-gray-600);

    font-size:9px;
}


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

@media(max-width:1024px){

    .elementor-20 .elementor-element.elementor-element-63f0501 .estudia-iberia{
        padding:
            60px 28px;
    }


    .elementor-20 .elementor-element.elementor-element-63f0501 .ei-inner{
        grid-template-columns:
            1fr;

        gap:35px;
    }


    .elementor-20 .elementor-element.elementor-element-63f0501 .ei-content{
        text-align:center;
    }


    .elementor-20 .elementor-element.elementor-element-63f0501 .ei-badge{
        margin-left:auto;
        margin-right:auto;
    }


    .elementor-20 .elementor-element.elementor-element-63f0501 .ei-description{
        margin-left:auto !important;
        margin-right:auto !important;
    }


    .elementor-20 .elementor-element.elementor-element-63f0501 .ei-actions{
        justify-content:center;
    }


    .elementor-20 .elementor-element.elementor-element-63f0501 .ei-visual{
        min-height:440px;
    }

}


/* ============================================================
   CELULAR
============================================================ */

@media(max-width:767px){

    .elementor-20 .elementor-element.elementor-element-63f0501 .estudia-iberia{
        padding:
            45px 16px;
    }


    .elementor-20 .elementor-element.elementor-element-63f0501 .ei-title{
        font-size:
            38px;
    }


    .elementor-20 .elementor-element.elementor-element-63f0501 .ei-institute{
        font-size:
            18px !important;
    }


    .elementor-20 .elementor-element.elementor-element-63f0501 .ei-description{
        font-size:
            14px;

        line-height:
            1.65;
    }


    .elementor-20 .elementor-element.elementor-element-63f0501 .ei-benefits{
        grid-template-columns:
            1fr;

        gap:9px;
    }


    .elementor-20 .elementor-element.elementor-element-63f0501 .ei-benefit{
        text-align:left;

        min-height:auto;
    }


    .elementor-20 .elementor-element.elementor-element-63f0501 .ei-actions{
        flex-direction:column;
    }


    .elementor-20 .elementor-element.elementor-element-63f0501 .ei-btn{
        width:100%;
    }


    .elementor-20 .elementor-element.elementor-element-63f0501 .ei-visual{
        min-height:390px;
    }


    .elementor-20 .elementor-element.elementor-element-63f0501 .ei-circle-1{
        width:320px;
        height:320px;
    }


    .elementor-20 .elementor-element.elementor-element-63f0501 .ei-circle-2{
        width:260px;
        height:260px;
    }


    .elementor-20 .elementor-element.elementor-element-63f0501 .ei-logo-card{
        width:
            min(290px,90%);

        min-height:310px;

        padding:
            30px 20px;
    }


    .elementor-20 .elementor-element.elementor-element-63f0501 .ei-logo{
        width:175px;
    }


    .elementor-20 .elementor-element.elementor-element-63f0501 .ei-floating-card{
        min-width:175px;

        padding:
            10px;

        transform:
            scale(.88);
    }


    .elementor-20 .elementor-element.elementor-element-63f0501 .ei-floating-1{
        left:-5px;

        top:55px;
    }


    .elementor-20 .elementor-element.elementor-element-63f0501 .ei-floating-2{
        right:-5px;

        bottom:45px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c4c984d *//* ============================================================
   CONOCE NUESTROS PROGRAMAS
   IESTP IBERIA TAHUAMANU
   AZUL + PLOMO + DORADO
============================================================ */

.elementor-20 .elementor-element.elementor-element-c4c984d .programas-iberia{
    --pi-blue-dark:#123B5D;
    --pi-blue:#1F5F96;
    --pi-blue-mid:#2F76B3;
    --pi-blue-light:#5A9CD0;

    --pi-gold:#C9A227;
    --pi-gold-light:#E6C75A;

    --pi-gray:#66727D;
    --pi-gray-light:#EEF2F5;
    --pi-white:#FFFFFF;

    position:relative;

    padding:70px 35px;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 8% 12%,
            rgba(47,118,179,.08),
            transparent 28%
        ),
        radial-gradient(
            circle at 93% 90%,
            rgba(201,162,39,.07),
            transparent 25%
        ),
        linear-gradient(
            135deg,
            #FFFFFF,
            #F4F6F8
        );
}


/* ============================================================
   LÍNEA SUPERIOR
============================================================ */

.elementor-20 .elementor-element.elementor-element-c4c984d .programas-iberia::before{
    content:"";

    position:absolute;

    top:0;
    left:5%;

    width:90%;
    height:4px;

    border-radius:0 0 20px 20px;

    background:
        linear-gradient(
            90deg,
            var(--pi-blue-dark),
            var(--pi-blue-mid),
            var(--pi-gold),
            var(--pi-blue-mid),
            var(--pi-blue-dark)
        );
}


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

.elementor-20 .elementor-element.elementor-element-c4c984d .pi-header{
    max-width:850px;

    margin:
        0 auto 42px;

    text-align:center;
}


.elementor-20 .elementor-element.elementor-element-c4c984d .pi-eyebrow{
    display:inline-flex;

    padding:7px 14px;

    margin-bottom:14px;

    border-radius:30px;

    color:var(--pi-blue);

    background:
        rgba(31,95,150,.08);

    border:
        1px solid rgba(31,95,150,.13);

    font-size:12px;

    font-weight:750;

    text-transform:uppercase;

    letter-spacing:1.3px;
}


.elementor-20 .elementor-element.elementor-element-c4c984d .pi-title{
    margin:
        0 0 16px !important;

    color:
        var(--pi-blue-dark) !important;

    font-size:
        clamp(34px,4vw,52px);

    line-height:1.08;

    font-weight:
        850 !important;

    letter-spacing:-1.2px;
}


.elementor-20 .elementor-element.elementor-element-c4c984d .pi-title span{
    position:relative;

    color:
        var(--pi-blue-mid);
}


.elementor-20 .elementor-element.elementor-element-c4c984d .pi-title span::after{
    content:"";

    position:absolute;

    left:10%;
    bottom:-8px;

    width:80%;
    height:4px;

    border-radius:20px;

    background:
        linear-gradient(
            90deg,
            var(--pi-gold),
            var(--pi-gold-light)
        );
}


.elementor-20 .elementor-element.elementor-element-c4c984d .pi-intro{
    max-width:760px;

    margin:
        22px auto 0 !important;

    color:
        var(--pi-gray);

    font-size:15px;

    line-height:1.7;
}


.elementor-20 .elementor-element.elementor-element-c4c984d .pi-intro strong{
    color:
        var(--pi-blue-dark);
}


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

.elementor-20 .elementor-element.elementor-element-c4c984d .pi-grid{
    max-width:1250px;

    margin:0 auto;

    display:grid;

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

    gap:26px;
}


/* ============================================================
   TARJETA
============================================================ */

.elementor-20 .elementor-element.elementor-element-c4c984d .pi-card{
    position:relative;

    min-width:0;

    overflow:hidden;

    border-radius:20px;

    background:#FFFFFF;

    border:
        1px solid rgba(31,95,150,.11);

    box-shadow:
        0 12px 32px rgba(18,59,93,.11);

    transition:
        transform .4s ease,
        box-shadow .4s ease,
        border-color .4s ease;
}


.elementor-20 .elementor-element.elementor-element-c4c984d .pi-card:hover{
    transform:
        translateY(-9px);

    border-color:
        rgba(201,162,39,.55);

    box-shadow:
        0 22px 45px rgba(18,59,93,.18);
}


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

.elementor-20 .elementor-element.elementor-element-c4c984d .pi-image{
    position:relative;

    height:320px;

    overflow:hidden;
}


.elementor-20 .elementor-element.elementor-element-c4c984d .pi-image img{
    width:100%;
    height:100%;

    display:block;

    object-fit:cover;

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


.elementor-20 .elementor-element.elementor-element-c4c984d .pi-card:hover
.pi-image img{
    transform:
        scale(1.075);

    filter:
        saturate(1.08)
        brightness(.92);
}


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

.elementor-20 .elementor-element.elementor-element-c4c984d .pi-overlay{
    position:absolute;

    inset:0;

    background:
        linear-gradient(
            180deg,
            rgba(18,59,93,.05) 20%,
            rgba(18,59,93,.20) 65%,
            rgba(18,59,93,.70) 100%
        );
}


/* ============================================================
   NÚMERO
============================================================ */

.elementor-20 .elementor-element.elementor-element-c4c984d .pi-number{
    position:absolute;

    top:18px;
    right:18px;

    width:52px;
    height:52px;

    display:flex;

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

    border-radius:50%;

    color:
        var(--pi-blue-dark);

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

    border:
        2px solid var(--pi-gold);

    font-size:15px;

    font-weight:850;

    box-shadow:
        0 8px 18px rgba(0,0,0,.15);

    backdrop-filter:
        blur(5px);
}


/* ============================================================
   ETIQUETA SOBRE FOTO
============================================================ */

.elementor-20 .elementor-element.elementor-element-c4c984d .pi-image-label{
    position:absolute;

    left:20px;
    bottom:18px;

    padding:
        8px 13px;

    border-radius:8px;

    color:
        #FFFFFF;

    background:
        rgba(18,59,93,.82);

    border-left:
        3px solid var(--pi-gold);

    font-size:11px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.8px;

    backdrop-filter:
        blur(6px);
}


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

.elementor-20 .elementor-element.elementor-element-c4c984d .pi-content{
    position:relative;

    padding:
        34px 30px 30px;
}


/* ============================================================
   ICONO
============================================================ */

.elementor-20 .elementor-element.elementor-element-c4c984d .pi-icon{
    position:absolute;

    top:-28px;
    right:30px;

    width:58px;
    height:58px;

    display:flex;

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

    border-radius:15px;

    background:
        linear-gradient(
            145deg,
            var(--pi-blue-dark),
            var(--pi-blue-mid)
        );

    border:
        2px solid #FFFFFF;

    box-shadow:
        0 8px 20px rgba(18,59,93,.24);

    transition:
        transform .35s ease;
}


.elementor-20 .elementor-element.elementor-element-c4c984d .pi-card:hover
.pi-icon{
    transform:
        translateY(-4px)
        rotate(-5deg);
}


.elementor-20 .elementor-element.elementor-element-c4c984d .pi-icon svg{
    width:28px;
    height:28px;

    fill:
        var(--pi-gold-light);
}


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

.elementor-20 .elementor-element.elementor-element-c4c984d .pi-category{
    display:block;

    margin-bottom:7px;

    color:
        var(--pi-gold);

    font-size:11px;

    font-weight:800;

    text-transform:uppercase;

    letter-spacing:1px;
}


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

.elementor-20 .elementor-element.elementor-element-c4c984d .pi-content h3{
    margin:
        0 0 13px !important;

    color:
        var(--pi-blue-dark) !important;

    font-size:
        25px !important;

    line-height:1.2;

    font-weight:
        850 !important;

    transition:
        color .3s ease;
}


.elementor-20 .elementor-element.elementor-element-c4c984d .pi-card:hover
.pi-content h3{
    color:
        var(--pi-blue-mid) !important;
}


/* ============================================================
   DESCRIPCIÓN
============================================================ */

.elementor-20 .elementor-element.elementor-element-c4c984d .pi-content p{
    margin:0 !important;

    color:
        var(--pi-gray);

    font-size:14px;

    line-height:1.68;
}


/* ============================================================
   DIVISOR
============================================================ */

.elementor-20 .elementor-element.elementor-element-c4c984d .pi-divider{
    width:100%;
    height:1px;

    margin:
        22px 0;

    background:
        linear-gradient(
            90deg,
            rgba(31,95,150,.17),
            rgba(201,162,39,.40),
            rgba(31,95,150,.06)
        );
}


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

.elementor-20 .elementor-element.elementor-element-c4c984d .pi-footer{
    display:flex;

    align-items:center;

    justify-content:flex-start;
}


/* ============================================================
   BOTÓN
============================================================ */

.elementor-20 .elementor-element.elementor-element-c4c984d .pi-button{
    display:inline-flex;

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

    gap:12px;

    min-height:45px;

    padding:
        11px 20px;

    border-radius:9px;

    color:
        #FFFFFF !important;

    text-decoration:none !important;

    background:
        linear-gradient(
            135deg,
            var(--pi-blue-dark),
            var(--pi-blue-mid)
        );

    border:
        1px solid rgba(201,162,39,.45);

    box-shadow:
        0 7px 17px rgba(18,59,93,.17);

    font-size:13px;

    font-weight:750;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        background .3s ease,
        color .3s ease;
}


.elementor-20 .elementor-element.elementor-element-c4c984d .pi-button span{
    color:
        var(--pi-gold-light);

    font-size:19px;

    transition:
        transform .3s ease;
}


.elementor-20 .elementor-element.elementor-element-c4c984d .pi-button:hover{
    transform:
        translateY(-3px);

    color:
        var(--pi-blue-dark) !important;

    background:
        linear-gradient(
            135deg,
            var(--pi-gold-light),
            var(--pi-gold)
        );

    box-shadow:
        0 11px 23px rgba(18,59,93,.23);
}


.elementor-20 .elementor-element.elementor-element-c4c984d .pi-button:hover span{
    color:
        var(--pi-blue-dark);

    transform:
        translateX(5px);
}


/* ============================================================
   ANIMACIÓN DE ENTRADA
============================================================ */

.elementor-20 .elementor-element.elementor-element-c4c984d .pi-card{
    animation:
        piEntrada .8s ease both;
}


.elementor-20 .elementor-element.elementor-element-c4c984d .pi-card:nth-child(2){
    animation-delay:.15s;
}


@keyframes piEntrada{

    from{
        opacity:0;

        transform:
            translateY(30px);
    }

    to{
        opacity:1;

        transform:
            translateY(0);
    }
}


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

@media(max-width:1024px){

    .elementor-20 .elementor-element.elementor-element-c4c984d .programas-iberia{
        padding:
            55px 25px;
    }


    .elementor-20 .elementor-element.elementor-element-c4c984d .pi-grid{
        gap:20px;
    }


    .elementor-20 .elementor-element.elementor-element-c4c984d .pi-image{
        height:280px;
    }


    .elementor-20 .elementor-element.elementor-element-c4c984d .pi-content{
        padding:
            32px 23px 25px;
    }

}


/* ============================================================
   CELULAR
============================================================ */

@media(max-width:767px){

    .elementor-20 .elementor-element.elementor-element-c4c984d .programas-iberia{
        padding:
            45px 15px;
    }


    .elementor-20 .elementor-element.elementor-element-c4c984d .pi-header{
        margin-bottom:30px;
    }


    .elementor-20 .elementor-element.elementor-element-c4c984d .pi-title{
        font-size:
            36px;
    }


    .elementor-20 .elementor-element.elementor-element-c4c984d .pi-intro{
        font-size:
            14px;
    }


    .elementor-20 .elementor-element.elementor-element-c4c984d .pi-grid{
        grid-template-columns:
            1fr;

        gap:20px;
    }


    .elementor-20 .elementor-element.elementor-element-c4c984d .pi-card{
        border-radius:16px;
    }


    .elementor-20 .elementor-element.elementor-element-c4c984d .pi-image{
        height:245px;
    }


    .elementor-20 .elementor-element.elementor-element-c4c984d .pi-number{
        width:45px;
        height:45px;

        top:14px;
        right:14px;

        font-size:13px;
    }


    .elementor-20 .elementor-element.elementor-element-c4c984d .pi-image-label{
        left:15px;
        bottom:14px;
    }


    .elementor-20 .elementor-element.elementor-element-c4c984d .pi-content{
        padding:
            31px 20px 23px;
    }


    .elementor-20 .elementor-element.elementor-element-c4c984d .pi-icon{
        width:52px;
        height:52px;

        right:20px;

        top:-26px;
    }


    .elementor-20 .elementor-element.elementor-element-c4c984d .pi-icon svg{
        width:24px;
        height:24px;
    }


    .elementor-20 .elementor-element.elementor-element-c4c984d .pi-content h3{
        font-size:
            22px !important;
    }


    .elementor-20 .elementor-element.elementor-element-c4c984d .pi-content p{
        font-size:
            13px;
    }


    .elementor-20 .elementor-element.elementor-element-c4c984d .pi-button{
        width:100%;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68b075b *//* ============================================================
   GRID 4 TARJETAS / IMAGE BOX
   CUSTOM CSS PARA EL CONTAINER
   AZUL + PLOMO + DORADO
   SIN CLASES ADICIONALES
============================================================ */

.elementor-20 .elementor-element.elementor-element-68b075b{
    --azul-oscuro:#123B5D;
    --azul:#1F5F96;
    --azul-medio:#2F76B3;
    --azul-claro:#5A9CD0;

    --dorado:#C9A227;
    --dorado-claro:#E6C75A;

    --plomo-50:#F8F9FA;
    --plomo-100:#EEF2F5;
    --plomo-200:#DDE3E8;
    --plomo-600:#66727D;

    position:relative;

    padding:35px 25px;

    background:
        radial-gradient(
            circle at 8% 15%,
            rgba(31,95,150,.07),
            transparent 25%
        ),
        linear-gradient(
            135deg,
            #FFFFFF,
            #F3F6F8
        );

    overflow:hidden;
}


/* ============================================================
   CADA IMAGE BOX
============================================================ */

.elementor-20 .elementor-element.elementor-element-68b075b .elementor-widget-image-box{
    position:relative;

    height:100%;

    padding:26px 20px 24px;

    border-radius:16px;

    background:
        linear-gradient(
            145deg,
            #FFFFFF 0%,
            #F3F5F7 100%
        );

    border:
        1px solid rgba(31,95,150,.12);

    box-shadow:
        0 8px 24px rgba(18,59,93,.09);

    overflow:hidden;

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;
}


/* ============================================================
   FRANJA SUPERIOR
============================================================ */

.elementor-20 .elementor-element.elementor-element-68b075b .elementor-widget-image-box::before{
    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:4px;

    background:
        linear-gradient(
            90deg,
            var(--azul-oscuro),
            var(--azul-medio),
            var(--dorado)
        );
}


/* ============================================================
   DECORACIÓN DE FONDO
============================================================ */

.elementor-20 .elementor-element.elementor-element-68b075b .elementor-widget-image-box::after{
    content:"";

    position:absolute;

    width:100px;
    height:100px;

    right:-45px;
    bottom:-50px;

    border-radius:50%;

    background:
        rgba(31,95,150,.05);

    border:
        15px solid rgba(201,162,39,.045);

    transition:
        transform .45s ease;
}


/* ============================================================
   HOVER TARJETA
============================================================ */

.elementor-20 .elementor-element.elementor-element-68b075b .elementor-widget-image-box:hover{
    transform:
        translateY(-9px);

    border-color:
        rgba(201,162,39,.55);

    box-shadow:
        0 18px 38px rgba(18,59,93,.16);
}


.elementor-20 .elementor-element.elementor-element-68b075b .elementor-widget-image-box:hover::after{
    transform:
        scale(1.25)
        rotate(15deg);
}


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

.elementor-20 .elementor-element.elementor-element-68b075b .elementor-image-box-img{
    position:relative;

    margin-bottom:18px !important;

    z-index:2;
}


.elementor-20 .elementor-element.elementor-element-68b075b .elementor-image-box-img img{
    width:118px !important;
    height:90px !important;

    object-fit:cover;

    border-radius:13px;

    padding:5px;

    background:#FFFFFF;

    border:
        1px solid rgba(31,95,150,.15);

    box-shadow:
        0 7px 18px rgba(18,59,93,.13);

    transition:
        transform .4s ease,
        box-shadow .4s ease,
        border-color .4s ease;
}


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

.elementor-20 .elementor-element.elementor-element-68b075b .elementor-widget-image-box:hover
.elementor-image-box-img img{
    transform:
        translateY(-4px)
        scale(1.06);

    border-color:
        rgba(201,162,39,.75);

    box-shadow:
        0 11px 24px rgba(18,59,93,.20);
}


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

.elementor-20 .elementor-element.elementor-element-68b075b .elementor-image-box-content{
    position:relative;

    z-index:2;
}


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

.elementor-20 .elementor-element.elementor-element-68b075b .elementor-image-box-title{
    margin:
        0 0 12px !important;

    color:
        var(--azul-oscuro) !important;

    font-size:
        20px !important;

    font-weight:
        800 !important;

    line-height:1.25;

    transition:
        color .3s ease,
        transform .3s ease;
}


.elementor-20 .elementor-element.elementor-element-68b075b .elementor-widget-image-box:hover
.elementor-image-box-title{
    color:
        var(--azul) !important;

    transform:
        translateY(-2px);
}


/* ============================================================
   LÍNEA DORADA DEL TÍTULO
============================================================ */

.elementor-20 .elementor-element.elementor-element-68b075b .elementor-image-box-title::after{
    content:"";

    display:block;

    width:45px;
    height:3px;

    margin:
        10px auto 0;

    border-radius:20px;

    background:
        linear-gradient(
            90deg,
            var(--azul-medio),
            var(--dorado)
        );

    transition:
        width .35s ease;
}


.elementor-20 .elementor-element.elementor-element-68b075b .elementor-widget-image-box:hover
.elementor-image-box-title::after{
    width:75px;
}


/* ============================================================
   DESCRIPCIÓN
============================================================ */

.elementor-20 .elementor-element.elementor-element-68b075b .elementor-image-box-description{
    margin:0 !important;

    color:
        var(--plomo-600) !important;

    font-size:
        14px !important;

    line-height:
        1.65 !important;

    font-weight:400;
}


/* ============================================================
   ANIMACIÓN DE ENTRADA DE LAS 4 TARJETAS
============================================================ */

.elementor-20 .elementor-element.elementor-element-68b075b .elementor-widget-image-box{
    animation:
        aparecerTarjeta .75s ease both;
}


.elementor-20 .elementor-element.elementor-element-68b075b .elementor-widget-image-box:nth-child(1){
    animation-delay:.05s;
}

.elementor-20 .elementor-element.elementor-element-68b075b .elementor-widget-image-box:nth-child(2){
    animation-delay:.15s;
}

.elementor-20 .elementor-element.elementor-element-68b075b .elementor-widget-image-box:nth-child(3){
    animation-delay:.25s;
}

.elementor-20 .elementor-element.elementor-element-68b075b .elementor-widget-image-box:nth-child(4){
    animation-delay:.35s;
}


@keyframes aparecerTarjeta{

    from{
        opacity:0;

        transform:
            translateY(25px);
    }

    to{
        opacity:1;

        transform:
            translateY(0);
    }
}


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

@media(max-width:1024px){

    .elementor-20 .elementor-element.elementor-element-68b075b{
        padding:
            28px 18px;
    }


    .elementor-20 .elementor-element.elementor-element-68b075b .elementor-widget-image-box{
        padding:
            22px 16px;
    }


    .elementor-20 .elementor-element.elementor-element-68b075b .elementor-image-box-title{
        font-size:
            18px !important;
    }

}


/* ============================================================
   CELULAR
============================================================ */

@media(max-width:767px){

    .elementor-20 .elementor-element.elementor-element-68b075b{
        padding:
            22px 14px;
    }


    .elementor-20 .elementor-element.elementor-element-68b075b .elementor-widget-image-box{
        padding:
            22px 16px;

        border-radius:13px;
    }


    .elementor-20 .elementor-element.elementor-element-68b075b .elementor-image-box-img img{
        width:
            105px !important;

        height:
            82px !important;
    }


    .elementor-20 .elementor-element.elementor-element-68b075b .elementor-image-box-title{
        font-size:
            18px !important;
    }


    .elementor-20 .elementor-element.elementor-element-68b075b .elementor-image-box-description{
        font-size:
            13px !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-919775e *//* ============================================================
   GALERÍA BÁSICA - ELEMENTOR
   AZUL + PLOMO + DETALLES DORADOS
   PEGAR DIRECTAMENTE EN CUSTOM CSS DEL WIDGET
============================================================ */

.elementor-20 .elementor-element.elementor-element-919775e{
    --gal-azul-oscuro:#123B5D;
    --gal-azul:#1F5F96;
    --gal-azul-medio:#2F76B3;
    --gal-azul-claro:#5A9CD0;

    --gal-dorado:#C9A227;
    --gal-dorado-claro:#E6C75A;

    --gal-plomo:#EEF2F5;
    --gal-plomo-2:#DDE3E8;
    --gal-blanco:#FFFFFF;

    position:relative;

    padding:28px;

    border-radius:18px;

    background:
        radial-gradient(
            circle at 10% 10%,
            rgba(31,95,150,.07),
            transparent 28%
        ),
        linear-gradient(
            145deg,
            #FFFFFF 0%,
            #F4F6F8 100%
        );

    border:
        1px solid rgba(31,95,150,.10);

    box-shadow:
        0 12px 30px rgba(18,59,93,.08);

    overflow:hidden;
}


/* ============================================================
   LÍNEA SUPERIOR DECORATIVA
============================================================ */

.elementor-20 .elementor-element.elementor-element-919775e::before{
    content:"";

    position:absolute;

    top:0;
    left:5%;

    width:90%;
    height:4px;

    border-radius:
        0 0 20px 20px;

    background:
        linear-gradient(
            90deg,
            var(--gal-azul-oscuro),
            var(--gal-azul-medio),
            var(--gal-dorado),
            var(--gal-azul-medio),
            var(--gal-azul-oscuro)
        );

    z-index:3;
}


/* ============================================================
   GALERÍA
============================================================ */

.elementor-20 .elementor-element.elementor-element-919775e .elementor-image-gallery,
.elementor-20 .elementor-element.elementor-element-919775e .gallery{
    width:100%;

    position:relative;
}


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

.elementor-20 .elementor-element.elementor-element-919775e .gallery{
    display:grid !important;

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

    gap:20px !important;

    margin:0 !important;
}


/* ============================================================
   CADA ELEMENTO
============================================================ */

.elementor-20 .elementor-element.elementor-element-919775e .gallery-item{
    position:relative;

    width:100% !important;

    max-width:100% !important;

    margin:0 !important;

    padding:8px !important;

    border-radius:16px;

    overflow:hidden;

    background:
        linear-gradient(
            145deg,
            #FFFFFF,
            #EEF2F5
        );

    border:
        1px solid rgba(31,95,150,.12);

    box-shadow:
        0 8px 22px rgba(18,59,93,.10);

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;

    animation:
        galEntrada .7s ease both;
}


/* ============================================================
   ENTRADA ESCALONADA
============================================================ */

.elementor-20 .elementor-element.elementor-element-919775e .gallery-item:nth-child(1){
    animation-delay:.05s;
}

.elementor-20 .elementor-element.elementor-element-919775e .gallery-item:nth-child(2){
    animation-delay:.12s;
}

.elementor-20 .elementor-element.elementor-element-919775e .gallery-item:nth-child(3){
    animation-delay:.19s;
}

.elementor-20 .elementor-element.elementor-element-919775e .gallery-item:nth-child(4){
    animation-delay:.26s;
}

.elementor-20 .elementor-element.elementor-element-919775e .gallery-item:nth-child(5){
    animation-delay:.33s;
}

.elementor-20 .elementor-element.elementor-element-919775e .gallery-item:nth-child(6){
    animation-delay:.40s;
}


@keyframes galEntrada{

    from{
        opacity:0;

        transform:
            translateY(24px);
    }

    to{
        opacity:1;

        transform:
            translateY(0);
    }
}


/* ============================================================
   FRANJA DORADA INFERIOR
============================================================ */

.elementor-20 .elementor-element.elementor-element-919775e .gallery-item::after{
    content:"";

    position:absolute;

    bottom:0;
    left:50%;

    transform:
        translateX(-50%);

    width:55px;
    height:4px;

    border-radius:
        10px 10px 0 0;

    background:
        linear-gradient(
            90deg,
            var(--gal-azul),
            var(--gal-dorado)
        );

    transition:
        width .35s ease;

    z-index:4;
}


/* ============================================================
   HOVER TARJETA
============================================================ */

.elementor-20 .elementor-element.elementor-element-919775e .gallery-item:hover{
    transform:
        translateY(-8px);

    border-color:
        rgba(201,162,39,.60);

    box-shadow:
        0 18px 35px rgba(18,59,93,.17);
}


.elementor-20 .elementor-element.elementor-element-919775e .gallery-item:hover::after{
    width:
        calc(100% - 32px);
}


/* ============================================================
   CONTENEDOR DE LA IMAGEN
============================================================ */

.elementor-20 .elementor-element.elementor-element-919775e .gallery-icon{
    position:relative;

    overflow:hidden;

    border-radius:11px;

    background:
        #E7ECF0;
}


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

.elementor-20 .elementor-element.elementor-element-919775e .gallery-icon img{
    width:100% !important;

    height:210px !important;

    display:block;

    object-fit:cover;

    border-radius:11px;

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


/* ============================================================
   OVERLAY AZUL AL PASAR EL MOUSE
============================================================ */

.elementor-20 .elementor-element.elementor-element-919775e .gallery-icon::after{
    content:"";

    position:absolute;

    inset:0;

    border-radius:11px;

    background:
        linear-gradient(
            180deg,
            rgba(18,59,93,0) 30%,
            rgba(18,59,93,.15) 70%,
            rgba(18,59,93,.38) 100%
        );

    opacity:0;

    transition:
        opacity .35s ease;

    pointer-events:none;
}


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

.elementor-20 .elementor-element.elementor-element-919775e .gallery-item:hover
.gallery-icon img{
    transform:
        scale(1.07);

    filter:
        brightness(.92)
        saturate(1.08);
}


.elementor-20 .elementor-element.elementor-element-919775e .gallery-item:hover
.gallery-icon::after{
    opacity:1;
}


/* ============================================================
   LEYENDA
============================================================ */

.elementor-20 .elementor-element.elementor-element-919775e .gallery-caption{
    margin:
        10px 4px 4px !important;

    padding:
        8px 6px !important;

    color:
        var(--gal-azul-oscuro) !important;

    font-size:
        13px !important;

    line-height:
        1.45 !important;

    font-weight:
        700 !important;

    text-align:center;

    background:
        transparent !important;
}


/* ============================================================
   LINKS
============================================================ */

.elementor-20 .elementor-element.elementor-element-919775e .gallery-item a{
    display:block;

    text-decoration:none !important;

    outline:none !important;
}


/* ============================================================
   EFECTO EN IMAGEN ACTIVA
============================================================ */

.elementor-20 .elementor-element.elementor-element-919775e .gallery-item a:focus img{
    outline:
        2px solid var(--gal-dorado);

    outline-offset:
        -4px;
}


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

@media(max-width:1024px){

    .elementor-20 .elementor-element.elementor-element-919775e{
        padding:22px;
    }

    .elementor-20 .elementor-element.elementor-element-919775e .gallery{
        grid-template-columns:
            repeat(2, minmax(0,1fr));

        gap:16px !important;
    }

    .elementor-20 .elementor-element.elementor-element-919775e .gallery-icon img{
        height:
            220px !important;
    }

}


/* ============================================================
   CELULAR
============================================================ */

@media(max-width:767px){

    .elementor-20 .elementor-element.elementor-element-919775e{
        padding:
            18px 14px;

        border-radius:14px;
    }

    .elementor-20 .elementor-element.elementor-element-919775e .gallery{
        grid-template-columns:
            1fr;

        gap:14px !important;
    }

    .elementor-20 .elementor-element.elementor-element-919775e .gallery-item{
        border-radius:13px;

        padding:
            6px !important;
    }

    .elementor-20 .elementor-element.elementor-element-919775e .gallery-icon{
        border-radius:9px;
    }

    .elementor-20 .elementor-element.elementor-element-919775e .gallery-icon img{
        height:
            220px !important;

        border-radius:9px;
    }

    .elementor-20 .elementor-element.elementor-element-919775e .gallery-caption{
        font-size:
            12px !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-16b57da *//* ============================================================
   GRID 4 TARJETAS / IMAGE BOX
   CUSTOM CSS PARA EL CONTAINER
   AZUL + PLOMO + DORADO
   SIN CLASES ADICIONALES
============================================================ */

.elementor-20 .elementor-element.elementor-element-16b57da{
    --azul-oscuro:#123B5D;
    --azul:#1F5F96;
    --azul-medio:#2F76B3;
    --azul-claro:#5A9CD0;

    --dorado:#C9A227;
    --dorado-claro:#E6C75A;

    --plomo-50:#F8F9FA;
    --plomo-100:#EEF2F5;
    --plomo-200:#DDE3E8;
    --plomo-600:#66727D;

    position:relative;

    padding:35px 25px;

    background:
        radial-gradient(
            circle at 8% 15%,
            rgba(31,95,150,.07),
            transparent 25%
        ),
        linear-gradient(
            135deg,
            #FFFFFF,
            #F3F6F8
        );

    overflow:hidden;
}


/* ============================================================
   CADA IMAGE BOX
============================================================ */

.elementor-20 .elementor-element.elementor-element-16b57da .elementor-widget-image-box{
    position:relative;

    height:100%;

    padding:26px 20px 24px;

    border-radius:16px;

    background:
        linear-gradient(
            145deg,
            #FFFFFF 0%,
            #F3F5F7 100%
        );

    border:
        1px solid rgba(31,95,150,.12);

    box-shadow:
        0 8px 24px rgba(18,59,93,.09);

    overflow:hidden;

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;
}


/* ============================================================
   FRANJA SUPERIOR
============================================================ */

.elementor-20 .elementor-element.elementor-element-16b57da .elementor-widget-image-box::before{
    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:4px;

    background:
        linear-gradient(
            90deg,
            var(--azul-oscuro),
            var(--azul-medio),
            var(--dorado)
        );
}


/* ============================================================
   DECORACIÓN DE FONDO
============================================================ */

.elementor-20 .elementor-element.elementor-element-16b57da .elementor-widget-image-box::after{
    content:"";

    position:absolute;

    width:100px;
    height:100px;

    right:-45px;
    bottom:-50px;

    border-radius:50%;

    background:
        rgba(31,95,150,.05);

    border:
        15px solid rgba(201,162,39,.045);

    transition:
        transform .45s ease;
}


/* ============================================================
   HOVER TARJETA
============================================================ */

.elementor-20 .elementor-element.elementor-element-16b57da .elementor-widget-image-box:hover{
    transform:
        translateY(-9px);

    border-color:
        rgba(201,162,39,.55);

    box-shadow:
        0 18px 38px rgba(18,59,93,.16);
}


.elementor-20 .elementor-element.elementor-element-16b57da .elementor-widget-image-box:hover::after{
    transform:
        scale(1.25)
        rotate(15deg);
}


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

.elementor-20 .elementor-element.elementor-element-16b57da .elementor-image-box-img{
    position:relative;

    margin-bottom:18px !important;

    z-index:2;
}


.elementor-20 .elementor-element.elementor-element-16b57da .elementor-image-box-img img{
    width:118px !important;
    height:90px !important;

    object-fit:cover;

    border-radius:13px;

    padding:5px;

    background:#FFFFFF;

    border:
        1px solid rgba(31,95,150,.15);

    box-shadow:
        0 7px 18px rgba(18,59,93,.13);

    transition:
        transform .4s ease,
        box-shadow .4s ease,
        border-color .4s ease;
}


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

.elementor-20 .elementor-element.elementor-element-16b57da .elementor-widget-image-box:hover
.elementor-image-box-img img{
    transform:
        translateY(-4px)
        scale(1.06);

    border-color:
        rgba(201,162,39,.75);

    box-shadow:
        0 11px 24px rgba(18,59,93,.20);
}


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

.elementor-20 .elementor-element.elementor-element-16b57da .elementor-image-box-content{
    position:relative;

    z-index:2;
}


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

.elementor-20 .elementor-element.elementor-element-16b57da .elementor-image-box-title{
    margin:
        0 0 12px !important;

    color:
        var(--azul-oscuro) !important;

    font-size:
        20px !important;

    font-weight:
        800 !important;

    line-height:1.25;

    transition:
        color .3s ease,
        transform .3s ease;
}


.elementor-20 .elementor-element.elementor-element-16b57da .elementor-widget-image-box:hover
.elementor-image-box-title{
    color:
        var(--azul) !important;

    transform:
        translateY(-2px);
}


/* ============================================================
   LÍNEA DORADA DEL TÍTULO
============================================================ */

.elementor-20 .elementor-element.elementor-element-16b57da .elementor-image-box-title::after{
    content:"";

    display:block;

    width:45px;
    height:3px;

    margin:
        10px auto 0;

    border-radius:20px;

    background:
        linear-gradient(
            90deg,
            var(--azul-medio),
            var(--dorado)
        );

    transition:
        width .35s ease;
}


.elementor-20 .elementor-element.elementor-element-16b57da .elementor-widget-image-box:hover
.elementor-image-box-title::after{
    width:75px;
}


/* ============================================================
   DESCRIPCIÓN
============================================================ */

.elementor-20 .elementor-element.elementor-element-16b57da .elementor-image-box-description{
    margin:0 !important;

    color:
        var(--plomo-600) !important;

    font-size:
        14px !important;

    line-height:
        1.65 !important;

    font-weight:400;
}


/* ============================================================
   ANIMACIÓN DE ENTRADA DE LAS 4 TARJETAS
============================================================ */

.elementor-20 .elementor-element.elementor-element-16b57da .elementor-widget-image-box{
    animation:
        aparecerTarjeta .75s ease both;
}


.elementor-20 .elementor-element.elementor-element-16b57da .elementor-widget-image-box:nth-child(1){
    animation-delay:.05s;
}

.elementor-20 .elementor-element.elementor-element-16b57da .elementor-widget-image-box:nth-child(2){
    animation-delay:.15s;
}

.elementor-20 .elementor-element.elementor-element-16b57da .elementor-widget-image-box:nth-child(3){
    animation-delay:.25s;
}

.elementor-20 .elementor-element.elementor-element-16b57da .elementor-widget-image-box:nth-child(4){
    animation-delay:.35s;
}


@keyframes aparecerTarjeta{

    from{
        opacity:0;

        transform:
            translateY(25px);
    }

    to{
        opacity:1;

        transform:
            translateY(0);
    }
}


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

@media(max-width:1024px){

    .elementor-20 .elementor-element.elementor-element-16b57da{
        padding:
            28px 18px;
    }


    .elementor-20 .elementor-element.elementor-element-16b57da .elementor-widget-image-box{
        padding:
            22px 16px;
    }


    .elementor-20 .elementor-element.elementor-element-16b57da .elementor-image-box-title{
        font-size:
            18px !important;
    }

}


/* ============================================================
   CELULAR
============================================================ */

@media(max-width:767px){

    .elementor-20 .elementor-element.elementor-element-16b57da{
        padding:
            22px 14px;
    }


    .elementor-20 .elementor-element.elementor-element-16b57da .elementor-widget-image-box{
        padding:
            22px 16px;

        border-radius:13px;
    }


    .elementor-20 .elementor-element.elementor-element-16b57da .elementor-image-box-img img{
        width:
            105px !important;

        height:
            82px !important;
    }


    .elementor-20 .elementor-element.elementor-element-16b57da .elementor-image-box-title{
        font-size:
            18px !important;
    }


    .elementor-20 .elementor-element.elementor-element-16b57da .elementor-image-box-description{
        font-size:
            13px !important;
    }

}/* End custom CSS */