.elementor-324 .elementor-element.elementor-element-9baede9{--display:flex;overflow:visible;}/* Start custom CSS for html, class: .elementor-element-47eb868 *//* ============================================================
   SERVICIOS ACADÉMICOS / PLATAFORMAS
   MORADO + AMARILLO + ROJO
============================================================ */

.elementor-324 .elementor-element.elementor-element-47eb868 .dj-servicios,
.elementor-324 .elementor-element.elementor-element-47eb868 .dj-servicios *,
.elementor-324 .elementor-element.elementor-element-47eb868 .dj-servicios *::before,
.elementor-324 .elementor-element.elementor-element-47eb868 .dj-servicios *::after{
    box-sizing:border-box;
}


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

.elementor-324 .elementor-element.elementor-element-47eb868 .dj-servicios{
    --morado:#5B2C83;
    --morado-oscuro:#35124F;
    --morado-profundo:#250B36;
    --morado-claro:#7D4AA8;

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

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

    position:relative;

    width:100%;

    padding:70px 5% 78px;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 4% 5%,
            rgba(255,216,74,.14),
            transparent 22%
        ),
        radial-gradient(
            circle at 97% 95%,
            rgba(198,40,40,.07),
            transparent 22%
        ),
        linear-gradient(
            135deg,
            #FFFFFF 0%,
            #FAF7FC 55%,
            #F3EBF8 100%
        );

    border-radius:26px;

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


/* DECORACIÓN */

.elementor-324 .elementor-element.elementor-element-47eb868 .dj-servicios::before{
    content:"";

    position:absolute;

    width:480px;
    height:480px;

    top:-330px;
    right:-220px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(91,44,131,.16),
            transparent 68%
        );

    pointer-events:none;
}


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

.elementor-324 .elementor-element.elementor-element-47eb868 .dj-servicios-header{
    position:relative;

    z-index:2;

    max-width:850px;

    margin:
        0 auto 43px;

    text-align:center;
}


.elementor-324 .elementor-element.elementor-element-47eb868 .dj-servicios-badge{
    display:inline-flex;

    margin-bottom:14px;

    padding:
        8px 14px;

    color:#35124F;

    background:
        linear-gradient(
            135deg,
            #FFD84A,
            #F4C430
        );

    border-radius:999px;

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

    font-size:8px;

    font-weight:900;

    line-height:1;

    letter-spacing:1.1px;

    text-transform:uppercase;
}


.elementor-324 .elementor-element.elementor-element-47eb868 .dj-servicios-header h2{
    margin:0 !important;

    color:#35124F !important;

    font-size:
        clamp(40px,4.5vw,57px) !important;

    font-weight:
        900 !important;

    line-height:
        1.05 !important;

    letter-spacing:
        -1.5px !important;
}


.elementor-324 .elementor-element.elementor-element-47eb868 .dj-servicios-line{
    width:92px;
    height:5px;

    margin:
        19px auto;

    border-radius:999px;

    background:
        linear-gradient(
            90deg,
            #5B2C83,
            #F4C430 62%,
            #C62828
        );
}


.elementor-324 .elementor-element.elementor-element-47eb868 .dj-servicios-header p{
    max-width:710px;

    margin:
        0 auto !important;

    color:#706475 !important;

    font-size:
        14px !important;

    line-height:
        1.75 !important;
}


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

.elementor-324 .elementor-element.elementor-element-47eb868 .dj-servicios-grid{
    position:relative;

    z-index:2;

    display:grid;

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

    gap:22px;

    width:100%;

    max-width:1250px;

    margin:
        0 auto;
}


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

.elementor-324 .elementor-element.elementor-element-47eb868 .dj-servicio{
    position:relative;

    display:flex;

    flex-direction:column;

    min-width:0;

    min-height:330px;

    padding:
        28px 26px 25px;

    overflow:hidden;

    color:inherit !important;

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

    border:
        1px solid rgba(91,44,131,.11);

    border-radius:21px;

    box-shadow:
        0 16px 40px
        rgba(53,18,79,.09);

    text-decoration:none !important;

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


/* LUZ SUPERIOR */

.elementor-324 .elementor-element.elementor-element-47eb868 .dj-servicio::before{
    content:"";

    position:absolute;

    width:180px;
    height:180px;

    top:-115px;
    right:-95px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(244,196,48,.13),
            transparent 68%
        );

    pointer-events:none;
}


