.elementor-140 .elementor-element.elementor-element-a4669b8{--display:flex;overflow:visible;}.elementor-140 .elementor-element.elementor-element-4207803 .elementor-repeater-item-3b73c53 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://iesdivinojesus.edu.pe/wp-content/uploads/2026/09/images.jpg);background-size:cover;}.elementor-140 .elementor-element.elementor-element-4207803 .elementor-repeater-item-3b73c53 .swiper-slide-contents{margin-right:auto;}.elementor-140 .elementor-element.elementor-element-4207803 .elementor-repeater-item-3b73c53 .swiper-slide-inner{align-items:center;text-align:start;}.elementor-140 .elementor-element.elementor-element-4207803 .swiper-slide{transition-duration:calc(5000ms*1.2);height:400px;}.elementor-140 .elementor-element.elementor-element-4207803 .swiper-slide-contents{max-width:66%;}.elementor-140 .elementor-element.elementor-element-4207803 .swiper-slide-inner{text-align:center;}.elementor-140 .elementor-element.elementor-element-dcaf189{--display:flex;overflow:visible;}.elementor-140 .elementor-element.elementor-element-f367f9b.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-140 .elementor-element.elementor-element-f367f9b.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-140 .elementor-element.elementor-element-f367f9b.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-140 .elementor-element.elementor-element-f367f9b .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-140 .elementor-element.elementor-element-f367f9b .elementor-image-box-img img{transition-duration:0.3s;}.elementor-140 .elementor-element.elementor-element-6047a76.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-140 .elementor-element.elementor-element-6047a76.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-140 .elementor-element.elementor-element-6047a76.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-140 .elementor-element.elementor-element-6047a76 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-140 .elementor-element.elementor-element-6047a76 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-140 .elementor-element.elementor-element-2364b76.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-140 .elementor-element.elementor-element-2364b76.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-140 .elementor-element.elementor-element-2364b76.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-140 .elementor-element.elementor-element-2364b76 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-140 .elementor-element.elementor-element-2364b76 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-140 .elementor-element.elementor-element-4d5f981.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-140 .elementor-element.elementor-element-4d5f981.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-140 .elementor-element.elementor-element-4d5f981.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-140 .elementor-element.elementor-element-4d5f981 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-140 .elementor-element.elementor-element-4d5f981 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-140 .elementor-element.elementor-element-5ecf3e6.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-140 .elementor-element.elementor-element-5ecf3e6.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-140 .elementor-element.elementor-element-5ecf3e6.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-140 .elementor-element.elementor-element-5ecf3e6 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-140 .elementor-element.elementor-element-5ecf3e6 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-140 .elementor-element.elementor-element-897e70b{--display:flex;overflow:visible;}.elementor-140 .elementor-element.elementor-element-83660d2.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-140 .elementor-element.elementor-element-83660d2.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-140 .elementor-element.elementor-element-83660d2.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-140 .elementor-element.elementor-element-83660d2 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-140 .elementor-element.elementor-element-83660d2 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-140 .elementor-element.elementor-element-d1fcadb.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-140 .elementor-element.elementor-element-d1fcadb.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-140 .elementor-element.elementor-element-d1fcadb.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-140 .elementor-element.elementor-element-d1fcadb .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-140 .elementor-element.elementor-element-d1fcadb .elementor-image-box-img img{transition-duration:0.3s;}.elementor-140 .elementor-element.elementor-element-bed153d.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-140 .elementor-element.elementor-element-bed153d.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-140 .elementor-element.elementor-element-bed153d.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-140 .elementor-element.elementor-element-bed153d .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-140 .elementor-element.elementor-element-bed153d .elementor-image-box-img img{transition-duration:0.3s;}.elementor-140 .elementor-element.elementor-element-2760be9.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-140 .elementor-element.elementor-element-2760be9.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-140 .elementor-element.elementor-element-2760be9.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-140 .elementor-element.elementor-element-2760be9 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-140 .elementor-element.elementor-element-2760be9 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-140 .elementor-element.elementor-element-215a7d7.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-140 .elementor-element.elementor-element-215a7d7.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-140 .elementor-element.elementor-element-215a7d7.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-140 .elementor-element.elementor-element-215a7d7 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-140 .elementor-element.elementor-element-215a7d7 .elementor-image-box-img img{transition-duration:0.3s;}@media(max-width:767px){.elementor-140 .elementor-element.elementor-element-f367f9b .elementor-image-box-img{margin-bottom:15px;}.elementor-140 .elementor-element.elementor-element-6047a76 .elementor-image-box-img{margin-bottom:15px;}.elementor-140 .elementor-element.elementor-element-2364b76 .elementor-image-box-img{margin-bottom:15px;}.elementor-140 .elementor-element.elementor-element-4d5f981 .elementor-image-box-img{margin-bottom:15px;}.elementor-140 .elementor-element.elementor-element-5ecf3e6 .elementor-image-box-img{margin-bottom:15px;}.elementor-140 .elementor-element.elementor-element-83660d2 .elementor-image-box-img{margin-bottom:15px;}.elementor-140 .elementor-element.elementor-element-d1fcadb .elementor-image-box-img{margin-bottom:15px;}.elementor-140 .elementor-element.elementor-element-bed153d .elementor-image-box-img{margin-bottom:15px;}.elementor-140 .elementor-element.elementor-element-2760be9 .elementor-image-box-img{margin-bottom:15px;}.elementor-140 .elementor-element.elementor-element-215a7d7 .elementor-image-box-img{margin-bottom:15px;}}/* Start custom CSS for container, class: .elementor-element-a4669b8 *//* ============================================================
   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-140 .elementor-element.elementor-element-a4669b8{
    --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-140 .elementor-element.elementor-element-a4669b8 > .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-140 .elementor-element.elementor-element-a4669b8 .mv-hero-slider,
.elementor-140 .elementor-element.elementor-element-a4669b8 .mv-hero-slider *,
.elementor-140 .elementor-element.elementor-element-a4669b8 .mv-hero-slider *::before,
.elementor-140 .elementor-element.elementor-element-a4669b8 .mv-hero-slider *::after{
    box-sizing:border-box;
}


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

.elementor-140 .elementor-element.elementor-element-a4669b8 .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-140 .elementor-element.elementor-element-a4669b8 .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-140 .elementor-element.elementor-element-a4669b8 .mv-hero-slider .swiper,
.elementor-140 .elementor-element.elementor-element-a4669b8 .mv-hero-slider .swiper-container,
.elementor-140 .elementor-element.elementor-element-a4669b8 .mv-hero-slider .elementor-main-swiper,
.elementor-140 .elementor-element.elementor-element-a4669b8 .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-140 .elementor-element.elementor-element-a4669b8 .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-140 .elementor-element.elementor-element-a4669b8 .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-140 .elementor-element.elementor-element-a4669b8 .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-140 .elementor-element.elementor-element-a4669b8 .mv-hero-slider
.swiper-slide-active
.swiper-slide-bg{
    transform:scale(1);
}


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

.elementor-140 .elementor-element.elementor-element-a4669b8 .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-140 .elementor-element.elementor-element-a4669b8 .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-140 .elementor-element.elementor-element-a4669b8 .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-140 .elementor-element.elementor-element-a4669b8 .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-140 .elementor-element.elementor-element-a4669b8 .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-140 .elementor-element.elementor-element-a4669b8 .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-140 .elementor-element.elementor-element-a4669b8 .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-140 .elementor-element.elementor-element-a4669b8 .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-140 .elementor-element.elementor-element-a4669b8 .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-140 .elementor-element.elementor-element-a4669b8 .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-140 .elementor-element.elementor-element-a4669b8 .mv-hero-slider
.elementor-slide-button:hover{
    transform:
        translateY(-3px);

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


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

.elementor-140 .elementor-element.elementor-element-a4669b8 .mv-hero-slider
.elementor-swiper-button,

.elementor-140 .elementor-element.elementor-element-a4669b8 .mv-hero-slider
.swiper-button-prev,

.elementor-140 .elementor-element.elementor-element-a4669b8 .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-140 .elementor-element.elementor-element-a4669b8 .mv-hero-slider
.elementor-swiper-button:hover,

.elementor-140 .elementor-element.elementor-element-a4669b8 .mv-hero-slider
.swiper-button-prev:hover,

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

    transform:
        scale(1.07);
}


/* IZQUIERDA */

.elementor-140 .elementor-element.elementor-element-a4669b8 .mv-hero-slider
.elementor-swiper-button-prev,

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


/* DERECHA */

.elementor-140 .elementor-element.elementor-element-a4669b8 .mv-hero-slider
.elementor-swiper-button-next,

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


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

.elementor-140 .elementor-element.elementor-element-a4669b8 .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-140 .elementor-element.elementor-element-a4669b8 .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-140 .elementor-element.elementor-element-a4669b8 .mv-hero-slider
.swiper-pagination-bullet-active{
    width:
        27px !important;

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


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

.elementor-140 .elementor-element.elementor-element-a4669b8 .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-140 .elementor-element.elementor-element-a4669b8{
        --mv-height:420px;
    }


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


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

}


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

@media(max-width:767px){

    .elementor-140 .elementor-element.elementor-element-a4669b8{
        --mv-height:430px;

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

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

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


    .elementor-140 .elementor-element.elementor-element-a4669b8 .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-140 .elementor-element.elementor-element-a4669b8 .mv-hero-slider
    .swiper-slide-inner{
        align-items:flex-end !important;

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


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


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

        padding:
            7px 11px 7px 25px;

        font-size:
            7px;
    }


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

        font-size:
            33px !important;

        line-height:
            1.05 !important;
    }


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

        height:
            4px;

        margin-top:
            11px;
    }


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

        font-size:
            13px !important;

        line-height:
            1.65 !important;
    }


    .elementor-140 .elementor-element.elementor-element-a4669b8 .mv-hero-slider
    .elementor-swiper-button,

    .elementor-140 .elementor-element.elementor-element-a4669b8 .mv-hero-slider
    .swiper-button-prev,

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

        height:
            38px !important;
    }


    .elementor-140 .elementor-element.elementor-element-a4669b8 .mv-hero-slider
    .elementor-swiper-button-prev,

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


    .elementor-140 .elementor-element.elementor-element-a4669b8 .mv-hero-slider
    .elementor-swiper-button-next,

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

}


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

