.elementor-322 .elementor-element.elementor-element-0043844{--display:flex;}/* Start custom CSS for html, class: .elementor-element-5494d0c *//* ============================================================
   SECCIÓN TUPA
   IESTP DIVINO JESÚS

   PALETA:
   MORADO   #5B2C83
   OSCURO   #35124F
   PROFUNDO #250B36
   AMARILLO #F4C430
   ROJO     #C62828
============================================================ */


.elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa,
.elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa *,
.elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa *::before,
.elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa *::after{
    box-sizing:border-box;
}


/* ============================================================
   SECCIÓN
============================================================ */

.elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa{
    --morado:#5B2C83;
    --morado-oscuro:#35124F;
    --morado-profundo:#250B36;
    --morado-claro:#7D4AA8;

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

    --rojo:#C62828;

    position:relative;

    width:100%;

    padding:68px 6% 75px;

    overflow:hidden;

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

    border-radius:28px;

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


/* DECORACIÓN */

.elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa::before{
    content:"";

    position:absolute;

    width:460px;
    height:460px;

    right:-290px;
    top:-300px;

    border-radius:50%;

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

    pointer-events:none;
}


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

.elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-header{
    position:relative;

    z-index:2;

    max-width:850px;

    margin:
        0 auto 38px;

    text-align:center;
}


.elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-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-322 .elementor-element.elementor-element-5494d0c .dj-tupa-header h2{
    margin:
        0 !important;

    color:
        #35124F !important;

    font-size:
        clamp(40px,4.6vw,59px) !important;

    font-weight:
        900 !important;

    line-height:
        1.04 !important;

    letter-spacing:
        -1.6px;
}


.elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-line{
    width:90px;
    height:5px;

    margin:
        19px auto;

    border-radius:999px;

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


.elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-header p{
    max-width:680px;

    margin:
        0 auto !important;

    color:
        #716676 !important;

    font-size:
        14px !important;

    line-height:
        1.75 !important;
}


/* ============================================================
   TARJETA DEL PDF
============================================================ */

.elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-document{
    position:relative;

    z-index:2;

    display:grid;

    grid-template-columns:
        auto 1fr auto;

    align-items:center;

    gap:
        22px;

    max-width:
        1180px;

    margin:
        0 auto 35px;

    padding:
        22px 25px;

    overflow:hidden;

    background:
        linear-gradient(
            125deg,
            #5B2C83 0%,
            #35124F 60%,
            #250B36 100%
        );

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

    border-radius:
        22px;

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


/* FRANJA INFERIOR */

.elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-document::after{
    content:"";

    position:absolute;

    left:0;
    bottom:0;

    width:100%;
    height:5px;

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


/* ICONO PDF */

.elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-document-icon{
    display:flex;

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

    width:
        72px;

    height:
        72px;

    flex:0 0 72px;

    background:
        #FFFFFF;

    border-radius:
        18px;

    box-shadow:
        0 12px 28px
        rgba(0,0,0,.16);
}


.elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-document-icon span{
    display:flex;

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

    width:
        43px;

    height:
        43px;

    color:
        #FFFFFF;

    background:
        #C62828;

    border-radius:
        10px;

    font-size:
        10px;

    font-weight:
        900;

    letter-spacing:
        .5px;
}


/* INFORMACIÓN PDF */

.elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-document-info{
    min-width:0;
}


.elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-document-label{
    display:block;

    margin-bottom:
        5px;

    color:
        #FFD84A;

    font-size:
        8px;

    font-weight:
        900;

    letter-spacing:
        1px;

    text-transform:
        uppercase;
}


.elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-document-info h3{
    margin:
        0 0 5px !important;

    color:
        #FFFFFF !important;

    font-size:
        19px !important;

    font-weight:
        850 !important;

    line-height:
        1.25 !important;
}


.elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-document-info p{
    margin:
        0 !important;

    max-width:
        680px;

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

    font-size:
        12.5px !important;

    line-height:
        1.65 !important;
}


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

.elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-button{
    display:inline-flex;

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

    gap:
        9px;

    min-height:
        48px;

    padding:
        0 20px;

    color:
        #35124F !important;

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

    border-radius:
        12px;

    box-shadow:
        0 10px 25px
        rgba(244,196,48,.18);

    font-size:
        12px;

    font-weight:
        850;

    text-decoration:
        none !important;

    white-space:
        nowrap;

    transition:
        .3s ease;
}


.elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-button span{
    font-size:
        17px;

    transition:
        transform .3s ease;
}


.elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-button:hover{
    color:
        #FFFFFF !important;

    background:
        linear-gradient(
            135deg,
            #C62828,
            #941B1B
        );

    transform:
        translateY(-3px);
}


.elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-button:hover span{
    transform:
        translateX(4px);
}


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

.elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-grid{
    position:relative;

    z-index:2;

    display:grid;

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

    gap:
        24px;

    max-width:
        1180px;

    margin:
        0 auto 25px;
}


/* ============================================================
   CARDS
============================================================ */

.elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-card{
    position:relative;

    min-height:
        410px;

    padding:
        38px 34px;

    overflow:hidden;

    border-radius:
        22px;
}


/* CARD PRINCIPAL */

.elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-card-main{
    background:
        linear-gradient(
            145deg,
            #5B2C83,
            #35124F
        );

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


/* LUZ CARD */

.elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-card-main::before{
    content:"";

    position:absolute;

    width:
        230px;

    height:
        230px;

    top:-125px;
    right:-115px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(255,216,74,.18),
            transparent 68%
        );
}


/* CARD SECUNDARIO */

.elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-card-secondary{
    background:
        #FFFFFF;

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

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


/* ============================================================
   NÚMEROS
============================================================ */

.elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-number{
    position:absolute;

    right:
        27px;

    top:
        24px;

    font-size:
        45px;

    line-height:
        1;

    font-weight:
        900;
}


.elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-card-main
.dj-tupa-number{
    color:
        rgba(255,216,74,.17);
}


.elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-card-secondary
.dj-tupa-number{
    color:
        rgba(91,44,131,.09);
}


/* ============================================================
   SUBTÍTULOS
============================================================ */

.elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-small-title{
    display:inline-flex;

    margin-bottom:
        16px;

    padding:
        6px 10px;

    border-radius:
        999px;

    font-size:
        8px;

    font-weight:
        900;

    letter-spacing:
        1px;
}


.elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-card-main
.dj-tupa-small-title{
    color:
        #35124F;

    background:
        #FFD84A;
}


.elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-card-secondary
.dj-tupa-small-title{
    color:
        #FFFFFF;

    background:
        #5B2C83;
}


/* ============================================================
   TÍTULOS DE CARDS
============================================================ */

.elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-card h3{
    position:relative;

    z-index:2;

    max-width:
        430px;

    margin:
        0 0 18px !important;

    font-size:
        24px !important;

    font-weight:
        850 !important;

    line-height:
        1.2 !important;
}


.elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-card-main h3{
    color:
        #FFFFFF !important;
}


.elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-card-secondary h3{
    color:
        #35124F !important;
}


/* ============================================================
   PÁRRAFOS
============================================================ */

.elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-card p{
    position:relative;

    z-index:2;

    margin:
        0 0 16px !important;

    font-size:
        13.5px !important;

    line-height:
        1.78 !important;
}


.elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-card p:last-child{
    margin-bottom:
        0 !important;
}


.elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-card-main p{
    color:
        rgba(255,255,255,.84) !important;
}


.elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-card-main strong{
    color:
        #FFD84A !important;
}


.elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-card-secondary p{
    color:
        #655B69 !important;
}


/* ============================================================
   PUNTOS
============================================================ */

.elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-points{
    display:grid;

    gap:
        10px;

    margin-top:
        22px;
}


.elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-points div{
    display:flex;

    align-items:center;

    gap:
        10px;

    padding:
        11px 12px;

    color:
        #584E5D;

    background:
        #FAF7FC;

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

    border-radius:
        11px;

    font-size:
        12px;

    font-weight:
        600;
}


.elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-points span{
    display:flex;

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

    width:
        22px;

    height:
        22px;

    flex:
        0 0 22px;

    color:
        #35124F;

    background:
        #FFD84A;

    border-radius:
        50%;

    font-size:
        11px;

    font-weight:
        900;
}


/* ============================================================
   MENSAJE FINAL
============================================================ */

.elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-highlight{
    position:relative;

    z-index:2;

    display:flex;

    align-items:center;

    gap:
        18px;

    max-width:
        1180px;

    margin:
        0 auto;

    padding:
        23px 26px;

    background:
        linear-gradient(
            135deg,
            #FFF9DF,
            #FFFDF3
        );

    border:
        1px solid
        rgba(244,196,48,.40);

    border-left:
        5px solid
        #F4C430;

    border-radius:
        17px;

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


/* ICONO */

.elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-highlight-mark{
    display:flex;

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

    width:
        48px;

    height:
        48px;

    flex:
        0 0 48px;

    color:
        #FFFFFF;

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

    border-radius:
        14px;

    font-size:
        19px;

    font-weight:
        900;
}


/* LABEL */

.elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-highlight > div:last-child > span{
    display:block;

    margin-bottom:
        5px;

    color:
        #C62828;

    font-size:
        8px;

    font-weight:
        900;

    letter-spacing:
        1px;

    text-transform:
        uppercase;
}


.elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-highlight p{
    margin:
        0 !important;

    color:
        #4F4554 !important;

    font-size:
        13px !important;

    line-height:
        1.7 !important;
}


.elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-highlight strong{
    color:
        #35124F !important;
}


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

@media(max-width:850px){

    .elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa{
        padding:
            55px 25px 62px;
    }


    .elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-document{
        grid-template-columns:
            auto 1fr;

        gap:
            18px;
    }


    .elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-button{
        grid-column:
            1 / -1;

        width:
            100%;
    }


    .elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-grid{
        grid-template-columns:
            1fr;
    }


    .elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-card{
        min-height:
            auto;
    }

}


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

@media(max-width:600px){

    .elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa{
        padding:
            45px 15px 52px;

        border-radius:
            20px;
    }


    .elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-header{
        margin-bottom:
            28px;
    }


    .elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-header h2{
        font-size:
            34px !important;
    }


    .elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-document{
        grid-template-columns:
            1fr;

        padding:
            23px 19px;

        text-align:
            center;
    }


    .elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-document-icon{
        margin:
            0 auto;
    }


    .elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-document-info h3{
        font-size:
            17px !important;
    }


    .elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-button{
        width:
            100%;
    }


    .elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-card{
        padding:
            31px 23px;

        border-radius:
            18px;
    }


    .elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-card h3{
        font-size:
            21px !important;
    }


    .elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-highlight{
        align-items:
            flex-start;

        padding:
            20px;

        border-radius:
            15px;
    }

}

/* ============================================================
   VISOR PDF TUPA
   IESTP DIVINO JESÚS
============================================================ */

.elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-viewer{
    position:relative;

    z-index:2;

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

    margin:
        0 auto 36px;

    overflow:hidden;

    background:#FFFFFF;

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

    border-radius:
        24px;

    box-shadow:
        0 22px 55px
        rgba(53,18,79,.14);
}


/* ============================================================
   CABECERA DEL VISOR
============================================================ */

.elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-viewer-header{
    position:relative;

    display:flex;

    align-items:center;

    gap:19px;

    padding:
        22px 26px;

    overflow:hidden;

    background:
        linear-gradient(
            125deg,
            #5B2C83 0%,
            #35124F 62%,
            #250B36 100%
        );
}


/* LUZ DECORATIVA */

.elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-viewer-header::before{
    content:"";

    position:absolute;

    width:230px;
    height:230px;

    top:-155px;
    right:-100px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(255,216,74,.17),
            transparent 68%
        );

    pointer-events:none;
}


/* LÍNEA INFERIOR */

.elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-viewer-header::after{
    content:"";

    position:absolute;

    left:0;
    bottom:0;

    width:100%;
    height:4px;

    background:
        linear-gradient(
            90deg,
            #FFD84A,
            #F4C430 68%,
            #C62828
        );
}


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

.elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-pdf-icon{
    position:relative;

    z-index:2;

    display:flex;

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

    width:65px;
    height:65px;

    flex:
        0 0 65px;

    color:#FFFFFF;

    background:
        linear-gradient(
            145deg,
            #C62828,
            #941B1B
        );

    border:
        5px solid
        rgba(255,255,255,.94);

    border-radius:
        17px;

    box-shadow:
        0 10px 25px
        rgba(25,4,37,.24);

    font-size:10px;

    font-weight:900;

    letter-spacing:
        1px;
}


/* ============================================================
   INFORMACIÓN
============================================================ */

.elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-viewer-info{
    position:relative;

    z-index:2;

    min-width:0;
}


.elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-viewer-info > span{
    display:block;

    margin-bottom:
        5px;

    color:
        #FFD84A;

    font-size:
        8px;

    font-weight:
        900;

    line-height:
        1;

    letter-spacing:
        1.15px;

    text-transform:
        uppercase;
}


.elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-viewer-info h3{
    margin:
        0 0 5px !important;

    color:
        #FFFFFF !important;

    font-size:
        20px !important;

    font-weight:
        850 !important;

    line-height:
        1.25 !important;
}


.elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-viewer-info p{
    max-width:
        750px;

    margin:
        0 !important;

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

    font-size:
        12.5px !important;

    line-height:
        1.6 !important;
}


/* ============================================================
   CONTENEDOR DEL PDF
============================================================ */

.elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-pdf{
    position:relative;

    width:100%;

    height:
        760px;

    padding:
        14px;

    background:
        linear-gradient(
            135deg,
            #F8F4FA,
            #FFFFFF
        );
}


/* ============================================================
   IFRAME
============================================================ */

.elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-pdf iframe{
    display:block;

    width:
        100% !important;

    height:
        100% !important;

    margin:
        0 !important;

    padding:
        0 !important;

    background:
        #FFFFFF;

    border:
        0 !important;

    border-radius:
        14px;

    box-shadow:
        inset 0 0 0 1px
        rgba(91,44,131,.08);
}


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

@media(max-width:850px){

    .elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-pdf{
        height:
            650px;
    }


    .elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-viewer-header{
        padding:
            20px 22px;
    }

}


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

@media(max-width:600px){

    .elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-viewer{
        border-radius:
            18px;
    }


    .elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-viewer-header{
        align-items:
            flex-start;

        gap:
            14px;

        padding:
            19px 17px;
    }


    .elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-pdf-icon{
        width:
            52px;

        height:
            52px;

        flex-basis:
            52px;

        border-width:
            4px;

        border-radius:
            14px;

        font-size:
            8px;
    }


    .elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-viewer-info h3{
        font-size:
            16px !important;
    }


    .elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-viewer-info p{
        font-size:
            11px !important;

        line-height:
            1.5 !important;
    }


    .elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-pdf{
        height:
            560px;

        padding:
            8px;
    }


    .elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-pdf iframe{
        border-radius:
            10px;
    }

}


/* ============================================================
   CELULAR PEQUEÑO
============================================================ */

@media(max-width:420px){

    .elementor-322 .elementor-element.elementor-element-5494d0c .dj-tupa-pdf{
        height:
            500px;
    }

}/* End custom CSS */