.elementor-124 .elementor-element.elementor-element-e739e9a{--display:flex;overflow:visible;}.elementor-124 .elementor-element.elementor-element-a7b6fea .elementor-repeater-item-3b73c53 .swiper-slide-bg{background-color:#833ca3;}.elementor-124 .elementor-element.elementor-element-a7b6fea .elementor-repeater-item-3b73c53 .swiper-slide-contents{margin-right:auto;}.elementor-124 .elementor-element.elementor-element-a7b6fea .elementor-repeater-item-3b73c53 .swiper-slide-inner{align-items:center;text-align:start;}.elementor-124 .elementor-element.elementor-element-a7b6fea .swiper-slide{transition-duration:calc(5000ms*1.2);height:400px;}.elementor-124 .elementor-element.elementor-element-a7b6fea .swiper-slide-contents{max-width:66%;}.elementor-124 .elementor-element.elementor-element-a7b6fea .swiper-slide-inner{text-align:center;}.elementor-124 .elementor-element.elementor-element-0768dcd{--display:flex;overflow:visible;}.elementor-124 .elementor-element.elementor-element-b018ac9{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;overflow:visible;}.elementor-124 .elementor-element.elementor-element-3aba971{--display:flex;overflow:visible;}.elementor-124 .elementor-element.elementor-element-e78d129{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;overflow:visible;}@media(max-width:1024px){.elementor-124 .elementor-element.elementor-element-b018ac9{--grid-auto-flow:row;}.elementor-124 .elementor-element.elementor-element-e78d129{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-124 .elementor-element.elementor-element-b018ac9{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-124 .elementor-element.elementor-element-e78d129{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-e739e9a *//* ============================================================
   HERO MISIÓN, VISIÓN Y VALORES
   FULL WIDTH REAL
   IESTP SANGARARÁ

   PADRE:
   mv-hero-wrap

   SLIDES:
   mv-hero-slider
============================================================ */


/* ============================================================
   CONTENEDOR PADRE - FULL BLEED
============================================================ */

.elementor-124 .elementor-element.elementor-element-e739e9a{
    --mv-blue:#002D55;
    --mv-blue-dark:#001B34;
    --mv-blue-dark-2:#001426;

    --mv-blue-medium:#075D97;
    --mv-blue-light:#1580C1;
    --mv-blue-soft:#55B5E8;

    --mv-yellow:#FFC533;
    --mv-white:#FFFFFF;

    --mv-height:450px;

    /* =========================================
       ROMPER CONTENEDOR LIMITADO DE ELEMENTOR
    ========================================= */

    --width:100vw !important;

    position:relative !important;

    width:100vw !important;
    max-width:100vw !important;

    flex-basis:100vw !important;

    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;

    margin-top:0 !important;
    margin-bottom:0 !important;

    padding:0 !important;

    min-height:0 !important;
    height:auto !important;

    gap:0 !important;

    overflow:hidden !important;

    background:#002D55 !important;

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


/* ============================================================
   INNER CONTAINER
============================================================ */

.elementor-124 .elementor-element.elementor-element-e739e9a > .e-con-inner{
    width:100% !important;
    max-width:none !important;

    min-height:0 !important;
    height:auto !important;

    margin:0 !important;
    padding:0 !important;

    gap:0 !important;

    display:block !important;
}


/* ============================================================
   RESET
============================================================ */

.elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider,
.elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider *,
.elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider *::before,
.elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider *::after{
    box-sizing:border-box;
}


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

.elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider{
    --width:100% !important;

    position:relative !important;

    display:block !important;

    width:100% !important;
    max-width:none !important;

    height:var(--mv-height) !important;
    min-height:0 !important;

    margin:0 !important;
    padding:0 !important;

    flex:0 0 100% !important;

    overflow:hidden !important;

    border-radius:0 !important;
}


/* ============================================================
   CONTENEDOR DEL WIDGET
============================================================ */

.elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
.elementor-widget-container{
    position:relative !important;

    width:100% !important;
    max-width:none !important;

    height:var(--mv-height) !important;
    min-height:0 !important;

    margin:0 !important;
    padding:0 !important;

    overflow:hidden !important;

    border-radius:0 !important;

    background:#002D55 !important;
}


/* ============================================================
   SWIPER
============================================================ */

.elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider .swiper,
.elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider .swiper-container,
.elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider .elementor-main-swiper,
.elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider .elementor-slides-wrapper{
    position:relative !important;

    width:100% !important;
    max-width:none !important;

    height:var(--mv-height) !important;
    min-height:0 !important;

    margin:0 !important;
    padding:0 !important;

    overflow:hidden !important;

    border-radius:0 !important;
}


/* ============================================================
   SWIPER WRAPPER
============================================================ */

.elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
.swiper-wrapper{
    width:100% !important;

    height:var(--mv-height) !important;
    min-height:0 !important;

    margin:0 !important;
    padding:0 !important;

    align-items:stretch !important;
}


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

.elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
.swiper-slide{
    position:relative !important;

    width:100% !important;

    height:var(--mv-height) !important;
    min-height:0 !important;

    margin:0 !important;
    padding:0 !important;

    overflow:hidden !important;

    border-radius:0 !important;

    background:
        linear-gradient(
            135deg,
            #001B34,
            #002D55
        ) !important;
}


/* ============================================================
   IMAGEN DE FONDO
============================================================ */

.elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
.swiper-slide-bg{
    position:absolute !important;

    inset:0 !important;

    width:100% !important;
    height:100% !important;

    min-height:0 !important;

    background-repeat:no-repeat !important;
    background-size:cover !important;
    background-position:center center !important;

    transform:scale(1.035);

    transition:
        transform 7s ease !important;
}


.elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
.swiper-slide-active
.swiper-slide-bg{
    transform:scale(1);
}


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

.elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
.swiper-slide::before{
    content:"";

    position:absolute;

    inset:0;

    z-index:1;

    pointer-events:none;

    background:
        linear-gradient(
            90deg,

            rgba(0,20,40,.97) 0%,

            rgba(0,31,59,.94) 23%,

            rgba(0,45,85,.82) 48%,

            rgba(7,93,151,.50) 73%,

            rgba(21,128,193,.20) 100%
        );
}


/* ============================================================
   HALO AZUL
============================================================ */

.elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
.swiper-slide::after{
    content:"";

    position:absolute;

    inset:0;

    z-index:1;

    pointer-events:none;

    background:
        radial-gradient(
            circle at 88% 12%,
            rgba(85,181,232,.18),
            transparent 34%
        );
}


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

.elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
.swiper-slide-inner{
    position:relative !important;

    z-index:3 !important;

    display:flex !important;

    align-items:center !important;
    justify-content:flex-start !important;

    width:100% !important;
    max-width:none !important;

    height:var(--mv-height) !important;
    min-height:0 !important;

    margin:0 !important;

    /*
       FULL WIDTH,
       PERO EL TEXTO QUEDA BIEN ALINEADO
    */

    padding:
        50px
        clamp(60px, 8vw, 155px)
        !important;

    text-align:left !important;
}


/* ============================================================
   CONTENIDO DE TEXTO
============================================================ */

.elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
.swiper-slide-contents{
    position:relative !important;

    width:100% !important;

    max-width:720px !important;

    margin:0 !important;
    padding:0 !important;

    text-align:left !important;
}


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

.elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
.swiper-slide-contents::before{
    content:"IDENTIDAD INSTITUCIONAL";

    display:inline-flex;

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

    margin-bottom:20px;

    padding:
        8px 14px 8px 29px;

    color:#BDE8FF;

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

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

    border-radius:999px;

    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);

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

    font-size:9px;

    line-height:1;

    font-weight:900;

    letter-spacing:1.2px;

    text-transform:uppercase;

    box-shadow:
        0 8px 20px
        rgba(0,20,40,.16);
}


/* PUNTO */

.elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
.swiper-slide-contents::after{
    content:"";

    position:absolute;

    width:7px;
    height:7px;

    left:14px;
    top:17px;

    border-radius:50%;

    background:#55B5E8;

    box-shadow:
        0 0 0 4px rgba(85,181,232,.09),
        0 0 12px rgba(85,181,232,.50);
}


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

.elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
.elementor-slide-heading{
    max-width:760px !important;

    margin:
        0 0 14px !important;

    padding:0 !important;

    color:#FFFFFF !important;

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

    font-size:
        clamp(42px,4.6vw,62px) !important;

    font-weight:900 !important;

    line-height:1.03 !important;

    letter-spacing:-1.6px !important;

    text-shadow:
        0 5px 22px
        rgba(0,18,35,.30) !important;
}


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

.elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
.elementor-slide-heading::after{
    content:"";

    display:block;

    width:86px;
    height:5px;

    margin-top:17px;

    border-radius:999px;

    background:
        linear-gradient(
            90deg,
            #55B5E8,
            #1580C1,
            #FFC533
        );

    box-shadow:
        0 5px 15px
        rgba(21,128,193,.25);
}


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

.elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
.elementor-slide-description{
    width:100% !important;

    max-width:650px !important;

    margin:0 !important;
    padding:0 !important;

    color:
        rgba(255,255,255,.91) !important;

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

    font-size:15px !important;

    line-height:1.85 !important;

    font-weight:400 !important;

    text-align:left !important;

    text-shadow:
        0 2px 8px
        rgba(0,20,40,.20);
}


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

.elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
.elementor-slide-button{
    display:inline-flex !important;

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

    margin-top:
        23px !important;

    min-height:
        45px;

    padding:
        0 22px !important;

    color:#FFFFFF !important;

    background:
        linear-gradient(
            135deg,
            #1580C1,
            #075D97
        ) !important;

    border:0 !important;

    border-radius:
        11px !important;

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

    font-size:12px !important;

    font-weight:800 !important;

    box-shadow:
        0 11px 24px
        rgba(0,27,52,.28) !important;

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


.elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
.elementor-slide-button:hover{
    transform:
        translateY(-3px);

    background:
        linear-gradient(
            135deg,
            #55B5E8,
            #1580C1
        ) !important;
}


/* ============================================================
   FLECHAS
============================================================ */

.elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
.elementor-swiper-button,

.elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
.swiper-button-prev,

.elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
.swiper-button-next{
    width:44px !important;
    height:44px !important;

    display:flex !important;

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

    color:#FFFFFF !important;

    background:
        rgba(0,45,85,.48) !important;

    border:
        1px solid
        rgba(255,255,255,.20) !important;

    border-radius:50% !important;

    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);

    transition:
        transform .3s ease,
        background .3s ease !important;
}


.elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
.elementor-swiper-button:hover,

.elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
.swiper-button-prev:hover,

.elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
.swiper-button-next:hover{
    background:#1580C1 !important;

    transform:
        scale(1.07);
}


/* IZQUIERDA */

.elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
.elementor-swiper-button-prev,

.elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
.swiper-button-prev{
    left:25px !important;
}


/* DERECHA */

.elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
.elementor-swiper-button-next,

.elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
.swiper-button-next{
    right:25px !important;
}


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

.elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
.swiper-pagination{
    position:absolute !important;

    left:50% !important;

    bottom:17px !important;

    width:auto !important;

    transform:
        translateX(-50%);

    display:flex !important;

    align-items:center;

    gap:7px;

    z-index:10;
}


.elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
.swiper-pagination-bullet{
    width:8px !important;
    height:8px !important;

    margin:0 !important;

    background:
        rgba(255,255,255,.52) !important;

    opacity:1 !important;

    border-radius:
        999px !important;

    transition:
        .3s ease !important;
}


.elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
.swiper-pagination-bullet-active{
    width:
        27px !important;

    background:
        linear-gradient(
            90deg,
            #55B5E8,
            #FFC533
        ) !important;
}


/* ============================================================
   ANIMACIÓN
============================================================ */

.elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
.swiper-slide-active
.swiper-slide-contents{
    animation:
        mvHeroEntrada
        .8s ease both;
}


@keyframes mvHeroEntrada{

    from{
        opacity:0;

        transform:
            translateY(22px);
    }

    to{
        opacity:1;

        transform:
            translateY(0);
    }

}


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

@media(max-width:1024px){

    .elementor-124 .elementor-element.elementor-element-e739e9a{
        --mv-height:420px;
    }


    .elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
    .swiper-slide-inner{
        padding:
            45px 7% !important;
    }


    .elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
    .elementor-slide-heading{
        font-size:
            45px !important;
    }

}


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

@media(max-width:767px){

    .elementor-124 .elementor-element.elementor-element-e739e9a{
        --mv-height:430px;

        width:100vw !important;
        max-width:100vw !important;

        margin-left:
            calc(50% - 50vw) !important;

        margin-right:
            calc(50% - 50vw) !important;
    }


    .elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
    .swiper-slide::before{
        background:
            linear-gradient(
                180deg,

                rgba(0,45,85,.20) 0%,

                rgba(0,45,85,.54) 38%,

                rgba(0,27,52,.97) 100%
            );
    }


    .elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
    .swiper-slide-inner{
        align-items:flex-end !important;

        padding:
            28px
            20px
            48px !important;
    }


    .elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
    .swiper-slide-contents{
        max-width:
            100% !important;
    }


    .elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
    .swiper-slide-contents::before{
        margin-bottom:
            13px;

        padding:
            7px 11px 7px 25px;

        font-size:
            7px;
    }


    .elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
    .elementor-slide-heading{
        margin-bottom:
            11px !important;

        font-size:
            33px !important;

        line-height:
            1.05 !important;
    }


    .elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
    .elementor-slide-heading::after{
        width:
            62px;

        height:
            4px;

        margin-top:
            11px;
    }


    .elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
    .elementor-slide-description{
        max-width:
            100% !important;

        font-size:
            13px !important;

        line-height:
            1.65 !important;
    }


    .elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
    .elementor-swiper-button,

    .elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
    .swiper-button-prev,

    .elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
    .swiper-button-next{
        width:
            38px !important;

        height:
            38px !important;
    }


    .elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
    .elementor-swiper-button-prev,

    .elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
    .swiper-button-prev{
        left:
            8px !important;
    }


    .elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
    .elementor-swiper-button-next,

    .elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
    .swiper-button-next{
        right:
            8px !important;
    }

}


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

@media(max-width:480px){

    .elementor-124 .elementor-element.elementor-element-e739e9a{
        --mv-height:400px;
    }


    .elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
    .swiper-slide-inner{
        padding:
            26px 17px 44px !important;
    }


    .elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
    .elementor-slide-heading{
        font-size:
            29px !important;
    }


    .elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
    .elementor-slide-description{
        font-size:
            12.5px !important;
    }

}


/* ============================================================
   EVITAR SCROLL HORIZONTAL
============================================================ */

html,
body{
    width:100% !important;
    max-width:100% !important;

    overflow-x:clip !important;
}

/* ============================================================
   HERO MISIÓN, VISIÓN Y VALORES
   IESTP DIVINO JESÚS

   SOLO:
   - CAMBIO DE COLORES
   - CONTENIDO CENTRADO

   NO MODIFICA:
   - ALTURAS
   - FULL WIDTH
   - RESPONSIVE
   - ANIMACIONES
   - ESTRUCTURA
============================================================ */


/* ============================================================
   PALETA
============================================================ */

.elementor-124 .elementor-element.elementor-element-e739e9a{
    --mv-blue:#2B0B4F;
    --mv-blue-dark:#210638;
    --mv-blue-dark-2:#18042B;

    --mv-blue-medium:#43106F;
    --mv-blue-light:#5A1B87;
    --mv-blue-soft:#FFD84D;

    --mv-yellow:#F5B900;
    --mv-white:#FFFFFF;

    background:#2B0B4F !important;
}


/* ============================================================
   FONDO DEL WIDGET
============================================================ */

.elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
.elementor-widget-container{
    background:#2B0B4F !important;
}


/* ============================================================
   FONDO DE CADA SLIDE
============================================================ */

.elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
.swiper-slide{
    background:
        linear-gradient(
            135deg,
            #210638,
            #2B0B4F
        ) !important;
}


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

.elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
.swiper-slide::before{
    background:
        linear-gradient(
            90deg,

            rgba(24,4,43,.95) 0%,

            rgba(43,11,79,.90) 23%,

            rgba(67,16,111,.76) 48%,

            rgba(90,27,135,.47) 73%,

            rgba(90,27,135,.18) 100%
        ) !important;
}


/* ============================================================
   HALO DECORATIVO
============================================================ */

.elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
.swiper-slide::after{
    background:
        radial-gradient(
            circle at 88% 12%,
            rgba(245,185,0,.14),
            transparent 34%
        ) !important;
}


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

.elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
.swiper-slide-inner{

    justify-content:center !important;

    text-align:center !important;
}


/* CONTENEDOR DEL TEXTO */

.elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
.swiper-slide-contents{

    max-width:760px !important;

    margin-left:auto !important;
    margin-right:auto !important;

    text-align:center !important;
}


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

.elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
.swiper-slide-contents::before{

    color:#FFD84D !important;

    background:
        rgba(255,255,255,.09) !important;

    border-color:
        rgba(245,185,0,.24) !important;

    box-shadow:
        0 8px 20px
        rgba(24,4,43,.20) !important;
}


/* PUNTO DEL BADGE
   Se reposiciona porque ahora todo está centrado
============================================================ */

.elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
.swiper-slide-contents::after{

    left:
        calc(50% - 89px) !important;

    background:#F5B900 !important;

    box-shadow:
        0 0 0 4px
        rgba(245,185,0,.12),
        0 0 12px
        rgba(245,185,0,.45) !important;
}


/* ============================================================
   TITULO
============================================================ */

.elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
.elementor-slide-heading{

    margin:
        0 auto 14px !important;

    color:#FFFFFF !important;

    text-align:center !important;

    text-shadow:
        0 5px 22px
        rgba(24,4,43,.30) !important;
}


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

.elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
.elementor-slide-heading::after{

    margin:
        17px auto 0 !important;

    background:
        linear-gradient(
            90deg,
            #FFD84D,
            #F5B900,
            #5A1B87
        ) !important;

    box-shadow:
        0 5px 15px
        rgba(245,185,0,.20) !important;
}


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

.elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
.elementor-slide-description{

    margin:
        0 auto !important;

    color:
        rgba(255,255,255,.91) !important;

    text-align:
        center !important;

    text-shadow:
        0 2px 8px
        rgba(24,4,43,.22) !important;
}


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

.elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
.elementor-slide-button{

    margin:
        23px auto 0 !important;

    color:#2B0B4F !important;

    background:
        linear-gradient(
            135deg,
            #FFD84D,
            #F5B900
        ) !important;

    box-shadow:
        0 11px 24px
        rgba(24,4,43,.25) !important;
}


/* HOVER BOTÓN */

.elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
.elementor-slide-button:hover{

    color:#FFFFFF !important;

    background:
        linear-gradient(
            135deg,
            #5A1B87,
            #43106F
        ) !important;
}


/* ============================================================
   FLECHAS
============================================================ */

.elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
.elementor-swiper-button,

.elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
.swiper-button-prev,

.elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
.swiper-button-next{

    background:
        rgba(43,11,79,.68) !important;

    color:#FFFFFF !important;

    border-color:
        rgba(255,255,255,.20) !important;
}


/* HOVER */

.elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
.elementor-swiper-button:hover,

.elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
.swiper-button-prev:hover,

.elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
.swiper-button-next:hover{

    color:#2B0B4F !important;

    background:#F5B900 !important;
}


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

.elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
.swiper-pagination-bullet{

    background:
        rgba(255,255,255,.52) !important;
}


.elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
.swiper-pagination-bullet-active{

    background:
        linear-gradient(
            90deg,
            #FFD84D,
            #F5B900
        ) !important;
}


/* ============================================================
   MÓVIL
   CONSERVA EL MISMO COMPORTAMIENTO,
   SOLO CENTRAMOS EL TEXTO
============================================================ */

@media(max-width:767px){

    .elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
    .swiper-slide::before{

        background:
            linear-gradient(
                180deg,

                rgba(43,11,79,.20) 0%,

                rgba(43,11,79,.54) 38%,

                rgba(24,4,43,.97) 100%
            ) !important;
    }


    .elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
    .swiper-slide-inner{

        justify-content:center !important;

        text-align:center !important;
    }


    .elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
    .swiper-slide-contents{

        margin-left:auto !important;
        margin-right:auto !important;

        text-align:center !important;
    }


    .elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
    .elementor-slide-heading{

        text-align:center !important;
    }


    .elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
    .elementor-slide-heading::after{

        margin:
            11px auto 0 !important;
    }


    .elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
    .elementor-slide-description{

        text-align:center !important;
    }


    .elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
    .elementor-slide-button{

        margin:
            20px auto 0 !important;
    }


    .elementor-124 .elementor-element.elementor-element-e739e9a .mv-hero-slider
    .swiper-slide-contents::after{

        left:
            calc(50% - 77px) !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0768dcd *//* ============================================================
   MISIÓN Y VISIÓN - FULL WIDTH
   IESTP SANGARARÁ
   ICONOS 100% CSS

   ESTRUCTURA:
   id-section
      id-title
      id-intro
      id-grid
         id-card  -> MISIÓN
         id-card  -> VISIÓN
============================================================ */


/* ============================================================
   CONTENEDOR PRINCIPAL - FULL WIDTH REAL
============================================================ */

.elementor-124 .elementor-element.elementor-element-0768dcd{
    --sg-blue:#002D55;
    --sg-blue-dark:#001B34;
    --sg-blue-dark-2:#001426;

    --sg-blue-medium:#075D97;
    --sg-blue-light:#1580C1;
    --sg-blue-soft:#55B5E8;

    --sg-white:#FFFFFF;
    --sg-light:#F3F9FD;
    --sg-light-2:#EAF4FA;

    --width:100vw !important;

    position:relative !important;
    isolation:isolate;

    width:100vw !important;
    max-width:100vw !important;
    flex-basis:100vw !important;

    /*
       ROMPE EL ANCHO LIMITADO DEL TEMA / ELEMENTOR
    */
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;

    margin-top:0 !important;
    margin-bottom:0 !important;

    padding:
        72px
        clamp(22px,5vw,90px)
        80px !important;

    overflow:hidden !important;

    background:
        radial-gradient(
            circle at 8% 10%,
            rgba(85,181,232,.13),
            transparent 26%
        ),

        radial-gradient(
            circle at 94% 90%,
            rgba(21,128,193,.09),
            transparent 28%
        ),

        linear-gradient(
            135deg,
            #F8FCFE 0%,
            #F1F8FC 48%,
            #F8FCFE 100%
        ) !important;

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


/* ============================================================
   INNER DE ELEMENTOR
============================================================ */

.elementor-124 .elementor-element.elementor-element-0768dcd > .e-con-inner{
    width:100% !important;
    max-width:none !important;

    margin:0 !important;
    padding:0 !important;

    gap:0 !important;
}


/* ============================================================
   CUADRÍCULA DE FONDO
============================================================ */

.elementor-124 .elementor-element.elementor-element-0768dcd::before{
    content:"";

    position:absolute;
    inset:0;

    z-index:-1;

    background-image:

        linear-gradient(
            rgba(0,45,85,.020) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(0,45,85,.020) 1px,
            transparent 1px
        );

    background-size:
        48px 48px;

    pointer-events:none;
}


/* ============================================================
   LÍNEA INFERIOR
============================================================ */

.elementor-124 .elementor-element.elementor-element-0768dcd::after{
    content:"";

    position:absolute;

    z-index:20;

    left:0;
    bottom:0;

    width:100%;
    height:5px;

    background:
        linear-gradient(
            90deg,
            #001B34 0%,
            #002D55 32%,
            #075D97 62%,
            #1580C1 82%,
            #55B5E8 100%
        );

    pointer-events:none;
}


/* ============================================================
   ENCABEZADO
============================================================ */

.elementor-124 .elementor-element.elementor-element-0768dcd .id-title{
    position:relative !important;

    z-index:5;

    width:100% !important;
    max-width:1000px !important;

    margin:
        0 auto 12px !important;

    text-align:center !important;
}


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

.elementor-124 .elementor-element.elementor-element-0768dcd .id-title::before{
    content:"NUESTRA IDENTIDAD";

    display:inline-flex;

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

    margin-bottom:18px;

    padding:
        8px 14px 8px 29px;

    border:
        1px solid
        rgba(21,128,193,.22);

    border-radius:
        999px;

    background:
        rgba(21,128,193,.075);

    color:
        #075D97;

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

    font-size:
        9px;

    font-weight:
        900;

    line-height:
        1;

    letter-spacing:
        1.2px;

    text-transform:
        uppercase;
}


/* PUNTO DEL BADGE */

.elementor-124 .elementor-element.elementor-element-0768dcd .id-title::after{
    content:"";

    position:absolute;

    top:12px;
    left:50%;

    width:7px;
    height:7px;

    margin-left:-55px;

    border-radius:50%;

    background:#1580C1;

    box-shadow:
        0 0 0 4px rgba(21,128,193,.08),
        0 0 11px rgba(21,128,193,.38);
}


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

.elementor-124 .elementor-element.elementor-element-0768dcd .id-title
.elementor-heading-title{
    margin:0 !important;

    color:
        #002D55 !important;

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

    font-size:
        clamp(35px,4vw,52px) !important;

    line-height:
        1.05 !important;

    font-weight:
        900 !important;

    letter-spacing:
        -1.4px !important;
}


/* ============================================================
   INTRO
============================================================ */

.elementor-124 .elementor-element.elementor-element-0768dcd .id-intro{
    position:relative;

    z-index:5;

    width:100% !important;
    max-width:800px !important;

    margin:
        0 auto 46px !important;

    text-align:center !important;
}


.elementor-124 .elementor-element.elementor-element-0768dcd .id-intro,
.elementor-124 .elementor-element.elementor-element-0768dcd .id-intro p{
    margin-bottom:
        0 !important;

    color:
        #667B8F !important;

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

    font-size:
        14px !important;

    line-height:
        1.8 !important;

    font-weight:
        400 !important;

    text-align:
        center !important;
}


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

.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid{
    position:relative;

    z-index:5;

    display:grid !important;

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

    align-items:stretch !important;

    gap:
        22px !important;

    width:
        100% !important;

    max-width:
        1200px !important;

    margin:
        0 auto !important;
}


/* INNER */

.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .e-con-inner{
    display:grid !important;

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

    align-items:stretch !important;

    gap:
        22px !important;

    width:
        100% !important;

    max-width:
        1200px !important;

    margin:
        0 auto !important;

    padding:
        0 !important;
}


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

.elementor-124 .elementor-element.elementor-element-0768dcd .id-card{
    --width:100% !important;

    position:relative !important;
    isolation:isolate;

    overflow:hidden !important;

    width:
        100% !important;

    min-height:
        350px !important;

    height:
        100% !important;

    margin:
        0 !important;

    padding:
        115px 35px 34px !important;

    border-radius:
        21px !important;

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


/* ============================================================
   MISIÓN
============================================================ */

.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .id-card:nth-child(1),
.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .e-con-inner > .id-card:nth-child(1){

    background:

        radial-gradient(
            circle at 100% 0%,
            rgba(85,181,232,.15),
            transparent 38%
        ),

        linear-gradient(
            135deg,
            #002D55 0%,
            #002746 52%,
            #001B34 100%
        ) !important;

    border:
        1px solid
        rgba(85,181,232,.19) !important;

    box-shadow:
        0 22px 48px rgba(0,27,52,.19),
        inset 0 1px 0 rgba(255,255,255,.05)
        !important;
}


/* ============================================================
   VISIÓN
============================================================ */

.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .id-card:nth-child(2),
.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .e-con-inner > .id-card:nth-child(2){

    background:

        radial-gradient(
            circle at 100% 0%,
            rgba(85,181,232,.12),
            transparent 38%
        ),

        linear-gradient(
            145deg,
            #FFFFFF 0%,
            #EDF7FC 100%
        ) !important;

    border:
        1px solid
        rgba(21,128,193,.18) !important;

    box-shadow:
        0 22px 48px rgba(0,45,85,.10),
        inset 0 1px 0 rgba(255,255,255,.90)
        !important;
}


/* ============================================================
   CUADRO DEL ICONO
============================================================ */

.elementor-124 .elementor-element.elementor-element-0768dcd .id-card::before{
    content:"";

    position:absolute;

    z-index:2;

    left:35px;
    top:30px;

    width:62px;
    height:62px;

    border-radius:18px;

    background:
        linear-gradient(
            135deg,
            #55B5E8 0%,
            #1580C1 55%,
            #075D97 100%
        );

    box-shadow:
        0 13px 27px rgba(0,45,85,.25),
        0 0 0 6px rgba(85,181,232,.07),
        inset 0 1px 0 rgba(255,255,255,.20);

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


/* ============================================================
   ICONO MISIÓN - DIANA / OBJETIVO
   100% CSS
============================================================ */

.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .id-card:nth-child(1)::after,
.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .e-con-inner > .id-card:nth-child(1)::after{

    content:"";

    position:absolute;

    z-index:4;

    left:51px;
    top:46px;

    width:30px;
    height:30px;

    border-radius:50%;

    /*
       CÍRCULOS + CRUZ CENTRAL
    */

    background:

        radial-gradient(
            circle at center,
            #FFFFFF 0 3px,
            transparent 3px 6px,
            #FFFFFF 6px 8px,
            transparent 8px 12px,
            #FFFFFF 12px 14px,
            transparent 14px
        ),

        linear-gradient(
            90deg,
            transparent 47%,
            #FFFFFF 47%,
            #FFFFFF 53%,
            transparent 53%
        ),

        linear-gradient(
            0deg,
            transparent 47%,
            #FFFFFF 47%,
            #FFFFFF 53%,
            transparent 53%
        );

    pointer-events:none;
}


/* ============================================================
   ICONO VISIÓN - OJO
   100% CSS
============================================================ */

.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .id-card:nth-child(2)::after,
.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .e-con-inner > .id-card:nth-child(2)::after{

    content:"";

    position:absolute;

    z-index:4;

    left:52px;
    top:49px;

    width:28px;
    height:21px;

    /*
       FORMA DE OJO
    */

    border:
        2px solid #FFFFFF;

    border-radius:
        75% 10% 75% 10%;

    transform:
        rotate(45deg);

    background:

        radial-gradient(
            circle at center,
            #FFFFFF 0 4px,
            transparent 4.5px
        );

    pointer-events:none;
}


/* ============================================================
   CONTENIDO DEL EDITOR
============================================================ */

.elementor-124 .elementor-element.elementor-element-0768dcd .id-card
.elementor-widget-container{

    position:relative;

    z-index:5;

    width:100% !important;

    margin:0 !important;
    padding:0 !important;
}


/* ============================================================
   ETIQUETAS
============================================================ */

.elementor-124 .elementor-element.elementor-element-0768dcd .id-card
.elementor-widget-container::before{

    display:block;

    margin:
        0 0 8px;

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

    font-size:
        9px;

    line-height:
        1;

    font-weight:
        900;

    letter-spacing:
        1.1px;

    text-transform:
        uppercase;
}


/* MISIÓN */

.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .id-card:nth-child(1)
.elementor-widget-container::before,

.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .e-con-inner > .id-card:nth-child(1)
.elementor-widget-container::before{

    content:"NUESTRO PROPÓSITO";

    color:
        #8ED8FF;
}


/* VISIÓN */

.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .id-card:nth-child(2)
.elementor-widget-container::before,

.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .e-con-inner > .id-card:nth-child(2)
.elementor-widget-container::before{

    content:"NUESTRO HORIZONTE";

    color:
        #1580C1;
}


/* ============================================================
   TÍTULOS
============================================================ */

.elementor-124 .elementor-element.elementor-element-0768dcd .id-card strong,
.elementor-124 .elementor-element.elementor-element-0768dcd .id-card h2,
.elementor-124 .elementor-element.elementor-element-0768dcd .id-card h3{

    display:block;

    margin:
        0 0 14px !important;

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

    font-size:
        31px !important;

    line-height:
        1.08 !important;

    font-weight:
        900 !important;

    letter-spacing:
        -.8px !important;
}


/* MISIÓN */

.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .id-card:nth-child(1) strong,
.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .id-card:nth-child(1) h2,
.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .id-card:nth-child(1) h3,

.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .e-con-inner > .id-card:nth-child(1) strong,
.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .e-con-inner > .id-card:nth-child(1) h2,
.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .e-con-inner > .id-card:nth-child(1) h3{

    color:
        #FFFFFF !important;
}


/* VISIÓN */

.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .id-card:nth-child(2) strong,
.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .id-card:nth-child(2) h2,
.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .id-card:nth-child(2) h3,

.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .e-con-inner > .id-card:nth-child(2) strong,
.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .e-con-inner > .id-card:nth-child(2) h2,
.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .e-con-inner > .id-card:nth-child(2) h3{

    color:
        #002D55 !important;
}


/* ============================================================
   TEXTO MISIÓN
============================================================ */

.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .id-card:nth-child(1),
.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .id-card:nth-child(1) p,

.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .e-con-inner > .id-card:nth-child(1),
.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .e-con-inner > .id-card:nth-child(1) p{

    color:
        rgba(255,255,255,.80) !important;

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

    font-size:
        13.5px !important;

    line-height:
        1.85 !important;

    font-weight:
        400 !important;
}


/* ============================================================
   TEXTO VISIÓN
============================================================ */

.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .id-card:nth-child(2),
.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .id-card:nth-child(2) p,

.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .e-con-inner > .id-card:nth-child(2),
.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .e-con-inner > .id-card:nth-child(2) p{

    color:
        #607588 !important;

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

    font-size:
        13.5px !important;

    line-height:
        1.85 !important;

    font-weight:
        400 !important;
}


.elementor-124 .elementor-element.elementor-element-0768dcd .id-card p{
    margin:
        0 !important;
}


/* ============================================================
   LÍNEA INTERIOR
============================================================ */

.elementor-124 .elementor-element.elementor-element-0768dcd .id-card
.elementor-widget-container::after{

    content:"";

    display:block;

    width:100%;
    height:1px;

    margin-top:
        23px;

    background:
        rgba(85,181,232,.19);
}


/* VISIÓN */

.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .id-card:nth-child(2)
.elementor-widget-container::after,

.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .e-con-inner > .id-card:nth-child(2)
.elementor-widget-container::after{

    background:
        rgba(0,45,85,.11);
}


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

.elementor-124 .elementor-element.elementor-element-0768dcd .id-card:hover{
    transform:
        translateY(-6px);
}


/* MISIÓN */

.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .id-card:nth-child(1):hover,
.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .e-con-inner > .id-card:nth-child(1):hover{

    border-color:
        rgba(85,181,232,.43) !important;

    box-shadow:
        0 31px 62px rgba(0,27,52,.27),
        inset 0 1px 0 rgba(255,255,255,.06)
        !important;
}


/* VISIÓN */

.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .id-card:nth-child(2):hover,
.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .e-con-inner > .id-card:nth-child(2):hover{

    border-color:
        rgba(21,128,193,.38) !important;

    box-shadow:
        0 31px 62px rgba(0,45,85,.14)
        !important;
}


/* CUADRO ICONO HOVER */

.elementor-124 .elementor-element.elementor-element-0768dcd .id-card:hover::before{

    transform:
        translateY(-4px)
        scale(1.04);

    box-shadow:
        0 17px 34px rgba(0,45,85,.30),
        0 0 0 7px rgba(85,181,232,.09);
}


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

@media(max-width:1024px){

    .elementor-124 .elementor-element.elementor-element-0768dcd{

        padding:
            62px 24px 70px !important;
    }


    .elementor-124 .elementor-element.elementor-element-0768dcd .id-grid,
    .elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .e-con-inner{

        gap:
            17px !important;
    }


    .elementor-124 .elementor-element.elementor-element-0768dcd .id-card{

        min-height:
            335px !important;

        padding:
            106px 28px 30px !important;
    }


    .elementor-124 .elementor-element.elementor-element-0768dcd .id-card::before{

        left:
            28px;

        top:
            27px;

        width:
            56px;

        height:
            56px;

        border-radius:
            16px;
    }


    /* MISIÓN */

    .elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .id-card:nth-child(1)::after,
    .elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .e-con-inner > .id-card:nth-child(1)::after{

        left:
            42px;

        top:
            41px;

        width:
            28px;

        height:
            28px;
    }


    /* VISIÓN */

    .elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .id-card:nth-child(2)::after,
    .elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .e-con-inner > .id-card:nth-child(2)::after{

        left:
            43px;

        top:
            44px;

        width:
            26px;

        height:
            19px;
    }

}


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

@media(max-width:767px){

    .elementor-124 .elementor-element.elementor-element-0768dcd{

        width:
            100vw !important;

        max-width:
            100vw !important;

        margin-left:
            calc(50% - 50vw) !important;

        margin-right:
            calc(50% - 50vw) !important;

        padding:
            52px 16px 58px !important;
    }


    .elementor-124 .elementor-element.elementor-element-0768dcd .id-title
    .elementor-heading-title{

        font-size:
            32px !important;

        letter-spacing:
            -.9px !important;
    }


    .elementor-124 .elementor-element.elementor-element-0768dcd .id-intro{

        margin-bottom:
            32px !important;
    }


    .elementor-124 .elementor-element.elementor-element-0768dcd .id-intro,
    .elementor-124 .elementor-element.elementor-element-0768dcd .id-intro p{

        font-size:
            13px !important;

        line-height:
            1.7 !important;
    }


    .elementor-124 .elementor-element.elementor-element-0768dcd .id-grid,
    .elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .e-con-inner{

        grid-template-columns:
            1fr !important;

        gap:
            15px !important;
    }


    .elementor-124 .elementor-element.elementor-element-0768dcd .id-card{

        min-height:
            auto !important;

        padding:
            98px 22px 28px !important;

        border-radius:
            17px !important;
    }


    .elementor-124 .elementor-element.elementor-element-0768dcd .id-card::before{

        left:
            22px;

        top:
            24px;

        width:
            54px;

        height:
            54px;

        border-radius:
            15px;
    }


    /* MISIÓN */

    .elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .id-card:nth-child(1)::after,
    .elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .e-con-inner > .id-card:nth-child(1)::after{

        left:
            35px;

        top:
            37px;

        width:
            28px;

        height:
            28px;
    }


    /* VISIÓN */

    .elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .id-card:nth-child(2)::after,
    .elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .e-con-inner > .id-card:nth-child(2)::after{

        left:
            36px;

        top:
            40px;

        width:
            26px;

        height:
            19px;
    }


    .elementor-124 .elementor-element.elementor-element-0768dcd .id-card strong,
    .elementor-124 .elementor-element.elementor-element-0768dcd .id-card h2,
    .elementor-124 .elementor-element.elementor-element-0768dcd .id-card h3{

        font-size:
            27px !important;
    }


    .elementor-124 .elementor-element.elementor-element-0768dcd .id-card:hover{

        transform:none;
    }


    .elementor-124 .elementor-element.elementor-element-0768dcd .id-card:hover::before{

        transform:none;
    }

}


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

@media(max-width:480px){

    .elementor-124 .elementor-element.elementor-element-0768dcd{

        padding:
            45px 14px 50px !important;
    }


    .elementor-124 .elementor-element.elementor-element-0768dcd .id-title
    .elementor-heading-title{

        font-size:
            29px !important;
    }


    .elementor-124 .elementor-element.elementor-element-0768dcd .id-card{

        padding:
            94px 19px 25px !important;
    }


    .elementor-124 .elementor-element.elementor-element-0768dcd .id-card::before{

        left:
            19px;
    }


    .elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .id-card:nth-child(1)::after,
    .elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .e-con-inner > .id-card:nth-child(1)::after{

        left:
            32px;
    }


    .elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .id-card:nth-child(2)::after,
    .elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .e-con-inner > .id-card:nth-child(2)::after{

        left:
            33px;
    }

}


/* ============================================================
   EVITAR SCROLL HORIZONTAL
============================================================ */

html,
body{

    width:
        100% !important;

    max-width:
        100% !important;

    overflow-x:
        clip !important;
}

/* ============================================================
   MISIÓN Y VISIÓN
   IESTP DIVINO JESÚS

   SOLO CAMBIO VISUAL
   + ICONOS DE DIFERENTE COLOR

   NO MODIFICA:
   - CLASES
   - ESTRUCTURA
   - GRID
   - TAMAÑOS
   - RESPONSIVE
============================================================ */


/* ============================================================
   PALETA GENERAL
============================================================ */

.elementor-124 .elementor-element.elementor-element-0768dcd{

    --sg-blue:#2B0B4F;
    --sg-blue-dark:#210638;
    --sg-blue-dark-2:#18042B;

    --sg-blue-medium:#5A1B87;
    --sg-blue-light:#7430A5;
    --sg-blue-soft:#F5B900;

    --sg-white:#FFFFFF;

    --sg-light:#F9F6FB;
    --sg-light-2:#F2EBF7;

    background:
        radial-gradient(
            circle at 8% 10%,
            rgba(245,185,0,.10),
            transparent 26%
        ),

        radial-gradient(
            circle at 94% 90%,
            rgba(90,27,135,.08),
            transparent 28%
        ),

        linear-gradient(
            135deg,
            #FCFAFD 0%,
            #F7F3F9 48%,
            #FCFAFD 100%
        ) !important;
}


/* ============================================================
   CUADRÍCULA DEL FONDO
============================================================ */

.elementor-124 .elementor-element.elementor-element-0768dcd::before{

    background-image:

        linear-gradient(
            rgba(43,11,79,.020) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(43,11,79,.020) 1px,
            transparent 1px
        ) !important;
}


/* ============================================================
   LÍNEA INFERIOR
============================================================ */

.elementor-124 .elementor-element.elementor-element-0768dcd::after{

    background:
        linear-gradient(
            90deg,
            #210638 0%,
            #2B0B4F 30%,
            #5A1B87 55%,
            #F5B900 78%,
            #FFD84D 100%
        ) !important;
}


/* ============================================================
   BADGE "NUESTRA IDENTIDAD"
============================================================ */

.elementor-124 .elementor-element.elementor-element-0768dcd .id-title::before{

    border-color:
        rgba(90,27,135,.18) !important;

    background:
        rgba(90,27,135,.07) !important;

    color:
        #5A1B87 !important;
}


/* PUNTO */

.elementor-124 .elementor-element.elementor-element-0768dcd .id-title::after{

    background:
        #F5B900 !important;

    box-shadow:
        0 0 0 4px rgba(245,185,0,.10),
        0 0 11px rgba(245,185,0,.35) !important;
}


/* ============================================================
   TITULO PRINCIPAL
============================================================ */

.elementor-124 .elementor-element.elementor-element-0768dcd .id-title
.elementor-heading-title{

    color:
        #2B0B4F !important;
}


/* ============================================================
   INTRODUCCIÓN
============================================================ */

.elementor-124 .elementor-element.elementor-element-0768dcd .id-intro,
.elementor-124 .elementor-element.elementor-element-0768dcd .id-intro p{

    color:
        #62586A !important;
}


/* ============================================================
   TARJETA MISIÓN
   MORADO OSCURO
============================================================ */

.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .id-card:nth-child(1),
.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .e-con-inner > .id-card:nth-child(1){

    background:

        radial-gradient(
            circle at 100% 0%,
            rgba(245,185,0,.12),
            transparent 38%
        ),

        linear-gradient(
            135deg,
            #35105D 0%,
            #2B0B4F 52%,
            #210638 100%
        ) !important;

    border-color:
        rgba(245,185,0,.18) !important;

    box-shadow:
        0 22px 48px rgba(33,6,56,.20),
        inset 0 1px 0 rgba(255,255,255,.05)
        !important;
}


/* ============================================================
   TARJETA VISIÓN
   CLARA
============================================================ */

.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .id-card:nth-child(2),
.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .e-con-inner > .id-card:nth-child(2){

    background:

        radial-gradient(
            circle at 100% 0%,
            rgba(32,191,200,.09),
            transparent 38%
        ),

        linear-gradient(
            145deg,
            #FFFFFF 0%,
            #F5F0F8 100%
        ) !important;

    border-color:
        rgba(90,27,135,.15) !important;

    box-shadow:
        0 22px 48px rgba(43,11,79,.10),
        inset 0 1px 0 rgba(255,255,255,.90)
        !important;
}


/* ============================================================
   ICONO MISIÓN
   AMARILLO + NARANJA
============================================================ */

.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .id-card:nth-child(1)::before,
.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .e-con-inner > .id-card:nth-child(1)::before{

    background:
        linear-gradient(
            135deg,
            #FFE270 0%,
            #F5B900 52%,
            #F08A00 100%
        ) !important;

    box-shadow:
        0 13px 27px rgba(245,185,0,.28),
        0 0 0 6px rgba(245,185,0,.09),
        inset 0 1px 0 rgba(255,255,255,.30)
        !important;
}


/* DIANA DE MISIÓN */

.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .id-card:nth-child(1)::after,
.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .e-con-inner > .id-card:nth-child(1)::after{

    background:

        radial-gradient(
            circle at center,
            #2B0B4F 0 3px,
            transparent 3px 6px,
            #2B0B4F 6px 8px,
            transparent 8px 12px,
            #2B0B4F 12px 14px,
            transparent 14px
        ),

        linear-gradient(
            90deg,
            transparent 47%,
            #2B0B4F 47%,
            #2B0B4F 53%,
            transparent 53%
        ),

        linear-gradient(
            0deg,
            transparent 47%,
            #2B0B4F 47%,
            #2B0B4F 53%,
            transparent 53%
        ) !important;
}


/* ============================================================
   ICONO VISIÓN
   TURQUESA / CYAN
============================================================ */

.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .id-card:nth-child(2)::before,
.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .e-con-inner > .id-card:nth-child(2)::before{

    background:
        linear-gradient(
            135deg,
            #5FE1DF 0%,
            #20BFC8 52%,
            #087B92 100%
        ) !important;

    box-shadow:
        0 13px 27px rgba(32,191,200,.25),
        0 0 0 6px rgba(32,191,200,.09),
        inset 0 1px 0 rgba(255,255,255,.30)
        !important;
}


/* OJO DE VISIÓN */

.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .id-card:nth-child(2)::after,
.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .e-con-inner > .id-card:nth-child(2)::after{

    border-color:
        #FFFFFF !important;

    background:
        radial-gradient(
            circle at center,
            #FFFFFF 0 4px,
            transparent 4.5px
        ) !important;
}


/* ============================================================
   ETIQUETA MISIÓN
============================================================ */

.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .id-card:nth-child(1)
.elementor-widget-container::before,

.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .e-con-inner > .id-card:nth-child(1)
.elementor-widget-container::before{

    color:
        #FFD84D !important;
}


/* ============================================================
   ETIQUETA VISIÓN
============================================================ */

.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .id-card:nth-child(2)
.elementor-widget-container::before,

.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .e-con-inner > .id-card:nth-child(2)
.elementor-widget-container::before{

    color:
        #087B92 !important;
}


/* ============================================================
   TITULO MISIÓN
============================================================ */

.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .id-card:nth-child(1) strong,
.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .id-card:nth-child(1) h2,
.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .id-card:nth-child(1) h3,

.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .e-con-inner > .id-card:nth-child(1) strong,
.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .e-con-inner > .id-card:nth-child(1) h2,
.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .e-con-inner > .id-card:nth-child(1) h3{

    color:
        #FFFFFF !important;
}


/* ============================================================
   TITULO VISIÓN
============================================================ */

.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .id-card:nth-child(2) strong,
.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .id-card:nth-child(2) h2,
.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .id-card:nth-child(2) h3,

.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .e-con-inner > .id-card:nth-child(2) strong,
.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .e-con-inner > .id-card:nth-child(2) h2,
.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .e-con-inner > .id-card:nth-child(2) h3{

    color:
        #2B0B4F !important;
}


/* ============================================================
   TEXTO MISIÓN
============================================================ */

.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .id-card:nth-child(1),
.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .id-card:nth-child(1) p,

.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .e-con-inner > .id-card:nth-child(1),
.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .e-con-inner > .id-card:nth-child(1) p{

    color:
        rgba(255,255,255,.82) !important;
}


/* ============================================================
   TEXTO VISIÓN
============================================================ */

.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .id-card:nth-child(2),
.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .id-card:nth-child(2) p,

.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .e-con-inner > .id-card:nth-child(2),
.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .e-con-inner > .id-card:nth-child(2) p{

    color:
        #62586A !important;
}


/* ============================================================
   LÍNEAS INTERNAS
============================================================ */

/* MISIÓN */

.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .id-card:nth-child(1)
.elementor-widget-container::after,

.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .e-con-inner > .id-card:nth-child(1)
.elementor-widget-container::after{

    background:
        rgba(245,185,0,.20) !important;
}


/* VISIÓN */

.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .id-card:nth-child(2)
.elementor-widget-container::after,

.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .e-con-inner > .id-card:nth-child(2)
.elementor-widget-container::after{

    background:
        rgba(32,191,200,.20) !important;
}


/* ============================================================
   HOVER MISIÓN
============================================================ */

.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .id-card:nth-child(1):hover,
.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .e-con-inner > .id-card:nth-child(1):hover{

    border-color:
        rgba(245,185,0,.48) !important;

    box-shadow:
        0 31px 62px rgba(33,6,56,.27),
        inset 0 1px 0 rgba(255,255,255,.06)
        !important;
}


/* ============================================================
   HOVER VISIÓN
============================================================ */

.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .id-card:nth-child(2):hover,
.elementor-124 .elementor-element.elementor-element-0768dcd .id-grid > .e-con-inner > .id-card:nth-child(2):hover{

    border-color:
        rgba(32,191,200,.48) !important;

    box-shadow:
        0 31px 62px rgba(43,11,79,.14)
        !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3aba971 *//* ============================================================
   NUESTROS VALORES
   FULL WIDTH + ICONOS VISIBLES
   IESTP SANGARARÁ

   valores-section
      valores-title
      valores-intro
      valores-grid
         valor-card x6
============================================================ */


/* ============================================================
   SECCIÓN COMPLETA - FULL WIDTH REAL
============================================================ */

.elementor-124 .elementor-element.elementor-element-3aba971{
    --sg-blue:#002D55;
    --sg-blue-dark:#001B34;
    --sg-blue-dark-2:#001426;

    --sg-blue-medium:#075D97;
    --sg-blue-light:#1580C1;
    --sg-blue-soft:#55B5E8;

    --sg-white:#FFFFFF;

    /* ROMPER EL ANCHO BOXED DE ELEMENTOR */
    --width:100vw !important;

    position:relative !important;
    isolation:isolate;

    width:100vw !important;
    max-width:100vw !important;

    flex-basis:100vw !important;

    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;

    margin-top:0 !important;
    margin-bottom:0 !important;

    padding:
        76px
        clamp(18px,5vw,80px)
        82px !important;

    overflow:hidden !important;

    background-image:

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

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

        radial-gradient(
            circle at 90% 5%,
            rgba(85,181,232,.16),
            transparent 28%
        ),

        radial-gradient(
            circle at 8% 100%,
            rgba(21,128,193,.11),
            transparent 30%
        ),

        linear-gradient(
            125deg,
            #002D55 0%,
            #002746 50%,
            #001B34 100%
        ) !important;

    background-size:
        46px 46px,
        46px 46px,
        auto,
        auto,
        auto !important;

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


/* ============================================================
   INNER DE ELEMENTOR
============================================================ */

.elementor-124 .elementor-element.elementor-element-3aba971 > .e-con-inner{
    width:100% !important;
    max-width:none !important;

    margin:0 !important;
    padding:0 !important;

    gap:0 !important;
}


/* ============================================================
   HALO DECORATIVO
============================================================ */

.elementor-124 .elementor-element.elementor-element-3aba971::before{
    content:"";

    position:absolute;

    width:480px;
    height:480px;

    right:-190px;
    top:-290px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(85,181,232,.18),
            rgba(21,128,193,.05) 45%,
            transparent 70%
        );

    pointer-events:none;
    z-index:0;
}


/* ============================================================
   LÍNEA INFERIOR FULL WIDTH
============================================================ */

.elementor-124 .elementor-element.elementor-element-3aba971::after{
    content:"";

    position:absolute;

    left:0;
    bottom:0;

    width:100%;
    height:5px;

    z-index:20;

    background:
        linear-gradient(
            90deg,
            #001B34 0%,
            #002D55 28%,
            #075D97 58%,
            #1580C1 80%,
            #55B5E8 100%
        );

    pointer-events:none;
}


/* ============================================================
   ENCABEZADO
============================================================ */

.elementor-124 .elementor-element.elementor-element-3aba971 .valores-title{
    position:relative !important;
    z-index:5;

    width:100% !important;
    max-width:950px !important;

    margin:
        0 auto 12px !important;

    text-align:center !important;
}


/* BADGE */

.elementor-124 .elementor-element.elementor-element-3aba971 .valores-title::before{
    content:"PRINCIPIOS QUE NOS REPRESENTAN";

    display:inline-flex;

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

    margin-bottom:18px;

    padding:
        8px 14px 8px 30px;

    color:#BDE8FF;

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

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

    border-radius:999px;

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

    font-size:8px;
    line-height:1;
    font-weight:900;

    letter-spacing:1.2px;
    text-transform:uppercase;

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


/* PUNTO BADGE */

.elementor-124 .elementor-element.elementor-element-3aba971 .valores-title::after{
    content:"";

    position:absolute;

    top:12px;
    left:50%;

    width:7px;
    height:7px;

    margin-left:-104px;

    border-radius:50%;

    background:#55B5E8;

    box-shadow:
        0 0 0 4px rgba(85,181,232,.08),
        0 0 12px rgba(85,181,232,.52);
}


/* TÍTULO */

.elementor-124 .elementor-element.elementor-element-3aba971 .valores-title
.elementor-heading-title{
    margin:0 !important;

    color:#FFFFFF !important;

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

    font-size:
        clamp(36px,4vw,52px) !important;

    line-height:1.05 !important;

    font-weight:900 !important;

    letter-spacing:-1.4px !important;

    text-shadow:
        0 5px 20px rgba(0,20,38,.25);
}


/* ============================================================
   INTRODUCCIÓN
============================================================ */

.elementor-124 .elementor-element.elementor-element-3aba971 .valores-intro{
    position:relative;
    z-index:5;

    width:100%;
    max-width:780px;

    margin:
        0 auto 42px !important;

    text-align:center !important;
}


.elementor-124 .elementor-element.elementor-element-3aba971 .valores-intro,
.elementor-124 .elementor-element.elementor-element-3aba971 .valores-intro p{
    margin-bottom:0 !important;

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

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

    font-size:14px !important;
    line-height:1.75 !important;
    font-weight:400 !important;

    text-align:center !important;
}


/* ============================================================
   GRID 3 x 2
   EL GRID SÍ QUEDA CENTRADO
============================================================ */

.elementor-124 .elementor-element.elementor-element-3aba971 .valores-grid{
    position:relative;
    z-index:5;

    display:grid !important;

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

    align-items:stretch !important;

    gap:18px !important;

    width:100% !important;
    max-width:1200px !important;

    margin:
        0 auto !important;
}


/* INNER */

.elementor-124 .elementor-element.elementor-element-3aba971 .valores-grid > .e-con-inner{
    display:grid !important;

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

    align-items:stretch !important;

    gap:18px !important;

    width:100% !important;
    max-width:1200px !important;

    margin:
        0 auto !important;

    padding:0 !important;
}


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

.elementor-124 .elementor-element.elementor-element-3aba971 .valor-card{
    --width:100% !important;

    position:relative !important;
    isolation:isolate;

    overflow:hidden !important;

    width:100% !important;

    min-height:235px !important;
    height:100% !important;

    margin:0 !important;

    padding:
        96px 24px 25px !important;

    border-radius:
        17px !important;

    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(85,181,232,.09),
            transparent 42%
        ),
        linear-gradient(
            135deg,
            rgba(14,62,103,.96) 0%,
            rgba(7,45,81,.98) 100%
        ) !important;

    border:
        1px solid
        rgba(117,198,239,.16) !important;

    border-bottom:
        3px solid
        #1580C1 !important;

    box-shadow:
        0 15px 36px rgba(0,18,35,.18),
        inset 0 1px 0 rgba(255,255,255,.04)
        !important;

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


/* ============================================================
   CUADRO DE ICONO
============================================================ */

.elementor-124 .elementor-element.elementor-element-3aba971 .valor-card::before{
    content:"";

    position:absolute;

    left:24px;
    top:23px;

    width:55px;
    height:55px;

    border-radius:15px;

    background:
        linear-gradient(
            135deg,
            #55B5E8 0%,
            #1580C1 55%,
            #075D97 100%
        );

    box-shadow:
        0 11px 24px rgba(0,20,40,.31),
        0 0 0 5px rgba(85,181,232,.06),
        inset 0 1px 0 rgba(255,255,255,.20);

    z-index:2;

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


/* ============================================================
   ICONOS
   NO SVG
   NO FONT AWESOME
   NO ARCHIVOS EXTERNOS

   Se usa Segoe UI Symbol para que SI aparezcan.
============================================================ */

.elementor-124 .elementor-element.elementor-element-3aba971 .valor-card::after{
    position:absolute;

    left:24px;
    top:23px;

    width:55px;
    height:55px;

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

    z-index:4;

    color:#FFFFFF;

    font-family:
        "Segoe UI Symbol",
        "Arial Unicode MS",
        Arial,
        sans-serif !important;

    font-size:26px;
    line-height:1;
    font-weight:400;

    text-align:center;

    pointer-events:none;

    text-shadow:
        0 3px 10px rgba(0,20,40,.20);
}


/* ============================================================
   1. RESPETO
============================================================ */

.elementor-124 .elementor-element.elementor-element-3aba971 .valores-grid > .valor-card:nth-child(1)::after,
.elementor-124 .elementor-element.elementor-element-3aba971 .valores-grid > .e-con-inner > .valor-card:nth-child(1)::after{
    content:"♥";
}


/* ============================================================
   2. RESPONSABILIDAD
============================================================ */

.elementor-124 .elementor-element.elementor-element-3aba971 .valores-grid > .valor-card:nth-child(2)::after,
.elementor-124 .elementor-element.elementor-element-3aba971 .valores-grid > .e-con-inner > .valor-card:nth-child(2)::after{
    content:"✓";

    font-size:29px;
    font-weight:700;
}


/* ============================================================
   3. HONESTIDAD
============================================================ */

.elementor-124 .elementor-element.elementor-element-3aba971 .valores-grid > .valor-card:nth-child(3)::after,
.elementor-124 .elementor-element.elementor-element-3aba971 .valores-grid > .e-con-inner > .valor-card:nth-child(3)::after{
    content:"◇";

    font-size:31px;
    font-weight:700;
}


/* ============================================================
   4. SOLIDARIDAD
============================================================ */

.elementor-124 .elementor-element.elementor-element-3aba971 .valores-grid > .valor-card:nth-child(4)::after,
.elementor-124 .elementor-element.elementor-element-3aba971 .valores-grid > .e-con-inner > .valor-card:nth-child(4)::after{
    content:"✦";

    font-size:29px;
}


/* ============================================================
   5. INNOVACIÓN
============================================================ */

.elementor-124 .elementor-element.elementor-element-3aba971 .valores-grid > .valor-card:nth-child(5)::after,
.elementor-124 .elementor-element.elementor-element-3aba971 .valores-grid > .e-con-inner > .valor-card:nth-child(5)::after{
    content:"✧";

    font-size:32px;
}


/* ============================================================
   6. IDENTIDAD
============================================================ */

.elementor-124 .elementor-element.elementor-element-3aba971 .valores-grid > .valor-card:nth-child(6)::after,
.elementor-124 .elementor-element.elementor-element-3aba971 .valores-grid > .e-con-inner > .valor-card:nth-child(6)::after{
    content:"◎";

    font-size:31px;
    font-weight:700;
}


/* ============================================================
   BORDES INFERIORES DIFERENCIADOS
============================================================ */

.elementor-124 .elementor-element.elementor-element-3aba971 .valores-grid > .valor-card:nth-child(1),
.elementor-124 .elementor-element.elementor-element-3aba971 .valores-grid > .e-con-inner > .valor-card:nth-child(1){
    border-bottom-color:
        #55B5E8 !important;
}

.elementor-124 .elementor-element.elementor-element-3aba971 .valores-grid > .valor-card:nth-child(2),
.elementor-124 .elementor-element.elementor-element-3aba971 .valores-grid > .e-con-inner > .valor-card:nth-child(2){
    border-bottom-color:
        #1580C1 !important;
}

.elementor-124 .elementor-element.elementor-element-3aba971 .valores-grid > .valor-card:nth-child(3),
.elementor-124 .elementor-element.elementor-element-3aba971 .valores-grid > .e-con-inner > .valor-card:nth-child(3){
    border-bottom-color:
        #075D97 !important;
}

.elementor-124 .elementor-element.elementor-element-3aba971 .valores-grid > .valor-card:nth-child(4),
.elementor-124 .elementor-element.elementor-element-3aba971 .valores-grid > .e-con-inner > .valor-card:nth-child(4){
    border-bottom-color:
        #55B5E8 !important;
}

.elementor-124 .elementor-element.elementor-element-3aba971 .valores-grid > .valor-card:nth-child(5),
.elementor-124 .elementor-element.elementor-element-3aba971 .valores-grid > .e-con-inner > .valor-card:nth-child(5){
    border-bottom-color:
        #1580C1 !important;
}

.elementor-124 .elementor-element.elementor-element-3aba971 .valores-grid > .valor-card:nth-child(6),
.elementor-124 .elementor-element.elementor-element-3aba971 .valores-grid > .e-con-inner > .valor-card:nth-child(6){
    border-bottom-color:
        #075D97 !important;
}


/* ============================================================
   CONTENIDO DEL EDITOR
============================================================ */

.elementor-124 .elementor-element.elementor-element-3aba971 .valor-card
.elementor-widget-container{
    position:relative;

    z-index:5;

    width:100% !important;

    margin:0 !important;
    padding:0 !important;
}


/* ============================================================
   TÍTULOS
============================================================ */

.elementor-124 .elementor-element.elementor-element-3aba971 .valor-card strong,
.elementor-124 .elementor-element.elementor-element-3aba971 .valor-card h2,
.elementor-124 .elementor-element.elementor-element-3aba971 .valor-card h3,
.elementor-124 .elementor-element.elementor-element-3aba971 .valor-card h4{
    display:block;

    margin:
        0 0 9px !important;

    color:#FFFFFF !important;

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

    font-size:17px !important;

    line-height:1.25 !important;

    font-weight:850 !important;

    letter-spacing:-.25px !important;
}


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

.elementor-124 .elementor-element.elementor-element-3aba971 .valor-card,
.elementor-124 .elementor-element.elementor-element-3aba971 .valor-card p{
    margin-bottom:0 !important;

    color:
        rgba(255,255,255,.73) !important;

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

    font-size:12.5px !important;

    line-height:1.7 !important;

    font-weight:400 !important;
}


.elementor-124 .elementor-element.elementor-element-3aba971 .valor-card p{
    margin:0 !important;
}


/* ============================================================
   LÍNEA INTERNA
============================================================ */

.elementor-124 .elementor-element.elementor-element-3aba971 .valor-card
.elementor-widget-container::after{
    content:"";

    display:block;

    width:100%;
    height:1px;

    margin-top:19px;

    background:
        linear-gradient(
            90deg,
            rgba(85,181,232,.30),
            rgba(85,181,232,.03)
        );
}


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

.elementor-124 .elementor-element.elementor-element-3aba971 .valor-card:hover{
    transform:
        translateY(-6px);

    border-color:
        rgba(85,181,232,.39) !important;

    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(85,181,232,.14),
            transparent 42%
        ),
        linear-gradient(
            135deg,
            rgba(12,72,112,.98),
            rgba(0,45,85,.98)
        ) !important;

    box-shadow:
        0 26px 54px rgba(0,18,35,.28),
        inset 0 1px 0 rgba(255,255,255,.06)
        !important;
}


/* CUADRO HOVER */

.elementor-124 .elementor-element.elementor-element-3aba971 .valor-card:hover::before{
    transform:
        translateY(-4px)
        scale(1.05);

    box-shadow:
        0 16px 31px rgba(0,20,40,.36),
        0 0 0 7px rgba(85,181,232,.09);
}


/* ICONO HOVER */

.elementor-124 .elementor-element.elementor-element-3aba971 .valor-card:hover::after{
    transform:
        translateY(-4px)
        scale(1.05);
}


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

@media(max-width:1024px){

    .elementor-124 .elementor-element.elementor-element-3aba971{
        padding:
            64px 24px 70px !important;
    }


    .elementor-124 .elementor-element.elementor-element-3aba971 .valores-grid,
    .elementor-124 .elementor-element.elementor-element-3aba971 .valores-grid > .e-con-inner{
        gap:
            15px !important;
    }


    .elementor-124 .elementor-element.elementor-element-3aba971 .valor-card{
        min-height:
            225px !important;

        padding:
            90px 20px 23px !important;
    }


    .elementor-124 .elementor-element.elementor-element-3aba971 .valor-card::before,
    .elementor-124 .elementor-element.elementor-element-3aba971 .valor-card::after{
        left:
            20px;

        top:
            21px;

        width:
            52px;

        height:
            52px;
    }

}


/* ============================================================
   TABLET PEQUEÑA
============================================================ */

@media(max-width:850px){

    .elementor-124 .elementor-element.elementor-element-3aba971 .valores-grid,
    .elementor-124 .elementor-element.elementor-element-3aba971 .valores-grid > .e-con-inner{
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }

}


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

@media(max-width:767px){

    .elementor-124 .elementor-element.elementor-element-3aba971{
        width:100vw !important;
        max-width:100vw !important;

        margin-left:
            calc(50% - 50vw) !important;

        margin-right:
            calc(50% - 50vw) !important;

        padding:
            52px 16px 58px !important;
    }


    .elementor-124 .elementor-element.elementor-element-3aba971 .valores-title
    .elementor-heading-title{
        font-size:
            32px !important;

        letter-spacing:
            -.9px !important;
    }


    .elementor-124 .elementor-element.elementor-element-3aba971 .valores-intro{
        margin-bottom:
            30px !important;
    }


    .elementor-124 .elementor-element.elementor-element-3aba971 .valores-intro,
    .elementor-124 .elementor-element.elementor-element-3aba971 .valores-intro p{
        font-size:
            13px !important;

        line-height:
            1.7 !important;
    }


    .elementor-124 .elementor-element.elementor-element-3aba971 .valores-grid,
    .elementor-124 .elementor-element.elementor-element-3aba971 .valores-grid > .e-con-inner{
        grid-template-columns:
            1fr !important;

        gap:
            12px !important;
    }


    .elementor-124 .elementor-element.elementor-element-3aba971 .valor-card{
        min-height:
            auto !important;

        padding:
            88px 20px 23px !important;

        border-radius:
            15px !important;
    }


    .elementor-124 .elementor-element.elementor-element-3aba971 .valor-card::before,
    .elementor-124 .elementor-element.elementor-element-3aba971 .valor-card::after{
        left:
            20px;

        top:
            20px;

        width:
            50px;

        height:
            50px;
    }


    .elementor-124 .elementor-element.elementor-element-3aba971 .valor-card::before{
        border-radius:
            14px;
    }


    .elementor-124 .elementor-element.elementor-element-3aba971 .valor-card strong,
    .elementor-124 .elementor-element.elementor-element-3aba971 .valor-card h2,
    .elementor-124 .elementor-element.elementor-element-3aba971 .valor-card h3,
    .elementor-124 .elementor-element.elementor-element-3aba971 .valor-card h4{
        font-size:
            16px !important;
    }


    .elementor-124 .elementor-element.elementor-element-3aba971 .valor-card:hover,
    .elementor-124 .elementor-element.elementor-element-3aba971 .valor-card:hover::before,
    .elementor-124 .elementor-element.elementor-element-3aba971 .valor-card:hover::after{
        transform:none;
    }

}


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

@media(max-width:480px){

    .elementor-124 .elementor-element.elementor-element-3aba971{
        padding:
            45px 14px 50px !important;
    }


    .elementor-124 .elementor-element.elementor-element-3aba971 .valores-title
    .elementor-heading-title{
        font-size:
            29px !important;
    }


    .elementor-124 .elementor-element.elementor-element-3aba971 .valor-card{
        padding:
            84px 18px 21px !important;
    }


    .elementor-124 .elementor-element.elementor-element-3aba971 .valor-card::before,
    .elementor-124 .elementor-element.elementor-element-3aba971 .valor-card::after{
        left:
            18px;
    }

}


/* ============================================================
   EVITAR SCROLL HORIZONTAL
============================================================ */

html,
body{
    width:100% !important;
    max-width:100% !important;

    overflow-x:clip !important;
}

/* ============================================================
   NUESTROS VALORES
   IESTP DIVINO JESÚS

   SOLO CAMBIO DE COLORES
   + CADA ICONO CON COLOR DIFERENTE

   NO MODIFICA:
   - ESTRUCTURA
   - CLASES
   - GRID
   - RESPONSIVE
   - TAMAÑOS
============================================================ */


/* ============================================================
   PALETA GENERAL
============================================================ */

.elementor-124 .elementor-element.elementor-element-3aba971{
    --sg-blue:#2B0B4F;
    --sg-blue-dark:#210638;
    --sg-blue-dark-2:#18042B;

    --sg-blue-medium:#5A1B87;
    --sg-blue-light:#7430A5;
    --sg-blue-soft:#F5B900;

    --sg-white:#FFFFFF;

    background-image:

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

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

        radial-gradient(
            circle at 90% 5%,
            rgba(245,185,0,.13),
            transparent 28%
        ),

        radial-gradient(
            circle at 8% 100%,
            rgba(116,48,165,.11),
            transparent 30%
        ),

        linear-gradient(
            125deg,
            #32105F 0%,
            #2B0B4F 50%,
            #210638 100%
        ) !important;
}


/* ============================================================
   HALO DECORATIVO
============================================================ */

.elementor-124 .elementor-element.elementor-element-3aba971::before{
    background:
        radial-gradient(
            circle,
            rgba(245,185,0,.16),
            rgba(116,48,165,.05) 45%,
            transparent 70%
        ) !important;
}


/* ============================================================
   LÍNEA INFERIOR
============================================================ */

.elementor-124 .elementor-element.elementor-element-3aba971::after{
    background:
        linear-gradient(
            90deg,
            #2B0B4F 0%,
            #5A1B87 24%,
            #F5B900 48%,
            #20BFC8 70%,
            #E94B6A 100%
        ) !important;
}


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

.elementor-124 .elementor-element.elementor-element-3aba971 .valores-title::before{
    color:#FFD84D !important;

    background:
        rgba(255,255,255,.075) !important;

    border-color:
        rgba(245,185,0,.18) !important;
}


.elementor-124 .elementor-element.elementor-element-3aba971 .valores-title::after{
    background:#F5B900 !important;

    box-shadow:
        0 0 0 4px rgba(245,185,0,.09),
        0 0 12px rgba(245,185,0,.42) !important;
}


/* ============================================================
   TÍTULO + INTRO
============================================================ */

.elementor-124 .elementor-element.elementor-element-3aba971 .valores-title
.elementor-heading-title{
    color:#FFFFFF !important;
}


.elementor-124 .elementor-element.elementor-element-3aba971 .valores-intro,
.elementor-124 .elementor-element.elementor-element-3aba971 .valores-intro p{
    color:
        rgba(255,255,255,.78) !important;
}


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

.elementor-124 .elementor-element.elementor-element-3aba971 .valor-card{
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(255,255,255,.055),
            transparent 42%
        ),
        linear-gradient(
            135deg,
            rgba(79,28,112,.96) 0%,
            rgba(43,11,79,.98) 100%
        ) !important;

    border-color:
        rgba(255,255,255,.13) !important;

    box-shadow:
        0 15px 36px rgba(20,4,35,.20),
        inset 0 1px 0 rgba(255,255,255,.04)
        !important;
}


/* ============================================================
   1. RESPETO
   ROJO / ROSADO
============================================================ */

.elementor-124 .elementor-element.elementor-element-3aba971 .valores-grid > .valor-card:nth-child(1)::before,
.elementor-124 .elementor-element.elementor-element-3aba971 .valores-grid > .e-con-inner > .valor-card:nth-child(1)::before{

    background:
        linear-gradient(
            135deg,
            #FF7A91,
            #E94B6A,
            #B71F45
        ) !important;

    box-shadow:
        0 11px 24px rgba(233,75,106,.30),
        0 0 0 5px rgba(233,75,106,.08)
        !important;
}


.elementor-124 .elementor-element.elementor-element-3aba971 .valores-grid > .valor-card:nth-child(1),
.elementor-124 .elementor-element.elementor-element-3aba971 .valores-grid > .e-con-inner > .valor-card:nth-child(1){

    border-bottom-color:
        #E94B6A !important;
}


/* ============================================================
   2. RESPONSABILIDAD
   VERDE
============================================================ */

.elementor-124 .elementor-element.elementor-element-3aba971 .valores-grid > .valor-card:nth-child(2)::before,
.elementor-124 .elementor-element.elementor-element-3aba971 .valores-grid > .e-con-inner > .valor-card:nth-child(2)::before{

    background:
        linear-gradient(
            135deg,
            #6DE2A2,
            #28B875,
            #137A4D
        ) !important;

    box-shadow:
        0 11px 24px rgba(40,184,117,.28),
        0 0 0 5px rgba(40,184,117,.08)
        !important;
}


.elementor-124 .elementor-element.elementor-element-3aba971 .valores-grid > .valor-card:nth-child(2),
.elementor-124 .elementor-element.elementor-element-3aba971 .valores-grid > .e-con-inner > .valor-card:nth-child(2){

    border-bottom-color:
        #28B875 !important;
}


/* ============================================================
   3. HONESTIDAD
   AMARILLO / DORADO
============================================================ */

.elementor-124 .elementor-element.elementor-element-3aba971 .valores-grid > .valor-card:nth-child(3)::before,
.elementor-124 .elementor-element.elementor-element-3aba971 .valores-grid > .e-con-inner > .valor-card:nth-child(3)::before{

    background:
        linear-gradient(
            135deg,
            #FFE47A,
            #F5B900,
            #D78B00
        ) !important;

    box-shadow:
        0 11px 24px rgba(245,185,0,.28),
        0 0 0 5px rgba(245,185,0,.08)
        !important;
}


.elementor-124 .elementor-element.elementor-element-3aba971 .valores-grid > .valor-card:nth-child(3),
.elementor-124 .elementor-element.elementor-element-3aba971 .valores-grid > .e-con-inner > .valor-card:nth-child(3){

    border-bottom-color:
        #F5B900 !important;
}


/* ============================================================
   4. SOLIDARIDAD
   TURQUESA
============================================================ */

.elementor-124 .elementor-element.elementor-element-3aba971 .valores-grid > .valor-card:nth-child(4)::before,
.elementor-124 .elementor-element.elementor-element-3aba971 .valores-grid > .e-con-inner > .valor-card:nth-child(4)::before{

    background:
        linear-gradient(
            135deg,
            #66E3DF,
            #20BFC8,
            #087B92
        ) !important;

    box-shadow:
        0 11px 24px rgba(32,191,200,.28),
        0 0 0 5px rgba(32,191,200,.08)
        !important;
}


.elementor-124 .elementor-element.elementor-element-3aba971 .valores-grid > .valor-card:nth-child(4),
.elementor-124 .elementor-element.elementor-element-3aba971 .valores-grid > .e-con-inner > .valor-card:nth-child(4){

    border-bottom-color:
        #20BFC8 !important;
}


/* ============================================================
   5. INNOVACIÓN
   NARANJA
============================================================ */

.elementor-124 .elementor-element.elementor-element-3aba971 .valores-grid > .valor-card:nth-child(5)::before,
.elementor-124 .elementor-element.elementor-element-3aba971 .valores-grid > .e-con-inner > .valor-card:nth-child(5)::before{

    background:
        linear-gradient(
            135deg,
            #FFBE63,
            #F28C28,
            #C85D00
        ) !important;

    box-shadow:
        0 11px 24px rgba(242,140,40,.29),
        0 0 0 5px rgba(242,140,40,.08)
        !important;
}


.elementor-124 .elementor-element.elementor-element-3aba971 .valores-grid > .valor-card:nth-child(5),
.elementor-124 .elementor-element.elementor-element-3aba971 .valores-grid > .e-con-inner > .valor-card:nth-child(5){

    border-bottom-color:
        #F28C28 !important;
}


/* ============================================================
   6. IDENTIDAD
   VIOLETA / FUCSIA
============================================================ */

.elementor-124 .elementor-element.elementor-element-3aba971 .valores-grid > .valor-card:nth-child(6)::before,
.elementor-124 .elementor-element.elementor-element-3aba971 .valores-grid > .e-con-inner > .valor-card:nth-child(6)::before{

    background:
        linear-gradient(
            135deg,
            #C566EA,
            #8D3CC4,
            #5A1B87
        ) !important;

    box-shadow:
        0 11px 24px rgba(141,60,196,.30),
        0 0 0 5px rgba(141,60,196,.08)
        !important;
}


.elementor-124 .elementor-element.elementor-element-3aba971 .valores-grid > .valor-card:nth-child(6),
.elementor-124 .elementor-element.elementor-element-3aba971 .valores-grid > .e-con-inner > .valor-card:nth-child(6){

    border-bottom-color:
        #B653D4 !important;
}


/* ============================================================
   ICONOS
   TODOS BLANCOS PARA MÁXIMO CONTRASTE
============================================================ */

.elementor-124 .elementor-element.elementor-element-3aba971 .valor-card::after{
    color:#FFFFFF !important;

    text-shadow:
        0 3px 10px rgba(0,0,0,.20) !important;
}


/* ============================================================
   TÍTULOS
============================================================ */

.elementor-124 .elementor-element.elementor-element-3aba971 .valor-card strong,
.elementor-124 .elementor-element.elementor-element-3aba971 .valor-card h2,
.elementor-124 .elementor-element.elementor-element-3aba971 .valor-card h3,
.elementor-124 .elementor-element.elementor-element-3aba971 .valor-card h4{

    color:#FFFFFF !important;
}


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

.elementor-124 .elementor-element.elementor-element-3aba971 .valor-card,
.elementor-124 .elementor-element.elementor-element-3aba971 .valor-card p{

    color:
        rgba(255,255,255,.76) !important;
}


/* ============================================================
   LÍNEA INTERIOR
============================================================ */

.elementor-124 .elementor-element.elementor-element-3aba971 .valor-card
.elementor-widget-container::after{

    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.20),
            rgba(255,255,255,.03)
        ) !important;
}


/* ============================================================
   HOVER GENERAL
============================================================ */

.elementor-124 .elementor-element.elementor-element-3aba971 .valor-card:hover{

    border-color:
        rgba(255,255,255,.23) !important;

    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(255,255,255,.09),
            transparent 42%
        ),

        linear-gradient(
            135deg,
            rgba(92,35,127,.98),
            rgba(43,11,79,.98)
        ) !important;

    box-shadow:
        0 26px 54px rgba(20,4,35,.30),
        inset 0 1px 0 rgba(255,255,255,.06)
        !important;
}


/* ============================================================
   HOVER DE LOS ICONOS
============================================================ */

.elementor-124 .elementor-element.elementor-element-3aba971 .valor-card:hover::before{

    transform:
        translateY(-4px)
        scale(1.06);

    filter:
        brightness(1.08);
}


.elementor-124 .elementor-element.elementor-element-3aba971 .valor-card:hover::after{

    transform:
        translateY(-4px)
        scale(1.08);
}/* End custom CSS */