@media(max-width:480px){

    .elementor-140 .elementor-element.elementor-element-a4669b8{
        --mv-height:400px;
    }


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


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


    .elementor-140 .elementor-element.elementor-element-a4669b8 .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-140 .elementor-element.elementor-element-a4669b8{
    --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-140 .elementor-element.elementor-element-a4669b8 .mv-hero-slider
.elementor-widget-container{
    background:#2B0B4F !important;
}


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

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


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

.elementor-140 .elementor-element.elementor-element-a4669b8 .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-140 .elementor-element.elementor-element-a4669b8 .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-140 .elementor-element.elementor-element-a4669b8 .mv-hero-slider
.swiper-slide-inner{

    justify-content:center !important;

    text-align:center !important;
}


/* CONTENEDOR DEL TEXTO */

.elementor-140 .elementor-element.elementor-element-a4669b8 .mv-hero-slider
.swiper-slide-contents{

    max-width:760px !important;

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

    text-align:center !important;
}


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

.elementor-140 .elementor-element.elementor-element-a4669b8 .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-140 .elementor-element.elementor-element-a4669b8 .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-140 .elementor-element.elementor-element-a4669b8 .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-140 .elementor-element.elementor-element-a4669b8 .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-140 .elementor-element.elementor-element-a4669b8 .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-140 .elementor-element.elementor-element-a4669b8 .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-140 .elementor-element.elementor-element-a4669b8 .mv-hero-slider
.elementor-slide-button:hover{

    color:#FFFFFF !important;

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


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

.elementor-140 .elementor-element.elementor-element-a4669b8 .mv-hero-slider
.elementor-swiper-button,

.elementor-140 .elementor-element.elementor-element-a4669b8 .mv-hero-slider
.swiper-button-prev,

.elementor-140 .elementor-element.elementor-element-a4669b8 .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-140 .elementor-element.elementor-element-a4669b8 .mv-hero-slider
.elementor-swiper-button:hover,

.elementor-140 .elementor-element.elementor-element-a4669b8 .mv-hero-slider
.swiper-button-prev:hover,

.elementor-140 .elementor-element.elementor-element-a4669b8 .mv-hero-slider
.swiper-button-next:hover{

    color:#2B0B4F !important;

    background:#F5B900 !important;
}


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

.elementor-140 .elementor-element.elementor-element-a4669b8 .mv-hero-slider
.swiper-pagination-bullet{

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


.elementor-140 .elementor-element.elementor-element-a4669b8 .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-140 .elementor-element.elementor-element-a4669b8 .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-140 .elementor-element.elementor-element-a4669b8 .mv-hero-slider
    .swiper-slide-inner{

        justify-content:center !important;

        text-align:center !important;
    }


    .elementor-140 .elementor-element.elementor-element-a4669b8 .mv-hero-slider
    .swiper-slide-contents{

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

        text-align:center !important;
    }


    .elementor-140 .elementor-element.elementor-element-a4669b8 .mv-hero-slider
    .elementor-slide-heading{

        text-align:center !important;
    }


    .elementor-140 .elementor-element.elementor-element-a4669b8 .mv-hero-slider
    .elementor-slide-heading::after{

        margin:
            11px auto 0 !important;
    }


    .elementor-140 .elementor-element.elementor-element-a4669b8 .mv-hero-slider
    .elementor-slide-description{

        text-align:center !important;
    }


    .elementor-140 .elementor-element.elementor-element-a4669b8 .mv-hero-slider
    .elementor-slide-button{

        margin:
            20px auto 0 !important;
    }


    .elementor-140 .elementor-element.elementor-element-a4669b8 .mv-hero-slider
    .swiper-slide-contents::after{

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

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dcaf189 *//* ============================================================
   PLANA DOCENTE - GRID 3x3
   IESTP SANGARARÁ
============================================================ */

.sg-teachers-grid,
.sg-teachers-grid *,
.sg-teachers-grid *::before,
.sg-teachers-grid *::after{
    box-sizing:border-box;
}


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

.sg-teachers-grid{
    --azul:#0A6EB4;
    --azul2:#005299;
    --azul3:#004A8F;

    --azul-claro:#1A8FE3;
    --azul-oscuro:#002C4F;

    --blanco:#FFFFFF;
    --gris:#69768A;

    position:relative !important;

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

    left:50% !important;

    margin-left:-50vw !important;
    margin-right:-50vw !important;

    display:grid !important;

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

    gap:20px !important;

    align-items:stretch !important;

    padding:
        85px 7% 95px !important;

    overflow:hidden !important;

    background:
        radial-gradient(
            circle at 6% 8%,
            rgba(0,45,85,.07),
            transparent 24%
        ),
        radial-gradient(
            circle at 95% 88%,
            rgba(0,82,147,.05),
            transparent 25%
        ),
        linear-gradient(
            135deg,
            #F5F8FB 0%,
            #EDF2F7 52%,
            #E1E8F0 100%
        ) !important;

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


/* DECORACIÓN */

.sg-teachers-grid::before{
    content:"";

    position:absolute;

    width:440px;
    height:440px;

    top:-310px;
    left:-170px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(0,45,85,.14),
            transparent 68%
        );

    pointer-events:none;
}


.sg-teachers-grid::after{
    content:"";

    position:absolute;

    width:440px;
    height:440px;

    right:-260px;
    bottom:-270px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(0,82,147,.08),
            transparent 68%
        );

    pointer-events:none;
}


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

.sg-teachers-title{
    position:relative !important;

    z-index:3;

    grid-column:
        1 / -1 !important;

    width:100% !important;

    margin:
        0 auto !important;

    text-align:center !important;
}


/* BADGE */

.sg-teachers-title::before{
    content:"PROGRAMA DE ESTUDIOS";

    display:inline-flex;

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

    margin-bottom:14px;

    padding:
        9px 15px;

    color:#004A8F;

    background:#E3F0FA;

    border:
        1px solid rgba(0,82,147,.15);

    border-radius:999px;

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

    font-size:9px;

    font-weight:900;

    line-height:1;

    letter-spacing:1.1px;

    text-transform:uppercase;
}


/* TÍTULO */

.sg-teachers-title
.elementor-heading-title{
    margin:0 !important;

    color:rgb(0 45 85 / 95%) !important;

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

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

    font-weight:900 !important;

    line-height:1.08 !important;

    letter-spacing:-1.2px !important;
}


/* LÍNEA */

.sg-teachers-title::after{
    content:"";

    display:block;

    width:90px;
    height:6px;

    margin:
        18px auto 0;

    border-radius:999px;

    background:
        linear-gradient(
            90deg,
            #1A8FE3,
            #0A6EB4,
            #005299
        );
}


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

.sg-teachers-desc{
    position:relative !important;

    z-index:3;

    grid-column:
        1 / -1 !important;

    width:100% !important;

    max-width:900px !important;

    margin:
        0 auto 35px !important;

    text-align:center !important;
}


.sg-teachers-desc,
.sg-teachers-desc p{
    color:#69768A !important;

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

    font-size:13px !important;

    font-weight:400 !important;

    line-height:1.8 !important;

    text-align:center !important;
}


.sg-teachers-desc p{
    margin:0 !important;
}


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

.sg-teacher-card{
    position:relative !important;

    z-index:3;

    width:100% !important;
    min-width:0 !important;

    height:100% !important;

    margin:0 !important;

    overflow:hidden !important;

    background:
        radial-gradient(
            circle at 100% 0%,
            #E3F0FA 0,
            #E3F0FA 55px,
            transparent 56px
        ),
        #FFFFFF !important;

    border:
        1px solid rgba(0,82,147,.18) !important;

    border-radius:
        21px !important;

    box-shadow:
        0 12px 32px
        rgba(0,45,85,.08) !important;

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


.sg-teacher-card:hover{
    transform:
        translateY(-8px) !important;

    border-color:
        rgba(0,82,147,.40) !important;

    box-shadow:
        0 22px 46px
        rgba(0,45,85,.15) !important;
}


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

.sg-teacher-card
.elementor-widget-container{
    width:100% !important;

    height:100% !important;

    margin:0 !important;

    padding:0 !important;
}


.sg-teacher-card
.elementor-image-box-wrapper{
    display:flex !important;

    flex-direction:column !important;

    width:100% !important;

    height:100% !important;

    margin:0 !important;

    text-align:left !important;
}


/* ============================================================
   FOTO DEL DOCENTE
============================================================ */

.sg-teacher-card
.elementor-image-box-img{
    position:relative !important;

    width:100% !important;

    max-width:none !important;

    height:285px !important;

    min-height:285px !important;

    margin:0 !important;

    overflow:hidden !important;

    background:#E6EAF0 !important;

    border-radius:
        21px 21px 0 0 !important;
}


.sg-teacher-card
.elementor-image-box-img a{
    display:block !important;

    width:100% !important;

    height:100% !important;
}


.sg-teacher-card
.elementor-image-box-img img{
    width:100% !important;

    height:100% !important;

    display:block !important;

    object-fit:cover !important;

    /*
       Para fotografías de docentes,
       prioriza rostro y torso.
    */

    object-position:
        center 20% !important;

    margin:0 !important;

    border-radius:0 !important;

    transition:
        transform .55s ease !important;
}


.sg-teacher-card:hover
.elementor-image-box-img img{
    transform:
        scale(1.055);
}


/* ============================================================
   OVERLAY SOBRE FOTO
============================================================ */

.sg-teacher-card
.elementor-image-box-img::after{
    content:"";

    position:absolute;

    inset:0;

    pointer-events:none;

    background:
        linear-gradient(
            180deg,
            transparent 53%,
            rgb(0 32 60 / 12%) 75%,
            rgb(0 32 60 / 32%) 100%
        );
}


/* ============================================================
   BADGE SOBRE FOTO
============================================================ */

.sg-teacher-card::before{
    content:"DOCENTE";

    position:absolute;

    z-index:10;

    top:17px;
    left:17px;

    display:inline-flex;

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

    min-height:27px;

    padding:
        0 11px;

    color:#FFFFFF;

    background:
        linear-gradient(
            135deg,
            #1A8FE3,
            #0A6EB4
        );

    border-radius:8px;

    box-shadow:
        0 7px 18px
        rgba(0,0,0,.10);

    font-size:7.5px;

    font-weight:900;

    letter-spacing:.9px;

    text-transform:uppercase;

    pointer-events:none;
}


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

.sg-teacher-card
.elementor-image-box-content{
    position:relative !important;

    display:flex !important;

    flex-direction:column !important;

    flex:1 !important;

    width:100% !important;

    min-height:180px !important;

    padding:
        26px 25px 27px !important;

    text-align:left !important;

    background:
        #FFFFFF !important;
}


/* PEQUEÑO INDICADOR */

.sg-teacher-card
.elementor-image-box-content::before{
    content:"PLANA DOCENTE";

    display:block;

    margin-bottom:9px;

    padding-top:10px;

    color:#005299;

    background:
        linear-gradient(
            90deg,
            #1A8FE3 0,
            #0A6EB4 46px,
            transparent 46px
        )
        top left /
        56px 4px
        no-repeat;

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

    font-size:7.5px;

    font-weight:900;

    letter-spacing:.8px;

    text-transform:uppercase;
}


/* ============================================================
   NOMBRE DEL DOCENTE
============================================================ */

.sg-teacher-card
.elementor-image-box-title{
    margin:
        0 0 10px !important;

    padding:0 !important;

    color:rgb(0 45 85 / 95%) !important;

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

    font-size:19px !important;

    font-weight:850 !important;

    line-height:1.25 !important;

    letter-spacing:-.25px !important;

    text-align:left !important;

    transition:
        color .3s ease !important;
}


.sg-teacher-card:hover
.elementor-image-box-title{
    color:#0A6EB4 !important;
}


.sg-teacher-card
.elementor-image-box-title a{
    color:inherit !important;

    text-decoration:none !important;
}


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

.sg-teacher-card
.elementor-image-box-description{
    margin:0 !important;

    padding:0 !important;

    color:#748094 !important;

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

    font-size:10.5px !important;

    font-weight:400 !important;

    line-height:1.7 !important;

    text-align:left !important;
}


/* ============================================================
   HOVER - DETALLE INFERIOR
============================================================ */

.sg-teacher-card::after{
    content:"";

    position:absolute;

    left:0;
    bottom:0;

    width:0;
    height:5px;

    z-index:8;

    background:
        linear-gradient(
            90deg,
            #1A8FE3,
            #0A6EB4,
            #005299
        );

    transition:
        width .4s ease;
}


.sg-teacher-card:hover::after{
    width:100%;
}


/* ============================================================
   PROTECCIÓN ELEMENTOR
============================================================ */

.sg-teachers-grid >
.elementor-element,
.sg-teachers-grid >
.e-con{
    min-width:0 !important;
}


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

@media(max-width:1024px){

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

        gap:18px !important;

        padding:
            70px 5% 80px !important;
    }


    .sg-teachers-title,
    .sg-teachers-desc{
        grid-column:
            1 / -1 !important;
    }


    .sg-teacher-card
    .elementor-image-box-img{
        height:270px !important;

        min-height:270px !important;
    }

}


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

@media(max-width:767px){

    .sg-teachers-grid{
        grid-template-columns:
            1fr !important;

        gap:15px !important;

        padding:
            58px 17px 65px !important;
    }


    .sg-teachers-title,
    .sg-teachers-desc{
        grid-column:auto !important;
    }


    .sg-teachers-title
    .elementor-heading-title{
        font-size:
            34px !important;
    }


    .sg-teachers-desc{
        margin-bottom:
            25px !important;
    }


    .sg-teachers-desc,
    .sg-teachers-desc p{
        font-size:
            12px !important;
    }


    .sg-teacher-card
    .elementor-image-box-img{
        height:285px !important;

        min-height:285px !important;
    }


    .sg-teacher-card
    .elementor-image-box-content{
        min-height:auto !important;

        padding:
            23px 21px 25px !important;
    }


    .sg-teacher-card
    .elementor-image-box-title{
        font-size:
            18px !important;
    }

}


/* ============================================================
   MÓVILES PEQUEÑOS
============================================================ */

@media(max-width:420px){

    .sg-teachers-grid{
        padding:
            50px 14px 58px !important;
    }


    .sg-teacher-card
    .elementor-image-box-img{
        height:255px !important;

        min-height:255px !important;
    }


    .sg-teacher-card
    .elementor-image-box-title{
        font-size:
            17px !important;
    }

}


/* ============================================================
   EVITAR DESBORDAMIENTO HORIZONTAL
============================================================ */

html,
body{
    overflow-x:hidden !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-897e70b *//* ============================================================
   PLANA DOCENTE - GRID 3x3
   IESTP SANGARARÁ
============================================================ */

.sg-teachers-grid,
.sg-teachers-grid *,
.sg-teachers-grid *::before,
.sg-teachers-grid *::after{
    box-sizing:border-box;
}


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

.sg-teachers-grid{
    --azul:#0A6EB4;
    --azul2:#005299;
    --azul3:#004A8F;

    --azul-claro:#1A8FE3;
    --azul-oscuro:#002C4F;

    --blanco:#FFFFFF;
    --gris:#69768A;

    position:relative !important;

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

    left:50% !important;

    margin-left:-50vw !important;
    margin-right:-50vw !important;

    display:grid !important;

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

    gap:20px !important;

    align-items:stretch !important;

    padding:
        85px 7% 95px !important;

    overflow:hidden !important;

    background:
        radial-gradient(
            circle at 6% 8%,
            rgba(0,45,85,.07),
            transparent 24%
        ),
        radial-gradient(
            circle at 95% 88%,
            rgba(0,82,147,.05),
            transparent 25%
        ),
        linear-gradient(
            135deg,
            #F5F8FB 0%,
            #EDF2F7 52%,
            #E1E8F0 100%
        ) !important;

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


/* DECORACIÓN */

.sg-teachers-grid::before{
    content:"";

    position:absolute;

    width:440px;
    height:440px;

    top:-310px;
    left:-170px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(0,45,85,.14),
            transparent 68%
        );

    pointer-events:none;
}


.sg-teachers-grid::after{
    content:"";

    position:absolute;

    width:440px;
    height:440px;

    right:-260px;
    bottom:-270px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(0,82,147,.08),
            transparent 68%
        );

    pointer-events:none;
}


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

.sg-teachers-title{
    position:relative !important;

    z-index:3;

    grid-column:
        1 / -1 !important;

    width:100% !important;

    margin:
        0 auto !important;

    text-align:center !important;
}


/* BADGE */

.sg-teachers-title::before{
    content:"PROGRAMA DE ESTUDIOS";

    display:inline-flex;

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

    margin-bottom:14px;

    padding:
        9px 15px;

    color:#004A8F;

    background:#E3F0FA;

    border:
        1px solid rgba(0,82,147,.15);

    border-radius:999px;

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

    font-size:9px;

    font-weight:900;

    line-height:1;

    letter-spacing:1.1px;

    text-transform:uppercase;
}


/* TÍTULO */

.sg-teachers-title
.elementor-heading-title{
    margin:0 !important;

    color:rgb(0 45 85 / 95%) !important;

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

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

    font-weight:900 !important;

    line-height:1.08 !important;

    letter-spacing:-1.2px !important;
}


/* LÍNEA */

.sg-teachers-title::after{
    content:"";

    display:block;

    width:90px;
    height:6px;

    margin:
        18px auto 0;

    border-radius:999px;

    background:
        linear-gradient(
            90deg,
            #1A8FE3,
            #0A6EB4,
            #005299
        );
}


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

.sg-teachers-desc{
    position:relative !important;

    z-index:3;

    grid-column:
        1 / -1 !important;

    width:100% !important;

    max-width:900px !important;

    margin:
        0 auto 35px !important;

    text-align:center !important;
}


.sg-teachers-desc,
.sg-teachers-desc p{
    color:#69768A !important;

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

    font-size:13px !important;

    font-weight:400 !important;

    line-height:1.8 !important;

    text-align:center !important;
}


.sg-teachers-desc p{
    margin:0 !important;
}


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

.sg-teacher-card{
    position:relative !important;

    z-index:3;

    width:100% !important;
    min-width:0 !important;

    height:100% !important;

    margin:0 !important;

    overflow:hidden !important;

    background:
        radial-gradient(
            circle at 100% 0%,
            #E3F0FA 0,
            #E3F0FA 55px,
            transparent 56px
        ),
        #FFFFFF !important;

    border:
        1px solid rgba(0,82,147,.18) !important;

    border-radius:
        21px !important;

    box-shadow:
        0 12px 32px
        rgba(0,45,85,.08) !important;

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


.sg-teacher-card:hover{
    transform:
        translateY(-8px) !important;

    border-color:
        rgba(0,82,147,.40) !important;

    box-shadow:
        0 22px 46px
        rgba(0,45,85,.15) !important;
}


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

.sg-teacher-card
.elementor-widget-container{
    width:100% !important;

    height:100% !important;

    margin:0 !important;

    padding:0 !important;
}


.sg-teacher-card
.elementor-image-box-wrapper{
    display:flex !important;

    flex-direction:column !important;

    width:100% !important;

    height:100% !important;

    margin:0 !important;

    text-align:left !important;
}


/* ============================================================
   FOTO DEL DOCENTE
============================================================ */

.sg-teacher-card
.elementor-image-box-img{
    position:relative !important;

    width:100% !important;

    max-width:none !important;

    height:285px !important;

    min-height:285px !important;

    margin:0 !important;

    overflow:hidden !important;

    background:#E6EAF0 !important;

    border-radius:
        21px 21px 0 0 !important;
}


.sg-teacher-card
.elementor-image-box-img a{
    display:block !important;

    width:100% !important;

    height:100% !important;
}


.sg-teacher-card
.elementor-image-box-img img{
    width:100% !important;

    height:100% !important;

    display:block !important;

    object-fit:cover !important;

    /*
       Para fotografías de docentes,
       prioriza rostro y torso.
    */

    object-position:
        center 20% !important;

    margin:0 !important;

    border-radius:0 !important;

    transition:
        transform .55s ease !important;
}


.sg-teacher-card:hover
.elementor-image-box-img img{
    transform:
        scale(1.055);
}


/* ============================================================
   OVERLAY SOBRE FOTO
============================================================ */

.sg-teacher-card
.elementor-image-box-img::after{
    content:"";

    position:absolute;

    inset:0;

    pointer-events:none;

    background:
        linear-gradient(
            180deg,
            transparent 53%,
            rgb(0 32 60 / 12%) 75%,
            rgb(0 32 60 / 32%) 100%
        );
}


/* ============================================================
   BADGE SOBRE FOTO
============================================================ */

.sg-teacher-card::before{
    content:"DOCENTE";

    position:absolute;

    z-index:10;

    top:17px;
    left:17px;

    display:inline-flex;

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

    min-height:27px;

    padding:
        0 11px;

    color:#FFFFFF;

    background:
        linear-gradient(
            135deg,
            #1A8FE3,
            #0A6EB4
        );

    border-radius:8px;

    box-shadow:
        0 7px 18px
        rgba(0,0,0,.10);

    font-size:7.5px;

    font-weight:900;

    letter-spacing:.9px;

    text-transform:uppercase;

    pointer-events:none;
}


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

.sg-teacher-card
.elementor-image-box-content{
    position:relative !important;

    display:flex !important;

    flex-direction:column !important;

    flex:1 !important;

    width:100% !important;

    min-height:180px !important;

    padding:
        26px 25px 27px !important;

    text-align:left !important;

    background:
        #FFFFFF !important;
}


/* PEQUEÑO INDICADOR */

.sg-teacher-card
.elementor-image-box-content::before{
    content:"PLANA DOCENTE";

    display:block;

    margin-bottom:9px;

    padding-top:10px;

    color:#005299;

    background:
        linear-gradient(
            90deg,
            #1A8FE3 0,
            #0A6EB4 46px,
            transparent 46px
        )
        top left /
        56px 4px
        no-repeat;

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

    font-size:7.5px;

    font-weight:900;

    letter-spacing:.8px;

    text-transform:uppercase;
}


/* ============================================================
   NOMBRE DEL DOCENTE
============================================================ */

.sg-teacher-card
.elementor-image-box-title{
    margin:
        0 0 10px !important;

    padding:0 !important;

    color:rgb(0 45 85 / 95%) !important;

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

    font-size:19px !important;

    font-weight:850 !important;

    line-height:1.25 !important;

    letter-spacing:-.25px !important;

    text-align:left !important;

    transition:
        color .3s ease !important;
}


.sg-teacher-card:hover
.elementor-image-box-title{
    color:#0A6EB4 !important;
}


.sg-teacher-card
.elementor-image-box-title a{
    color:inherit !important;

    text-decoration:none !important;
}


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

.sg-teacher-card
.elementor-image-box-description{
    margin:0 !important;

    padding:0 !important;

    color:#748094 !important;

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

    font-size:10.5px !important;

    font-weight:400 !important;

    line-height:1.7 !important;

    text-align:left !important;
}


/* ============================================================
   HOVER - DETALLE INFERIOR
============================================================ */

.sg-teacher-card::after{
    content:"";

    position:absolute;

    left:0;
    bottom:0;

    width:0;
    height:5px;

    z-index:8;

    background:
        linear-gradient(
            90deg,
            #1A8FE3,
            #0A6EB4,
            #005299
        );

    transition:
        width .4s ease;
}


.sg-teacher-card:hover::after{
    width:100%;
}


/* ============================================================
   PROTECCIÓN ELEMENTOR
============================================================ */

.sg-teachers-grid >
.elementor-element,
.sg-teachers-grid >
.e-con{
    min-width:0 !important;
}


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

@media(max-width:1024px){

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

        gap:18px !important;

        padding:
            70px 5% 80px !important;
    }


    .sg-teachers-title,
    .sg-teachers-desc{
        grid-column:
            1 / -1 !important;
    }


    .sg-teacher-card
    .elementor-image-box-img{
        height:270px !important;

        min-height:270px !important;
    }

}


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

@media(max-width:767px){

    .sg-teachers-grid{
        grid-template-columns:
            1fr !important;

        gap:15px !important;

        padding:
            58px 17px 65px !important;
    }


    .sg-teachers-title,
    .sg-teachers-desc{
        grid-column:auto !important;
    }


    .sg-teachers-title
    .elementor-heading-title{
        font-size:
            34px !important;
    }


    .sg-teachers-desc{
        margin-bottom:
            25px !important;
    }


    .sg-teachers-desc,
    .sg-teachers-desc p{
        font-size:
            12px !important;
    }


    .sg-teacher-card
    .elementor-image-box-img{
        height:285px !important;

        min-height:285px !important;
    }


    .sg-teacher-card
    .elementor-image-box-content{
        min-height:auto !important;

        padding:
            23px 21px 25px !important;
    }


    .sg-teacher-card
    .elementor-image-box-title{
        font-size:
            18px !important;
    }

}


/* ============================================================
   MÓVILES PEQUEÑOS
============================================================ */

@media(max-width:420px){

    .sg-teachers-grid{
        padding:
            50px 14px 58px !important;
    }


    .sg-teacher-card
    .elementor-image-box-img{
        height:255px !important;

        min-height:255px !important;
    }


    .sg-teacher-card
    .elementor-image-box-title{
        font-size:
            17px !important;
    }

}


/* ============================================================
   EVITAR DESBORDAMIENTO HORIZONTAL
============================================================ */

html,
body{
    overflow-x:hidden !important;
}/* End custom CSS */