/* LÍNEA INFERIOR */

.elementor-324 .elementor-element.elementor-element-47eb868 .dj-servicio::after{
    content:"";

    position:absolute;

    left:0;
    bottom:0;

    width:100%;
    height:5px;

    background:
        linear-gradient(
            90deg,
            #5B2C83,
            #F4C430 65%,
            #C62828
        );
}


/* HOVER */

.elementor-324 .elementor-element.elementor-element-47eb868 .dj-servicio:hover{
    transform:
        translateY(-7px);

    border-color:
        rgba(91,44,131,.22);

    box-shadow:
        0 27px 58px
        rgba(53,18,79,.16);
}


/* ============================================================
   PARTE SUPERIOR
============================================================ */

.elementor-324 .elementor-element.elementor-element-47eb868 .dj-servicio-top{
    position:relative;

    z-index:2;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:14px;

    min-height:75px;

    margin-bottom:22px;
}


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

.elementor-324 .elementor-element.elementor-element-47eb868 .dj-servicio-icon{
    display:flex;

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

    width:70px;
    height:70px;

    flex:
        0 0 70px;

    padding:15px;

    color:#FFFFFF;

    background:
        linear-gradient(
            145deg,
            #5B2C83,
            #35124F
        );

    border-radius:18px;

    box-shadow:
        0 12px 26px
        rgba(53,18,79,.20);
}


.elementor-324 .elementor-element.elementor-element-47eb868 .dj-servicio-icon svg{
    width:35px;
    height:35px;

    fill:none;

    stroke:currentColor;

    stroke-width:1.8;

    stroke-linecap:round;
    stroke-linejoin:round;
}


/* ============================================================
   LOGOS DE SISTEMAS
============================================================ */

.elementor-324 .elementor-element.elementor-element-47eb868 .dj-servicio-sistema
.dj-servicio-icon{
    width:118px;
    height:70px;

    flex:
        0 0 118px;

    padding:
        10px;

    background:#FFFFFF;

    border:
        1px solid rgba(91,44,131,.12);

    border-radius:15px;

    box-shadow:
        0 10px 24px
        rgba(53,18,79,.09);
}


.elementor-324 .elementor-element.elementor-element-47eb868 .dj-servicio-sistema
.dj-servicio-icon img{
    display:block;

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

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

    margin:0 !important;

    object-fit:contain !important;
}


/* ============================================================
   GEREDU
============================================================ */

.elementor-324 .elementor-element.elementor-element-47eb868 .dj-servicio-geredu
.dj-servicio-icon{
    width:76px;
    height:76px;

    flex:
        0 0 76px;

    padding:6px;

    overflow:hidden;

    background:#FFFFFF;

    border:
        1px solid rgba(91,44,131,.12);

    border-radius:50%;

    box-shadow:
        0 10px 24px
        rgba(53,18,79,.10);
}


.elementor-324 .elementor-element.elementor-element-47eb868 .dj-servicio-geredu
.dj-servicio-icon img{
    display:block;

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

    margin:0 !important;

    object-fit:contain !important;
}


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

.elementor-324 .elementor-element.elementor-element-47eb868 .dj-servicio-num{
    color:
        rgba(91,44,131,.12);

    font-size:
        34px;

    font-weight:
        900;

    line-height:
        1;
}


/* ============================================================
   LABEL
============================================================ */

.elementor-324 .elementor-element.elementor-element-47eb868 .dj-servicio-label{
    position:relative;

    z-index:2;

    display:block;

    margin-bottom:
        7px;

    color:#C62828;

    font-size:
        8px;

    font-weight:
        900;

    letter-spacing:
        1px;

    text-transform:
        uppercase;
}


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

