.elementor-46 .elementor-element.elementor-element-615faa9{--display:flex;overflow:visible;}/* Start custom CSS for html, class: .elementor-element-1c643b5 *//* ============================================================
   PRESENTACIÓN
   IESTP IBERIA TAHUAMANU
   AZUL + PLOMO + DORADO
============================================================ */

.elementor-46 .elementor-element.elementor-element-1c643b5 .presentacion-iberia{
    --pre-blue-dark:#123B5D;
    --pre-blue:#1F5F96;
    --pre-blue-mid:#2F76B3;
    --pre-blue-light:#5A9CD0;

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

    --pre-gray:#68737D;
    --pre-gray-light:#EEF2F5;
    --pre-white:#FFFFFF;

    position:relative;

    width:100%;

    padding:
        75px 40px;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 6% 12%,
            rgba(47,118,179,.08),
            transparent 28%
        ),
        radial-gradient(
            circle at 94% 90%,
            rgba(201,162,39,.07),
            transparent 25%
        ),
        linear-gradient(
            135deg,
            #FFFFFF 0%,
            #F5F7F9 52%,
            #EDF1F4 100%
        );
}


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

.elementor-46 .elementor-element.elementor-element-1c643b5 .presentacion-iberia::before{
    content:"";

    position:absolute;

    top:0;
    left:5%;

    width:90%;
    height:4px;

    border-radius:
        0 0 20px 20px;

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


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

.elementor-46 .elementor-element.elementor-element-1c643b5 .pre-inner{
    position:relative;

    z-index:2;

    max-width:1350px;

    margin:0 auto;

    display:grid;

    grid-template-columns:
        minmax(360px,.88fr)
        minmax(0,1.12fr);

    align-items:center;

    gap:70px;
}


/* ============================================================
   BLOQUE VISUAL
============================================================ */

.elementor-46 .elementor-element.elementor-element-1c643b5 .pre-visual{
    position:relative;

    min-height:500px;

    display:flex;

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


/* ============================================================
   TARJETA PRINCIPAL DE IMAGEN
============================================================ */

.elementor-46 .elementor-element.elementor-element-1c643b5 .pre-image-wrap{
    position:relative;

    z-index:3;

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

    min-height:450px;

    display:flex;

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

    padding:
        45px 35px;

    overflow:hidden;

    border-radius:26px;

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

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

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

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


.elementor-46 .elementor-element.elementor-element-1c643b5 .pre-image-wrap:hover{
    transform:
        translateY(-7px);

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


/* Barra superior */

.elementor-46 .elementor-element.elementor-element-1c643b5 .pre-image-wrap::before{
    content:"";

    position:absolute;

    top:0;
    left:12%;

    width:76%;
    height:5px;

    border-radius:
        0 0 20px 20px;

    background:
        linear-gradient(
            90deg,
            var(--pre-blue),
            var(--pre-gold),
            var(--pre-blue)
        );
}


/* ============================================================
   IMAGEN
============================================================ */

.elementor-46 .elementor-element.elementor-element-1c643b5 .pre-image{
    position:relative;

    z-index:2;

    width:75%;

    max-height:300px;

    object-fit:contain;

    filter:
        drop-shadow(
            0 15px 18px rgba(18,59,93,.16)
        );

    transition:
        transform .45s ease;
}


.elementor-46 .elementor-element.elementor-element-1c643b5 .pre-image-wrap:hover
.pre-image{
    transform:
        scale(1.055);
}


/* ============================================================
   OVERLAY
============================================================ */

.elementor-46 .elementor-element.elementor-element-1c643b5 .pre-image-overlay{
    position:absolute;

    inset:0;

    pointer-events:none;

    background:
        radial-gradient(
            circle at 50% 40%,
            rgba(90,156,208,.10),
            transparent 45%
        );
}


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

.elementor-46 .elementor-element.elementor-element-1c643b5 .pre-image-badge{
    position:absolute;

    left:28px;
    right:28px;
    bottom:25px;

    z-index:4;

    display:flex;

    align-items:center;

    gap:12px;

    padding:
        13px 15px;

    border-radius:12px;

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

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

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

    backdrop-filter:
        blur(6px);
}


.elementor-46 .elementor-element.elementor-element-1c643b5 .pre-badge-icon{
    width:39px;
    height:39px;

    min-width:39px;

    display:flex;

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

    border-radius:10px;

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

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

    font-weight:800;
}


.elementor-46 .elementor-element.elementor-element-1c643b5 .pre-image-badge small{
    display:block;

    margin-bottom:2px;

    color:
        var(--pre-gray);

    font-size:10px;
}


.elementor-46 .elementor-element.elementor-element-1c643b5 .pre-image-badge strong{
    display:block;

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

    font-size:13px;
}


/* ============================================================
   DECORACIONES
============================================================ */

.elementor-46 .elementor-element.elementor-element-1c643b5 .pre-decoration{
    position:absolute;

    border-radius:50%;

    pointer-events:none;
}


.elementor-46 .elementor-element.elementor-element-1c643b5 .pre-decoration-1{
    width:370px;
    height:370px;

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

    background:
        radial-gradient(
            circle,
            rgba(90,156,208,.09),
            transparent 65%
        );

    animation:
        preRotate 20s linear infinite;
}


.elementor-46 .elementor-element.elementor-element-1c643b5 .pre-decoration-2{
    width:310px;
    height:310px;

    border:
        2px dashed rgba(201,162,39,.22);

    animation:
        preRotateBack 25s linear infinite;
}


@keyframes preRotate{
    to{
        transform:
            rotate(360deg);
    }
}


@keyframes preRotateBack{
    to{
        transform:
            rotate(-360deg);
    }
}


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

.elementor-46 .elementor-element.elementor-element-1c643b5 .pre-content{
    animation:
        preEntrada .8s ease both;
}


@keyframes preEntrada{

    from{
        opacity:0;

        transform:
            translateX(35px);
    }

    to{
        opacity:1;

        transform:
            translateX(0);
    }
}


/* ============================================================
   ETIQUETA
============================================================ */

.elementor-46 .elementor-element.elementor-element-1c643b5 .pre-eyebrow{
    display:inline-flex;

    padding:
        7px 14px;

    margin-bottom:15px;

    border-radius:30px;

    color:
        var(--pre-blue);

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

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

    font-size:12px;

    font-weight:750;

    text-transform:uppercase;

    letter-spacing:1.2px;
}


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

.elementor-46 .elementor-element.elementor-element-1c643b5 .pre-title{
    margin:
        0 0 5px !important;

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

    font-size:
        clamp(40px,5vw,62px);

    line-height:1.05;

    font-weight:
        850 !important;

    letter-spacing:
        -1.5px;
}


/* ============================================================
   SUBTÍTULO
============================================================ */

.elementor-46 .elementor-element.elementor-element-1c643b5 .pre-subtitle{
    margin:
        0 0 14px !important;

    color:
        var(--pre-blue-mid) !important;

    font-size:
        22px !important;

    line-height:1.3;

    font-weight:
        750 !important;
}


/* ============================================================
   LÍNEA DORADA
============================================================ */

.elementor-46 .elementor-element.elementor-element-1c643b5 .pre-line{
    width:80px;
    height:4px;

    margin:
        18px 0 25px;

    border-radius:20px;

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


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

.elementor-46 .elementor-element.elementor-element-1c643b5 .pre-text{
    margin:
        0 0 17px !important;

    color:
        var(--pre-gray);

    font-size:15px;

    line-height:
        1.78;
}


.elementor-46 .elementor-element.elementor-element-1c643b5 .pre-text strong{
    color:
        var(--pre-blue-dark);

    font-weight:750;
}


/* ============================================================
   CARACTERÍSTICAS
============================================================ */

.elementor-46 .elementor-element.elementor-element-1c643b5 .pre-features{
    display:grid;

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

    gap:12px;

    margin-top:30px;
}


.elementor-46 .elementor-element.elementor-element-1c643b5 .pre-feature{
    position:relative;

    min-height:130px;

    padding:
        17px 14px;

    border-radius:13px;

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

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

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

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


.elementor-46 .elementor-element.elementor-element-1c643b5 .pre-feature:hover{
    transform:
        translateY(-6px);

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

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


/* ============================================================
   ICONOS
============================================================ */

.elementor-46 .elementor-element.elementor-element-1c643b5 .pre-feature-icon{
    width:43px;
    height:43px;

    display:flex;

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

    margin-bottom:12px;

    border-radius:11px;

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

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

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

    transition:
        transform .3s ease;
}


.elementor-46 .elementor-element.elementor-element-1c643b5 .pre-feature:hover
.pre-feature-icon{
    transform:
        rotate(-5deg)
        scale(1.06);
}


.elementor-46 .elementor-element.elementor-element-1c643b5 .pre-feature-icon svg{
    width:21px;
    height:21px;

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


/* ============================================================
   TEXTO CARACTERÍSTICAS
============================================================ */

.elementor-46 .elementor-element.elementor-element-1c643b5 .pre-feature strong{
    display:block;

    margin-bottom:5px;

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

    font-size:13px;

    line-height:1.3;
}


.elementor-46 .elementor-element.elementor-element-1c643b5 .pre-feature span{
    display:block;

    color:
        var(--pre-gray);

    font-size:11px;

    line-height:1.45;
}


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

@media(max-width:1024px){

    .elementor-46 .elementor-element.elementor-element-1c643b5 .presentacion-iberia{
        padding:
            60px 26px;
    }


    .elementor-46 .elementor-element.elementor-element-1c643b5 .pre-inner{
        grid-template-columns:
            1fr;

        gap:40px;
    }


    .elementor-46 .elementor-element.elementor-element-1c643b5 .pre-visual{
        min-height:450px;
    }


    .elementor-46 .elementor-element.elementor-element-1c643b5 .pre-image-wrap{
        max-width:520px;
    }


    .elementor-46 .elementor-element.elementor-element-1c643b5 .pre-content{
        text-align:center;
    }


    .elementor-46 .elementor-element.elementor-element-1c643b5 .pre-line{
        margin-left:auto;

        margin-right:auto;
    }

}


/* ============================================================
   CELULAR
============================================================ */

@media(max-width:767px){

    .elementor-46 .elementor-element.elementor-element-1c643b5 .presentacion-iberia{
        padding:
            45px 15px;
    }


    .elementor-46 .elementor-element.elementor-element-1c643b5 .pre-visual{
        min-height:385px;
    }


    .elementor-46 .elementor-element.elementor-element-1c643b5 .pre-image-wrap{
        min-height:350px;

        padding:
            30px 20px;

        border-radius:19px;
    }


    .elementor-46 .elementor-element.elementor-element-1c643b5 .pre-image{
        width:68%;

        max-height:220px;
    }


    .elementor-46 .elementor-element.elementor-element-1c643b5 .pre-image-badge{
        left:15px;
        right:15px;

        bottom:15px;
    }


    .elementor-46 .elementor-element.elementor-element-1c643b5 .pre-decoration-1{
        width:300px;
        height:300px;
    }


    .elementor-46 .elementor-element.elementor-element-1c643b5 .pre-decoration-2{
        width:250px;
        height:250px;
    }


    .elementor-46 .elementor-element.elementor-element-1c643b5 .pre-title{
        font-size:
            39px;
    }


    .elementor-46 .elementor-element.elementor-element-1c643b5 .pre-subtitle{
        font-size:
            18px !important;
    }


    .elementor-46 .elementor-element.elementor-element-1c643b5 .pre-text{
        font-size:
            14px;

        line-height:
            1.68;
    }


    .elementor-46 .elementor-element.elementor-element-1c643b5 .pre-features{
        grid-template-columns:
            1fr;

        gap:9px;
    }


    .elementor-46 .elementor-element.elementor-element-1c643b5 .pre-feature{
        min-height:auto;

        display:flex;

        align-items:center;

        gap:12px;

        text-align:left;
    }


    .elementor-46 .elementor-element.elementor-element-1c643b5 .pre-feature-icon{
        min-width:43px;

        margin-bottom:0;
    }

}/* End custom CSS */