.elementor-171 .elementor-element.elementor-element-721f3bf{--display:flex;overflow:visible;}/* Start custom CSS for html, class: .elementor-element-cbbeda7 *//* ============================================================
   DOCUMENTOS DE GESTIÓN
   IESTP IBERIA TAHUAMANU
   RI - PEI - PAT
============================================================ */

.elementor-171 .elementor-element.elementor-element-cbbeda7 .gestion-iberia{
    --dg-blue-dark:#123B5D;
    --dg-blue:#1F5F96;
    --dg-blue-mid:#2F76B3;

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

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

    position:relative;

    width:100%;

    padding:65px 30px;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 5% 8%,
            rgba(47,118,179,.08),
            transparent 27%
        ),
        radial-gradient(
            circle at 95% 92%,
            rgba(201,162,39,.07),
            transparent 25%
        ),
        linear-gradient(
            135deg,
            #FFFFFF,
            #F3F6F8
        );
}


/* Línea superior */

.elementor-171 .elementor-element.elementor-element-cbbeda7 .gestion-iberia::before{
    content:"";

    position:absolute;

    top:0;
    left:5%;

    width:90%;
    height:4px;

    border-radius:0 0 20px 20px;

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


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

.elementor-171 .elementor-element.elementor-element-cbbeda7 .dg-inner{
    position:relative;

    z-index:2;

    max-width:1320px;

    margin:0 auto;
}


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

.elementor-171 .elementor-element.elementor-element-cbbeda7 .dg-header{
    max-width:820px;

    margin:0 auto 42px;

    text-align:center;
}


.elementor-171 .elementor-element.elementor-element-cbbeda7 .dg-eyebrow{
    display:inline-flex;

    padding:7px 14px;

    margin-bottom:14px;

    border-radius:30px;

    color:var(--dg-blue);

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

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

    font-size:11px;

    font-weight:800;

    text-transform:uppercase;

    letter-spacing:1.2px;
}


.elementor-171 .elementor-element.elementor-element-cbbeda7 .dg-title{
    margin:0 0 15px !important;

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

    font-size:
        clamp(38px,5vw,56px);

    line-height:1.08;

    font-weight:
        850 !important;

    letter-spacing:-1.3px;
}


.elementor-171 .elementor-element.elementor-element-cbbeda7 .dg-title span{
    position:relative;

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


.elementor-171 .elementor-element.elementor-element-cbbeda7 .dg-title span::after{
    content:"";

    position:absolute;

    left:8%;
    bottom:-7px;

    width:84%;
    height:4px;

    border-radius:20px;

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


.elementor-171 .elementor-element.elementor-element-cbbeda7 .dg-intro{
    max-width:720px;

    margin:23px auto 0 !important;

    color:
        var(--dg-gray);

    font-size:15px;

    line-height:1.7;
}


.elementor-171 .elementor-element.elementor-element-cbbeda7 .dg-intro strong{
    color:
        var(--dg-blue-dark);
}


/* ============================================================
   PESTAÑAS
============================================================ */

.elementor-171 .elementor-element.elementor-element-cbbeda7 .dg-tabs{
    display:grid;

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

    gap:10px;

    margin-bottom:15px;
}


.elementor-171 .elementor-element.elementor-element-cbbeda7 .dg-tab{
    position:relative;

    display:grid;

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

    align-items:center;

    gap:13px;

    min-height:90px;

    padding:16px 18px;

    overflow:hidden;

    border-radius:14px;

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

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

    cursor:pointer;

    text-align:left;

    font-family:inherit;

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

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


.elementor-171 .elementor-element.elementor-element-cbbeda7 .dg-tab::before{
    content:"";

    position:absolute;

    left:0;
    bottom:0;

    width:100%;
    height:4px;

    transform:scaleX(0);

    transform-origin:left;

    background:
        linear-gradient(
            90deg,
            var(--dg-blue-mid),
            var(--dg-gold)
        );

    transition:
        transform .35s ease;
}


.elementor-171 .elementor-element.elementor-element-cbbeda7 .dg-tab:hover{
    transform:
        translateY(-4px);

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

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


.elementor-171 .elementor-element.elementor-element-cbbeda7 .dg-tab.active{
    color:#FFFFFF;

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

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

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


.elementor-171 .elementor-element.elementor-element-cbbeda7 .dg-tab.active::before{
    transform:
        scaleX(1);
}


/* ============================================================
   CÓDIGO DE PESTAÑA
============================================================ */

.elementor-171 .elementor-element.elementor-element-cbbeda7 .dg-tab-code{
    width:53px;
    height:53px;

    display:flex;

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

    border-radius:13px;

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

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

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

    font-size:13px;

    font-weight:900;

    letter-spacing:.5px;

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


.elementor-171 .elementor-element.elementor-element-cbbeda7 .dg-tab.active
.dg-tab-code{
    color:
        var(--dg-blue-dark);

    background:
        linear-gradient(
            145deg,
            var(--dg-gold-light),
            var(--dg-gold)
        );
}


/* ============================================================
   TEXTO PESTAÑA
============================================================ */

.elementor-171 .elementor-element.elementor-element-cbbeda7 .dg-tab-text{
    display:block;
}


.elementor-171 .elementor-element.elementor-element-cbbeda7 .dg-tab-text strong{
    display:block;

    margin-bottom:4px;

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

    font-size:13px;

    line-height:1.3;

    font-weight:800;
}


.elementor-171 .elementor-element.elementor-element-cbbeda7 .dg-tab-text small{
    display:block;

    color:
        var(--dg-gray);

    font-size:9px;

    line-height:1.3;
}


.elementor-171 .elementor-element.elementor-element-cbbeda7 .dg-tab.active
.dg-tab-text strong{
    color:
        #FFFFFF;
}


.elementor-171 .elementor-element.elementor-element-cbbeda7 .dg-tab.active
.dg-tab-text small{
    color:
        #DDEAF3;
}


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

.elementor-171 .elementor-element.elementor-element-cbbeda7 .dg-content{
    position:relative;
}


.elementor-171 .elementor-element.elementor-element-cbbeda7 .dg-panel{
    display:none;

    overflow:hidden;

    border-radius:17px;

    background:
        #FFFFFF;

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

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


.elementor-171 .elementor-element.elementor-element-cbbeda7 .dg-panel.active{
    display:block;

    animation:
        dgEntrada .4s ease both;
}


@keyframes dgEntrada{

    from{
        opacity:0;

        transform:
            translateY(10px);
    }

    to{
        opacity:1;

        transform:
            translateY(0);
    }

}


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

.elementor-171 .elementor-element.elementor-element-cbbeda7 .dg-document-top{
    position:relative;

    display:grid;

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

    align-items:center;

    gap:16px;

    padding:18px 20px;

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

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


.elementor-171 .elementor-element.elementor-element-cbbeda7 .dg-document-top::before{
    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:4px;

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


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

.elementor-171 .elementor-element.elementor-element-cbbeda7 .dg-doc-icon{
    width:55px;
    height:55px;

    display:flex;

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

    border-radius:14px;

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

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

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


.elementor-171 .elementor-element.elementor-element-cbbeda7 .dg-doc-icon svg{
    width:27px;
    height:27px;

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


/* ============================================================
   INFO DOCUMENTO
============================================================ */

.elementor-171 .elementor-element.elementor-element-cbbeda7 .dg-doc-info > span{
    display:block;

    margin-bottom:3px;

    color:
        var(--dg-gold);

    font-size:8px;

    font-weight:850;

    text-transform:uppercase;

    letter-spacing:1px;
}


.elementor-171 .elementor-element.elementor-element-cbbeda7 .dg-doc-info h3{
    margin:
        0 0 4px !important;

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

    font-size:
        18px !important;

    font-weight:
        850 !important;
}


.elementor-171 .elementor-element.elementor-element-cbbeda7 .dg-doc-info p{
    margin:0 !important;

    color:
        var(--dg-gray);

    font-size:10px;

    line-height:1.5;
}


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

.elementor-171 .elementor-element.elementor-element-cbbeda7 .dg-open{
    display:inline-flex;

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

    gap:8px;

    min-height:44px;

    padding:
        10px 16px;

    border-radius:8px;

    color:
        #FFFFFF !important;

    text-decoration:none !important;

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

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

    font-size:11px;

    font-weight:800;

    white-space:nowrap;

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


.elementor-171 .elementor-element.elementor-element-cbbeda7 .dg-open > span{
    color:
        var(--dg-gold-light);

    font-size:16px;
}


.elementor-171 .elementor-element.elementor-element-cbbeda7 .dg-open:hover{
    transform:
        translateY(-2px);

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

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

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


.elementor-171 .elementor-element.elementor-element-cbbeda7 .dg-open:hover > span{
    color:
        var(--dg-blue-dark);
}


/* ============================================================
   VISOR PDF
============================================================ */

.elementor-171 .elementor-element.elementor-element-cbbeda7 .dg-viewer{
    position:relative;

    width:100%;
    height:780px;

    overflow:hidden;

    background:
        #DDE3E8;
}


.elementor-171 .elementor-element.elementor-element-cbbeda7 .dg-viewer object,
.elementor-171 .elementor-element.elementor-element-cbbeda7 .dg-viewer iframe{
    display:block;

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

    border:0 !important;

    background:
        #FFFFFF;
}


/* ============================================================
   FALLBACK
============================================================ */

.elementor-171 .elementor-element.elementor-element-cbbeda7 .dg-fallback{
    padding:35px;

    text-align:center;

    background:#FFFFFF;
}


.elementor-171 .elementor-element.elementor-element-cbbeda7 .dg-fallback p{
    color:
        var(--dg-gray);
}


.elementor-171 .elementor-element.elementor-element-cbbeda7 .dg-fallback a{
    display:inline-block;

    padding:10px 18px;

    border-radius:8px;

    color:#FFFFFF !important;

    background:
        var(--dg-blue);

    text-decoration:none !important;
}


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

@media(max-width:1024px){

    .elementor-171 .elementor-element.elementor-element-cbbeda7 .gestion-iberia{
        padding:
            55px 22px;
    }


    .elementor-171 .elementor-element.elementor-element-cbbeda7 .dg-tab{
        grid-template-columns:
            1fr;

        justify-items:center;

        text-align:center;
    }


    .elementor-171 .elementor-element.elementor-element-cbbeda7 .dg-document-top{
        grid-template-columns:
            auto 1fr;
    }


    .elementor-171 .elementor-element.elementor-element-cbbeda7 .dg-open{
        grid-column:
            1 / -1;

        width:100%;
    }


    .elementor-171 .elementor-element.elementor-element-cbbeda7 .dg-viewer{
        height:680px;
    }

}


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

@media(max-width:767px){

    .elementor-171 .elementor-element.elementor-element-cbbeda7 .gestion-iberia{
        padding:
            42px 12px;
    }


    .elementor-171 .elementor-element.elementor-element-cbbeda7 .dg-title{
        font-size:
            36px;
    }


    .elementor-171 .elementor-element.elementor-element-cbbeda7 .dg-intro{
        font-size:
            14px;
    }


    .elementor-171 .elementor-element.elementor-element-cbbeda7 .dg-tabs{
        display:flex;

        gap:7px;

        overflow-x:auto;

        padding-bottom:4px;

        scrollbar-width:none;
    }


    .elementor-171 .elementor-element.elementor-element-cbbeda7 .dg-tabs::-webkit-scrollbar{
        display:none;
    }


    .elementor-171 .elementor-element.elementor-element-cbbeda7 .dg-tab{
        min-width:200px;

        flex:
            0 0 auto;

        min-height:100px;
    }


    .elementor-171 .elementor-element.elementor-element-cbbeda7 .dg-document-top{
        grid-template-columns:
            auto 1fr;

        padding:
            16px;
    }


    .elementor-171 .elementor-element.elementor-element-cbbeda7 .dg-doc-info h3{
        font-size:
            15px !important;
    }


    .elementor-171 .elementor-element.elementor-element-cbbeda7 .dg-doc-info p{
        display:none;
    }


    .elementor-171 .elementor-element.elementor-element-cbbeda7 .dg-open{
        grid-column:
            1 / -1;

        width:100%;
    }


    .elementor-171 .elementor-element.elementor-element-cbbeda7 .dg-viewer{
        height:540px;
    }

}/* End custom CSS */