.elementor-324 .elementor-element.elementor-element-47eb868 .dj-servicio h3{
    position:relative;

    z-index:2;

    margin:
        0 0 11px !important;

    color:#35124F !important;

    font-size:
        21px !important;

    font-weight:
        850 !important;

    line-height:
        1.2 !important;
}


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

.elementor-324 .elementor-element.elementor-element-47eb868 .dj-servicio p{
    position:relative;

    z-index:2;

    margin:
        0 0 22px !important;

    color:#665A6B !important;

    font-size:
        12.8px !important;

    line-height:
        1.7 !important;
}


/* ============================================================
   ENLACE INFERIOR
============================================================ */

.elementor-324 .elementor-element.elementor-element-47eb868 .dj-servicio-link{
    position:relative;

    z-index:2;

    display:flex;

    align-items:center;

    gap:8px;

    margin-top:auto;

    color:#5B2C83;

    font-size:
        11px;

    font-weight:
        850;

    letter-spacing:
        .25px;

    text-transform:
        uppercase;
}


.elementor-324 .elementor-element.elementor-element-47eb868 .dj-servicio-link span{
    display:flex;

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

    width:27px;
    height:27px;

    color:#35124F;

    background:
        #FFD84A;

    border-radius:50%;

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


.elementor-324 .elementor-element.elementor-element-47eb868 .dj-servicio:hover
.dj-servicio-link span{
    color:#FFFFFF;

    background:#C62828;

    transform:
        translateX(4px);
}


/* ============================================================
   NOTA INFERIOR
============================================================ */

.elementor-324 .elementor-element.elementor-element-47eb868 .dj-servicios-note{
    position:relative;

    z-index:2;

    max-width:900px;

    margin:
        36px auto 0;

    padding:
        15px 20px;

    color:#605566;

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

    border:
        1px solid rgba(91,44,131,.10);

    border-left:
        4px solid #F4C430;

    border-radius:13px;

    box-shadow:
        0 10px 26px
        rgba(53,18,79,.06);

    font-size:
        12px;

    line-height:
        1.6;

    text-align:center;
}


.elementor-324 .elementor-element.elementor-element-47eb868 .dj-servicios-note strong{
    color:#5B2C83;
}


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

@media(max-width:1000px){

    .elementor-324 .elementor-element.elementor-element-47eb868 .dj-servicios-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}


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

@media(max-width:650px){

    .elementor-324 .elementor-element.elementor-element-47eb868 .dj-servicios{
        padding:
            48px 15px 55px;

        border-radius:
            18px;
    }


    .elementor-324 .elementor-element.elementor-element-47eb868 .dj-servicios-header{
        margin-bottom:
            30px;
    }


    .elementor-324 .elementor-element.elementor-element-47eb868 .dj-servicios-header h2{
        font-size:
            34px !important;
    }


    .elementor-324 .elementor-element.elementor-element-47eb868 .dj-servicios-grid{
        grid-template-columns:
            1fr;

        gap:
            15px;
    }


    .elementor-324 .elementor-element.elementor-element-47eb868 .dj-servicio{
        min-height:auto;

        padding:
            24px 21px 23px;

        border-radius:
            18px;
    }


    .elementor-324 .elementor-element.elementor-element-47eb868 .dj-servicio-icon{
        width:61px;
        height:61px;

        flex-basis:61px;

        border-radius:15px;
    }


    .elementor-324 .elementor-element.elementor-element-47eb868 .dj-servicio-sistema
    .dj-servicio-icon{
        width:105px;
        height:62px;

        flex-basis:105px;
    }


    .elementor-324 .elementor-element.elementor-element-47eb868 .dj-servicio-geredu
    .dj-servicio-icon{
        width:64px;
        height:64px;

        flex-basis:64px;
    }


    .elementor-324 .elementor-element.elementor-element-47eb868 .dj-servicio h3{
        font-size:
            19px !important;
    }

}/* End custom CSS */