.elementor-219 .elementor-element.elementor-element-0540ae4{--display:flex;overflow:visible;}/* Start custom CSS for html, class: .elementor-element-ceecf3f *//* ============================================================
   CONTACTO
   IESTP IBERIA TAHUAMANU
   AZUL + PLOMO + DORADO
============================================================ */

.elementor-219 .elementor-element.elementor-element-ceecf3f .contacto-iberia{
    --ct-blue-dark:#123B5D;
    --ct-blue:#1F5F96;
    --ct-blue-mid:#2F76B3;

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

    --ct-green:#2F7D4A;

    --ct-gray:#66727D;
    --ct-light:#EEF2F5;
    --ct-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,.07),
            transparent 25%
        ),
        linear-gradient(
            135deg,
            #FFFFFF,
            #F3F6F8
        );
}


/* ============================================================
   LÍNEA SUPERIOR
============================================================ */

.elementor-219 .elementor-element.elementor-element-ceecf3f .contacto-iberia::before{
    content:"";

    position:absolute;

    top:0;
    left:5%;

    width:90%;
    height:4px;

    border-radius:0 0 20px 20px;

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


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

.elementor-219 .elementor-element.elementor-element-ceecf3f .ct-inner{
    position:relative;

    z-index:2;

    max-width:1320px;

    margin:0 auto;
}


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

.elementor-219 .elementor-element.elementor-element-ceecf3f .ct-header{
    max-width:820px;

    margin:0 auto 45px;

    text-align:center;
}


.elementor-219 .elementor-element.elementor-element-ceecf3f .ct-eyebrow{
    display:inline-flex;

    padding:7px 14px;

    margin-bottom:14px;

    border-radius:30px;

    color:var(--ct-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-219 .elementor-element.elementor-element-ceecf3f .ct-title{
    margin:0 0 15px !important;

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

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

    line-height:1.08;

    font-weight:
        850 !important;

    letter-spacing:-1.3px;
}


.elementor-219 .elementor-element.elementor-element-ceecf3f .ct-title span{
    position:relative;

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


.elementor-219 .elementor-element.elementor-element-ceecf3f .ct-title span::after{
    content:"";

    position:absolute;

    left:8%;
    bottom:-7px;

    width:84%;
    height:4px;

    border-radius:20px;

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


.elementor-219 .elementor-element.elementor-element-ceecf3f .ct-intro{
    max-width:740px;

    margin:23px auto 0 !important;

    color:var(--ct-gray);

    font-size:15px;

    line-height:1.7;
}


.elementor-219 .elementor-element.elementor-element-ceecf3f .ct-intro strong{
    color:var(--ct-blue-dark);
}


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

.elementor-219 .elementor-element.elementor-element-ceecf3f .ct-grid{
    display:grid;

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

    gap:16px;

    margin-bottom:25px;
}


/* ============================================================
   TARJETAS
============================================================ */

.elementor-219 .elementor-element.elementor-element-ceecf3f .ct-card{
    position:relative;

    min-width:0;

    min-height:330px;

    display:flex;

    flex-direction:column;

    padding:27px 23px;

    overflow:hidden;

    border-radius:17px;

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

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

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

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


.elementor-219 .elementor-element.elementor-element-ceecf3f .ct-card::before{
    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:4px;

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


.elementor-219 .elementor-element.elementor-element-ceecf3f .ct-card::after{
    content:"";

    position:absolute;

    width:110px;
    height:110px;

    right:-60px;
    bottom:-60px;

    border-radius:50%;

    border:
        16px solid rgba(31,95,150,.04);

    transition:
        transform .4s ease;
}


.elementor-219 .elementor-element.elementor-element-ceecf3f .ct-card:hover{
    transform:
        translateY(-8px);

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

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


.elementor-219 .elementor-element.elementor-element-ceecf3f .ct-card:hover::after{
    transform:
        scale(1.30)
        rotate(15deg);
}


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

.elementor-219 .elementor-element.elementor-element-ceecf3f .ct-number{
    position:absolute;

    top:17px;
    right:20px;

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

    font-size:37px;

    line-height:1;

    font-weight:900;
}


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

.elementor-219 .elementor-element.elementor-element-ceecf3f .ct-icon{
    position:relative;

    z-index:2;

    width:58px;
    height:58px;

    display:flex;

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

    margin-bottom:20px;

    border-radius:15px;

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

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

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

    transition:
        transform .35s ease;
}


.elementor-219 .elementor-element.elementor-element-ceecf3f .ct-card:hover
.ct-icon{
    transform:
        translateY(-4px)
        rotate(-5deg);
}


.elementor-219 .elementor-element.elementor-element-ceecf3f .ct-icon svg{
    width:28px;
    height:28px;

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


/* ============================================================
   TEXTOS
============================================================ */

.elementor-219 .elementor-element.elementor-element-ceecf3f .ct-label{
    position:relative;

    z-index:2;

    display:block;

    margin-bottom:5px;

    color:
        var(--ct-gold);

    font-size:9px;

    font-weight:850;

    text-transform:uppercase;

    letter-spacing:1px;
}


.elementor-219 .elementor-element.elementor-element-ceecf3f .ct-card h3{
    position:relative;

    z-index:2;

    margin:
        0 0 10px !important;

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

    font-size:
        20px !important;

    font-weight:
        850 !important;
}


.elementor-219 .elementor-element.elementor-element-ceecf3f .ct-card > p{
    position:relative;

    z-index:2;

    flex:1;

    margin:
        0 0 18px !important;

    color:
        var(--ct-gray);

    font-size:11px;

    line-height:1.65;
}


/* ============================================================
   LINKS
============================================================ */

.elementor-219 .elementor-element.elementor-element-ceecf3f .ct-card > a{
    position:relative;

    z-index:3;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:10px;

    min-width:0;

    padding-top:15px;

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

    color:
        var(--ct-blue) !important;

    text-decoration:none !important;

    font-size:10px;

    line-height:1.4;

    font-weight:750;

    overflow-wrap:anywhere;

    transition:
        color .3s ease;
}


.elementor-219 .elementor-element.elementor-element-ceecf3f .ct-card > a span{
    flex:0 0 auto;

    color:
        var(--ct-gold);

    font-size:18px;

    transition:
        transform .3s ease;
}


.elementor-219 .elementor-element.elementor-element-ceecf3f .ct-card > a:hover{
    color:
        var(--ct-gold) !important;
}


.elementor-219 .elementor-element.elementor-element-ceecf3f .ct-card > a:hover span{
    transform:
        translateX(4px);
}


/* ============================================================
   HORARIO
============================================================ */

.elementor-219 .elementor-element.elementor-element-ceecf3f .ct-info-highlight{
    position:relative;

    z-index:3;

    margin-top:auto;

    padding:
        14px;

    border-radius:10px;

    color:
        var(--ct-gray);

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

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

    font-size:10px;

    line-height:1.55;
}


.elementor-219 .elementor-element.elementor-element-ceecf3f .ct-info-highlight strong{
    color:
        var(--ct-blue-dark);

    font-size:12px;
}


/* ============================================================
   UBICACIÓN
============================================================ */

.elementor-219 .elementor-element.elementor-element-ceecf3f .ct-location-card{
    background:
        radial-gradient(
            circle at 95% 10%,
            rgba(201,162,39,.07),
            transparent 30%
        ),
        linear-gradient(
            145deg,
            #FFFFFF,
            #EEF2F5
        );
}


/* ============================================================
   BLOQUE FINAL
============================================================ */

.elementor-219 .elementor-element.elementor-element-ceecf3f .ct-final{
    position:relative;

    display:grid;

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

    align-items:center;

    gap:22px;

    padding:
        30px;

    overflow:hidden;

    border-radius:18px;

    background:
        radial-gradient(
            circle at 92% 12%,
            rgba(90,156,208,.20),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            var(--ct-blue-dark),
            var(--ct-blue) 60%,
            var(--ct-blue-mid)
        );

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

    box-shadow:
        0 16px 37px rgba(18,59,93,.22);
}


.elementor-219 .elementor-element.elementor-element-ceecf3f .ct-final::after{
    content:"";

    position:absolute;

    width:200px;
    height:200px;

    right:-110px;
    bottom:-125px;

    border-radius:50%;

    border:
        28px solid rgba(255,255,255,.04);
}


/* ============================================================
   ICONO FINAL
============================================================ */

.elementor-219 .elementor-element.elementor-element-ceecf3f .ct-final-icon{
    position:relative;

    z-index:2;

    width:67px;
    height:67px;

    display:flex;

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

    border-radius:16px;

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

    border:
        1px solid rgba(230,199,90,.50);
}


.elementor-219 .elementor-element.elementor-element-ceecf3f .ct-final-icon svg{
    width:31px;
    height:31px;

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


/* ============================================================
   TEXTO FINAL
============================================================ */

.elementor-219 .elementor-element.elementor-element-ceecf3f .ct-final-content{
    position:relative;

    z-index:2;
}


.elementor-219 .elementor-element.elementor-element-ceecf3f .ct-final-content > span{
    color:
        var(--ct-gold-light);

    font-size:9px;

    font-weight:850;

    text-transform:uppercase;

    letter-spacing:1px;
}


.elementor-219 .elementor-element.elementor-element-ceecf3f .ct-final-content h2{
    margin:
        4px 0 6px !important;

    color:#FFFFFF !important;

    font-size:
        24px !important;

    font-weight:
        850 !important;
}


.elementor-219 .elementor-element.elementor-element-ceecf3f .ct-final-content p{
    margin:0 !important;

    color:
        #DFEAF2;

    font-size:11px;

    line-height:1.55;
}


/* ============================================================
   WHATSAPP
============================================================ */

.elementor-219 .elementor-element.elementor-element-ceecf3f .ct-whatsapp{
    position:relative;

    z-index:3;

    display:inline-flex;

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

    gap:10px;

    min-height:48px;

    padding:
        12px 20px;

    border-radius:9px;

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

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

    text-decoration:none !important;

    white-space:nowrap;

    font-size:11px;

    font-weight:850;

    box-shadow:
        0 8px 18px rgba(0,0,0,.14);

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


.elementor-219 .elementor-element.elementor-element-ceecf3f .ct-whatsapp:hover{
    transform:
        translateY(-3px);

    box-shadow:
        0 12px 24px rgba(0,0,0,.20);
}


.elementor-219 .elementor-element.elementor-element-ceecf3f .ct-whatsapp span{
    font-size:18px;
}


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

@media(max-width:1024px){

    .elementor-219 .elementor-element.elementor-element-ceecf3f .contacto-iberia{
        padding:
            55px 22px;
    }


    .elementor-219 .elementor-element.elementor-element-ceecf3f .ct-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }


    .elementor-219 .elementor-element.elementor-element-ceecf3f .ct-final{
        grid-template-columns:
            auto 1fr;
    }


    .elementor-219 .elementor-element.elementor-element-ceecf3f .ct-whatsapp{
        grid-column:
            1 / -1;

        width:100%;
    }

}


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

@media(max-width:767px){

    .elementor-219 .elementor-element.elementor-element-ceecf3f .contacto-iberia{
        padding:
            42px 12px;
    }


    .elementor-219 .elementor-element.elementor-element-ceecf3f .ct-title{
        font-size:
            36px;
    }


    .elementor-219 .elementor-element.elementor-element-ceecf3f .ct-intro{
        font-size:
            14px;
    }


    .elementor-219 .elementor-element.elementor-element-ceecf3f .ct-grid{
        grid-template-columns:
            1fr;

        gap:12px;
    }


    .elementor-219 .elementor-element.elementor-element-ceecf3f .ct-card{
        min-height:auto;

        padding:
            23px 19px;
    }


    .elementor-219 .elementor-element.elementor-element-ceecf3f .ct-final{
        grid-template-columns:
            1fr;

        justify-items:center;

        text-align:center;

        padding:
            26px 20px;
    }


    .elementor-219 .elementor-element.elementor-element-ceecf3f .ct-whatsapp{
        width:100%;

        white-space:normal;
    }

}/* End custom CSS */