.elementor-180 .elementor-element.elementor-element-bacf07e{--display:flex;overflow:visible;}/* Start custom CSS for html, class: .elementor-element-68777b8 *//* ============================================================
   ESTADÍSTICAS INSTITUCIONALES
   IESTP IBERIA TAHUAMANU
============================================================ */

.elementor-180 .elementor-element.elementor-element-68777b8 .estadisticas-iberia{

    --est-blue-dark:#123B5D;
    --est-blue:#1F5F96;
    --est-blue-mid:#2F76B3;

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

    --est-gray:#66727D;
    --est-light:#EFF3F6;
    --est-white:#FFFFFF;

    position:relative;

    width:100%;

    padding:70px 30px;

    overflow:hidden;

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


/* LÍNEA SUPERIOR */

.elementor-180 .elementor-element.elementor-element-68777b8 .estadisticas-iberia::before{

    content:"";

    position:absolute;

    top:0;
    left:5%;

    width:90%;
    height:4px;

    border-radius:0 0 20px 20px;

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

}


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

.elementor-180 .elementor-element.elementor-element-68777b8 .est-inner{

    position:relative;

    z-index:2;

    max-width:1320px;

    margin:0 auto;

}


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

.elementor-180 .elementor-element.elementor-element-68777b8 .est-header{

    max-width:820px;

    margin:0 auto 45px;

    text-align:center;

}


.elementor-180 .elementor-element.elementor-element-68777b8 .est-eyebrow{

    display:inline-flex;

    padding:7px 14px;

    margin-bottom:14px;

    border-radius:30px;

    color:var(--est-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-180 .elementor-element.elementor-element-68777b8 .est-title{

    margin:0 0 15px !important;

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

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

    line-height:1.08;

    font-weight:850 !important;

    letter-spacing:-1.3px;

}


.elementor-180 .elementor-element.elementor-element-68777b8 .est-title span{

    position:relative;

    color:
        var(--est-blue-mid);

}


.elementor-180 .elementor-element.elementor-element-68777b8 .est-title span::after{

    content:"";

    position:absolute;

    left:8%;
    bottom:-7px;

    width:84%;
    height:4px;

    border-radius:20px;

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

}


.elementor-180 .elementor-element.elementor-element-68777b8 .est-intro{

    max-width:720px;

    margin:23px auto 0 !important;

    color:
        var(--est-gray);

    font-size:15px;

    line-height:1.7;

}


.elementor-180 .elementor-element.elementor-element-68777b8 .est-intro strong{

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

}


/* ============================================================
   CONTADORES
============================================================ */

.elementor-180 .elementor-element.elementor-element-68777b8 .est-counters{

    display:grid;

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

    gap:15px;

    margin-bottom:25px;

}


.elementor-180 .elementor-element.elementor-element-68777b8 .est-counter{

    position:relative;

    padding:25px 20px;

    overflow:hidden;

    border-radius:16px;

    text-align:center;

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

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

    box-shadow:
        0 8px 22px rgba(18,59,93,.08);

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

}


.elementor-180 .elementor-element.elementor-element-68777b8 .est-counter::before{

    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:4px;

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

}


.elementor-180 .elementor-element.elementor-element-68777b8 .est-counter:hover{

    transform:
        translateY(-7px);

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

    box-shadow:
        0 15px 32px rgba(18,59,93,.14);

}


.elementor-180 .elementor-element.elementor-element-68777b8 .est-counter-label{

    display:block;

    margin-bottom:9px;

    color:
        var(--est-gold);

    font-size:9px;

    font-weight:850;

    text-transform:uppercase;

    letter-spacing:1px;

}


.elementor-180 .elementor-element.elementor-element-68777b8 .est-counter-number{

    display:block;

    margin-bottom:7px;

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

    font-size:
        clamp(37px,5vw,52px);

    line-height:1;

    font-weight:900;

}


.elementor-180 .elementor-element.elementor-element-68777b8 .est-counter small{

    color:
        var(--est-gray);

    font-size:10px;

}


/* ============================================================
   GRID DE GRÁFICOS
============================================================ */

.elementor-180 .elementor-element.elementor-element-68777b8 .est-grid{

    display:grid;

    grid-template-columns:
        1.35fr .65fr;

    gap:18px;

}


.elementor-180 .elementor-element.elementor-element-68777b8 .est-card{

    min-width:0;

    padding:24px;

    border-radius:17px;

    background:#FFFFFF;

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

    box-shadow:
        0 10px 28px rgba(18,59,93,.08);

}


.elementor-180 .elementor-element.elementor-element-68777b8 .est-card-wide{

    min-height:440px;

}


.elementor-180 .elementor-element.elementor-element-68777b8 .est-card-line{

    grid-column:1 / -1;

    min-height:390px;

}


/* ============================================================
   HEADER GRÁFICOS
============================================================ */

.elementor-180 .elementor-element.elementor-element-68777b8 .est-card-header{

    display:flex;

    align-items:flex-start;

    justify-content:space-between;

    gap:15px;

    margin-bottom:20px;

}


.elementor-180 .elementor-element.elementor-element-68777b8 .est-card-header span{

    display:block;

    margin-bottom:4px;

    color:
        var(--est-gold);

    font-size:9px;

    font-weight:850;

    text-transform:uppercase;

    letter-spacing:1px;

}


.elementor-180 .elementor-element.elementor-element-68777b8 .est-card-header h3{

    margin:0 !important;

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

    font-size:
        20px !important;

    font-weight:
        850 !important;

}


.elementor-180 .elementor-element.elementor-element-68777b8 .est-card-badge{

    padding:7px 12px;

    border-radius:20px;

    color:
        var(--est-blue);

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

    font-size:10px;

    font-weight:850;

}


/* ============================================================
   CANVAS
============================================================ */

.elementor-180 .elementor-element.elementor-element-68777b8 .est-chart-wrapper{

    position:relative;

    width:100%;

    height:330px;

}


.elementor-180 .elementor-element.elementor-element-68777b8 .est-line-wrapper{

    height:300px;

}


/* ============================================================
   DONUT
============================================================ */

.elementor-180 .elementor-element.elementor-element-68777b8 .est-donut-area{

    position:relative;

    width:100%;

    height:260px;

}


.elementor-180 .elementor-element.elementor-element-68777b8 .est-donut-center{

    position:absolute;

    top:50%;
    left:50%;

    transform:
        translate(-50%,-50%);

    text-align:center;

    pointer-events:none;

}


.elementor-180 .elementor-element.elementor-element-68777b8 .est-donut-center strong{

    display:block;

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

    font-size:31px;

    line-height:1;

    font-weight:900;

}


.elementor-180 .elementor-element.elementor-element-68777b8 .est-donut-center span{

    display:block;

    margin-top:5px;

    color:
        var(--est-gray);

    font-size:9px;

    text-transform:uppercase;

}


/* ============================================================
   LEYENDA
============================================================ */

.elementor-180 .elementor-element.elementor-element-68777b8 .est-legend{

    display:grid;

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

    gap:8px;

    margin-top:15px;

}


.elementor-180 .elementor-element.elementor-element-68777b8 .est-legend > div{

    display:flex;

    align-items:center;

    gap:8px;

    padding:9px;

    border-radius:9px;

    background:
        #F4F6F8;

}


.elementor-180 .elementor-element.elementor-element-68777b8 .est-dot{

    width:10px;
    height:10px;

    min-width:10px;

    border-radius:50%;

}


.elementor-180 .elementor-element.elementor-element-68777b8 .est-dot-blue{

    background:
        var(--est-blue-mid);

}


.elementor-180 .elementor-element.elementor-element-68777b8 .est-dot-gold{

    background:
        var(--est-gold);

}


.elementor-180 .elementor-element.elementor-element-68777b8 .est-legend p{

    margin:0 !important;

    color:
        var(--est-gray);

    font-size:9px;

}


.elementor-180 .elementor-element.elementor-element-68777b8 .est-legend strong{

    display:block;

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

    font-size:12px;

}


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

.elementor-180 .elementor-element.elementor-element-68777b8 .est-note{

    display:flex;

    align-items:center;

    gap:12px;

    margin-top:18px;

    padding:14px 17px;

    border-radius:11px;

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

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

}


.elementor-180 .elementor-element.elementor-element-68777b8 .est-note-icon{

    width:28px;
    height:28px;

    min-width:28px;

    display:flex;

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

    border-radius:50%;

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

    background:
        var(--est-blue-dark);

    font-size:11px;

    font-weight:900;

}


.elementor-180 .elementor-element.elementor-element-68777b8 .est-note p{

    margin:0 !important;

    color:
        var(--est-gray);

    font-size:10px;

    line-height:1.5;

}


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

@media(max-width:1024px){

    .elementor-180 .elementor-element.elementor-element-68777b8 .estadisticas-iberia{

        padding:
            55px 22px;

    }


    .elementor-180 .elementor-element.elementor-element-68777b8 .est-counters{

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

    }


    .elementor-180 .elementor-element.elementor-element-68777b8 .est-grid{

        grid-template-columns:
            1fr;

    }


    .elementor-180 .elementor-element.elementor-element-68777b8 .est-card-line{

        grid-column:auto;

    }

}


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

@media(max-width:767px){

    .elementor-180 .elementor-element.elementor-element-68777b8 .estadisticas-iberia{

        padding:
            42px 12px;

    }


    .elementor-180 .elementor-element.elementor-element-68777b8 .est-title{

        font-size:
            36px;

    }


    .elementor-180 .elementor-element.elementor-element-68777b8 .est-intro{

        font-size:
            14px;

    }


    .elementor-180 .elementor-element.elementor-element-68777b8 .est-counters{

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

        gap:10px;

    }


    .elementor-180 .elementor-element.elementor-element-68777b8 .est-counter{

        padding:
            20px 10px;

    }


    .elementor-180 .elementor-element.elementor-element-68777b8 .est-counter-number{

        font-size:
            34px;

    }


    .elementor-180 .elementor-element.elementor-element-68777b8 .est-card{

        padding:
            18px 13px;

    }


    .elementor-180 .elementor-element.elementor-element-68777b8 .est-card-header h3{

        font-size:
            17px !important;

    }


    .elementor-180 .elementor-element.elementor-element-68777b8 .est-chart-wrapper{

        height:
            300px;

    }


    .elementor-180 .elementor-element.elementor-element-68777b8 .est-donut-area{

        height:
            235px;

    }


    .elementor-180 .elementor-element.elementor-element-68777b8 .est-line-wrapper{

        height:
            270px;

    }

}/* End custom CSS */