.elementor-230 .elementor-element.elementor-element-e16f010{--display:flex;overflow:visible;}/* Start custom CSS for html, class: .elementor-element-38c8d1c *//* ============================================================
   BOLSA LABORAL
   IESTP IBERIA TAHUAMANU
============================================================ */

.elementor-230 .elementor-element.elementor-element-38c8d1c .bolsa-iberia{
    --bl-blue-dark:#123B5D;
    --bl-blue:#1F5F96;
    --bl-blue-mid:#2F76B3;

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

    --bl-gray:#66727D;
    --bl-light:#EEF2F5;
    --bl-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-230 .elementor-element.elementor-element-38c8d1c .bolsa-iberia::before{
    content:"";

    position:absolute;

    top:0;
    left:5%;

    width:90%;
    height:4px;

    border-radius:0 0 20px 20px;

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


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

.elementor-230 .elementor-element.elementor-element-38c8d1c .bl-inner{
    position:relative;

    z-index:2;

    max-width:1180px;

    margin:0 auto;
}


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

.elementor-230 .elementor-element.elementor-element-38c8d1c .bl-header{
    max-width:800px;

    margin:0 auto 40px;

    text-align:center;
}


.elementor-230 .elementor-element.elementor-element-38c8d1c .bl-eyebrow{
    display:inline-flex;

    padding:7px 14px;

    margin-bottom:14px;

    border-radius:30px;

    color:var(--bl-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-230 .elementor-element.elementor-element-38c8d1c .bl-title{
    margin:0 0 15px !important;

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

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

    line-height:1.08;

    font-weight:850 !important;

    letter-spacing:-1.3px;
}


.elementor-230 .elementor-element.elementor-element-38c8d1c .bl-title span{
    position:relative;

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


.elementor-230 .elementor-element.elementor-element-38c8d1c .bl-title span::after{
    content:"";

    position:absolute;

    left:8%;
    bottom:-7px;

    width:84%;
    height:4px;

    border-radius:20px;

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


.elementor-230 .elementor-element.elementor-element-38c8d1c .bl-intro{
    max-width:700px;

    margin:23px auto 0 !important;

    color:
        var(--bl-gray);

    font-size:15px;

    line-height:1.7;
}


.elementor-230 .elementor-element.elementor-element-38c8d1c .bl-intro strong{
    color:
        var(--bl-blue-dark);
}


/* ============================================================
   CARD PRINCIPAL
============================================================ */

.elementor-230 .elementor-element.elementor-element-38c8d1c .bl-card{
    position:relative;

    display:grid;

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

    align-items:center;

    gap:28px;

    padding:
        38px 40px;

    overflow:hidden;

    border-radius:22px;

    background:
        radial-gradient(
            circle at 95% 0%,
            rgba(230,199,90,.12),
            transparent 27%
        ),
        linear-gradient(
            135deg,
            var(--bl-blue-dark),
            var(--bl-blue) 60%,
            var(--bl-blue-mid)
        );

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

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

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


.elementor-230 .elementor-element.elementor-element-38c8d1c .bl-card:hover{
    transform:
        translateY(-7px);

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


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

.elementor-230 .elementor-element.elementor-element-38c8d1c .bl-decoration{
    position:absolute;

    border-radius:50%;

    pointer-events:none;
}


.elementor-230 .elementor-element.elementor-element-38c8d1c .bl-decoration-one{
    width:230px;
    height:230px;

    right:-120px;
    top:-130px;

    border:
        30px solid rgba(255,255,255,.045);
}


.elementor-230 .elementor-element.elementor-element-38c8d1c .bl-decoration-two{
    width:150px;
    height:150px;

    left:-90px;
    bottom:-90px;

    background:
        rgba(201,162,39,.07);
}


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

.elementor-230 .elementor-element.elementor-element-38c8d1c .bl-icon{
    position:relative;

    z-index:2;

    width:88px;
    height:88px;

    display:flex;

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

    border-radius:20px;

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

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

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.12),
        0 10px 24px rgba(0,0,0,.12);

    transition:
        transform .35s ease;
}


.elementor-230 .elementor-element.elementor-element-38c8d1c .bl-card:hover
.bl-icon{
    transform:
        rotate(-5deg)
        scale(1.05);
}


.elementor-230 .elementor-element.elementor-element-38c8d1c .bl-icon svg{
    width:42px;
    height:42px;

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


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

.elementor-230 .elementor-element.elementor-element-38c8d1c .bl-content{
    position:relative;

    z-index:2;
}


.elementor-230 .elementor-element.elementor-element-38c8d1c .bl-label{
    display:block;

    margin-bottom:6px;

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

    font-size:9px;

    font-weight:850;

    text-transform:uppercase;

    letter-spacing:1.2px;
}


.elementor-230 .elementor-element.elementor-element-38c8d1c .bl-content h3{
    margin:
        0 0 10px !important;

    color:#FFFFFF !important;

    font-size:
        clamp(26px,3vw,35px) !important;

    line-height:1.15;

    font-weight:850 !important;
}


.elementor-230 .elementor-element.elementor-element-38c8d1c .bl-content p{
    max-width:650px;

    margin:
        0 0 16px !important;

    color:
        #DFEAF2;

    font-size:12px;

    line-height:1.65;
}


/* ============================================================
   TAGS
============================================================ */

.elementor-230 .elementor-element.elementor-element-38c8d1c .bl-tags{
    display:flex;

    flex-wrap:wrap;

    gap:7px;
}


.elementor-230 .elementor-element.elementor-element-38c8d1c .bl-tags span{
    display:inline-flex;

    align-items:center;

    padding:
        6px 10px;

    border-radius:20px;

    color:#FFFFFF;

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

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

    font-size:9px;

    font-weight:700;
}


.elementor-230 .elementor-element.elementor-element-38c8d1c .bl-tags span::before{
    content:"";

    width:6px;
    height:6px;

    margin-right:6px;

    border-radius:50%;

    background:
        var(--bl-gold-light);
}


/* ============================================================
   ACCIÓN
============================================================ */

.elementor-230 .elementor-element.elementor-element-38c8d1c .bl-action{
    position:relative;

    z-index:3;
}


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

.elementor-230 .elementor-element.elementor-element-38c8d1c .bl-button{
    min-width:245px;

    display:flex;

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

    gap:16px;

    min-height:56px;

    padding:
        12px 14px 12px 19px;

    border-radius:11px;

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

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

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

    text-decoration:none !important;

    box-shadow:
        0 10px 23px rgba(0,0,0,.17);

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


.elementor-230 .elementor-element.elementor-element-38c8d1c .bl-button-text{
    font-size:11px;

    font-weight:850;

    line-height:1.3;
}


.elementor-230 .elementor-element.elementor-element-38c8d1c .bl-arrow{
    width:34px;
    height:34px;

    min-width:34px;

    display:flex;

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

    border-radius:50%;

    color:#FFFFFF;

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

    font-size:19px;

    transition:
        transform .3s ease;
}


.elementor-230 .elementor-element.elementor-element-38c8d1c .bl-button:hover{
    transform:
        translateY(-4px);

    background:
        #FFFFFF;

    box-shadow:
        0 14px 28px rgba(0,0,0,.22);
}


.elementor-230 .elementor-element.elementor-element-38c8d1c .bl-button:hover
.bl-arrow{
    transform:
        translateX(4px);
}


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

@media(max-width:1024px){

    .elementor-230 .elementor-element.elementor-element-38c8d1c .bolsa-iberia{
        padding:
            55px 22px;
    }


    .elementor-230 .elementor-element.elementor-element-38c8d1c .bl-card{
        grid-template-columns:
            auto 1fr;
    }


    .elementor-230 .elementor-element.elementor-element-38c8d1c .bl-action{
        grid-column:
            1 / -1;
    }


    .elementor-230 .elementor-element.elementor-element-38c8d1c .bl-button{
        width:100%;

        min-width:0;
    }

}


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

@media(max-width:767px){

    .elementor-230 .elementor-element.elementor-element-38c8d1c .bolsa-iberia{
        padding:
            42px 12px;
    }


    .elementor-230 .elementor-element.elementor-element-38c8d1c .bl-title{
        font-size:
            36px;
    }


    .elementor-230 .elementor-element.elementor-element-38c8d1c .bl-intro{
        font-size:
            14px;
    }


    .elementor-230 .elementor-element.elementor-element-38c8d1c .bl-card{
        grid-template-columns:
            1fr;

        justify-items:center;

        text-align:center;

        gap:20px;

        padding:
            30px 20px;
    }


    .elementor-230 .elementor-element.elementor-element-38c8d1c .bl-icon{
        width:76px;
        height:76px;
    }


    .elementor-230 .elementor-element.elementor-element-38c8d1c .bl-icon svg{
        width:36px;
        height:36px;
    }


    .elementor-230 .elementor-element.elementor-element-38c8d1c .bl-content p{
        font-size:11px;
    }


    .elementor-230 .elementor-element.elementor-element-38c8d1c .bl-tags{
        justify-content:center;
    }


    .elementor-230 .elementor-element.elementor-element-38c8d1c .bl-action{
        width:100%;
    }


    .elementor-230 .elementor-element.elementor-element-38c8d1c .bl-button{
        width:100%;

        min-width:0;
    }

}/* End custom CSS */