.elementor-567 .elementor-element.elementor-element-3bb72c1{--display:flex;}.elementor-567 .elementor-element.elementor-element-3bb72c1.e-con{--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-567 .elementor-element.elementor-element-3bb72c1{--width:94.654%;}}/* Start custom CSS for html, class: .elementor-element-0290808 *//* ============================================================
   LOCAL INSTITUCIONAL
   IESTP IBERIA TAHUAMANU
   NARANJA INTENSO + MARRÓN
============================================================ */

.iberia-local,
.iberia-local *,
.iberia-local *::before,
.iberia-local *::after{
    box-sizing:border-box;
}


/* ============================================================
   VARIABLES
============================================================ */

.iberia-local{

    --ib-orange:#f05a00;
    --ib-orange-2:#ff7300;
    --ib-orange-3:#ff8b21;
    --ib-orange-dark:#c94300;

    --ib-brown:#4c2614;
    --ib-brown-2:#66351c;
    --ib-brown-3:#85502f;
    --ib-brown-light:#b5805e;

    --ib-cream:#fff8f1;
    --ib-cream-2:#f9ede2;

    --ib-white:#ffffff;

    --ib-text:#4b382d;
    --ib-muted:#806a5c;

    width:100%;

    padding:
        70px 20px 80px;

    color:
        var(--ib-text);

    font-family:
        "Roboto",
        Arial,
        sans-serif;

    background:

        radial-gradient(
            circle at 0% 5%,
            rgba(255,115,0,.10),
            transparent 25%
        ),

        radial-gradient(
            circle at 100% 65%,
            rgba(102,53,28,.08),
            transparent 28%
        ),

        linear-gradient(
            180deg,
            #ffffff 0%,
            #fffaf5 100%
        );
}


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

.iberia-local__container{

    width:100%;

    max-width:1320px;

    margin:
        0 auto;
}


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

.iberia-local__heading{

    max-width:
        780px;

    margin:
        0 auto 43px;

    text-align:center;
}


.iberia-local__eyebrow{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-height:
        30px;

    padding:
        0 15px;

    margin-bottom:
        14px;

    border-radius:
        50px;

    color:
        var(--ib-orange);

    background:
        rgba(240,90,0,.09);

    border:
        1px solid
        rgba(240,90,0,.14);

    font-size:
        10px;

    font-weight:
        900;

    letter-spacing:
        1.7px;

    text-transform:
        uppercase;
}


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

.iberia-local__heading h2{

    margin:
        0;

    color:
        var(--ib-brown);

    font-size:
        clamp(31px,3.6vw,45px);

    font-weight:
        900;

    line-height:
        1.08;

    letter-spacing:
        -1px;
}


.iberia-local__heading h2 strong{

    color:
        var(--ib-orange);

    font-weight:
        900;
}


.iberia-local__heading p{

    max-width:
        670px;

    margin:
        16px auto 0;

    color:
        var(--ib-muted);

    font-size:
        14px;

    line-height:
        1.75;
}


.iberia-local__heading-line{

    display:block;

    width:
        85px;

    height:
        5px;

    margin:
        20px auto 0;

    border-radius:
        20px;

    background:
        linear-gradient(
            90deg,
            var(--ib-orange-2),
            var(--ib-brown)
        );
}


/* ============================================================
   GALERÍA
============================================================ */

.iberia-local__gallery{

    display:grid;

    grid-template-columns:
        1.25fr 1fr 1fr;

    align-items:stretch;

    gap:
        20px;

    margin-bottom:
        55px;
}


/* ============================================================
   FOTOGRAFÍA
============================================================ */

.iberia-local__photo{

    position:relative;

    min-width:0;

    margin:
        0;

    overflow:hidden;

    border-radius:
        20px;

    background:
        #ffffff;

    border:
        1px solid
        rgba(102,53,28,.10);

    box-shadow:
        0 13px 34px
        rgba(76,38,20,.10);

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


.iberia-local__photo:hover{

    transform:
        translateY(-6px);

    box-shadow:
        0 21px 43px
        rgba(76,38,20,.16);
}


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

.iberia-local__photo-image{

    position:relative;

    width:
        100%;

    height:
        260px;

    overflow:hidden;
}


.iberia-local__photo--main
.iberia-local__photo-image{

    height:
        290px;
}


.iberia-local__photo-image::after{

    content:"";

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            180deg,
            transparent 55%,
            rgba(76,38,20,.18)
        );

    pointer-events:none;
}


.iberia-local__photo img{

    display:block;

    width:
        100% !important;

    height:
        100% !important;

    object-fit:
        cover !important;

    margin:
        0 !important;

    border:
        0 !important;

    transition:
        transform .55s ease;
}


.iberia-local__photo:hover img{

    transform:
        scale(1.055);
}


/* ============================================================
   PIE DE FOTO
============================================================ */

.iberia-local__photo figcaption{

    min-height:
        75px;

    padding:
        14px 17px;

    display:flex;

    align-items:center;

    gap:
        12px;

    background:
        #ffffff;
}


.iberia-local__photo figcaption > span{

    width:
        38px;

    height:
        38px;

    flex:
        0 0 38px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:
        11px;

    color:
        #ffffff;

    background:
        linear-gradient(
            135deg,
            var(--ib-orange-2),
            var(--ib-orange-dark)
        );

    font-size:
        11px;

    font-weight:
        900;
}


.iberia-local__photo figcaption div{

    min-width:0;

    display:flex;

    flex-direction:column;

    gap:
        3px;
}


.iberia-local__photo figcaption small{

    color:
        var(--ib-orange);

    font-size:
        8.5px;

    font-weight:
        900;

    letter-spacing:
        1px;

    text-transform:
        uppercase;
}


.iberia-local__photo figcaption strong{

    color:
        var(--ib-brown);

    font-size:
        12px;

    font-weight:
        800;
}


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

.iberia-location{

    display:grid;

    grid-template-columns:
        minmax(350px,.78fr)
        minmax(0,1.22fr);

    align-items:stretch;

    overflow:hidden;

    border-radius:
        25px;

    background:
        #ffffff;

    border:
        1px solid
        rgba(102,53,28,.10);

    box-shadow:
        0 18px 45px
        rgba(76,38,20,.11);
}


/* ============================================================
   INFORMACIÓN
============================================================ */

.iberia-location__information{

    position:relative;

    padding:
        39px 35px;

    overflow:hidden;

    color:
        #ffffff;

    background:

        radial-gradient(
            circle at 10% 0%,
            rgba(255,139,33,.24),
            transparent 29%
        ),

        linear-gradient(
            145deg,
            #6a351b 0%,
            #552813 52%,
            #3f1e10 100%
        );
}


.iberia-location__information::after{

    content:"";

    position:absolute;

    width:
        210px;

    height:
        210px;

    right:
        -110px;

    bottom:
        -120px;

    border:
        35px solid
        rgba(255,115,0,.09);

    border-radius:
        50%;
}


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

.iberia-location__small{

    display:block;

    margin-bottom:
        8px;

    color:
        #ff9b4b;

    font-size:
        9.5px;

    font-weight:
        900;

    letter-spacing:
        1.6px;

    text-transform:
        uppercase;
}


.iberia-location__information h3{

    margin:
        0;

    color:
        #ffffff;

    font-size:
        27px;

    font-weight:
        900;

    line-height:
        1.15;
}


.iberia-location__information h3 strong{

    display:block;

    color:
        #ff8b21;

    font-weight:
        900;
}


.iberia-location__intro{

    margin:
        14px 0 25px;

    color:
        rgba(255,255,255,.70);

    font-size:
        12.5px;

    line-height:
        1.65;
}


/* ============================================================
   FILA INFORMACIÓN
============================================================ */

.iberia-location__item{

    position:relative;

    z-index:2;

    display:flex;

    align-items:flex-start;

    gap:
        13px;

    padding:
        14px 0;

    border-top:
        1px solid
        rgba(255,255,255,.10);
}


.iberia-location__icon{

    width:
        43px;

    height:
        43px;

    flex:
        0 0 43px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:
        12px;

    color:
        #ffffff;

    background:
        linear-gradient(
            135deg,
            #ff7a00,
            #df4b00
        );

    box-shadow:
        0 7px 16px
        rgba(0,0,0,.18);
}


.iberia-location__icon svg{

    width:
        20px;

    height:
        20px;

    fill:
        currentColor;
}


.iberia-location__item div{

    display:flex;

    flex-direction:column;

    gap:
        3px;
}


.iberia-location__item small{

    color:
        #ff9b4b;

    font-size:
        8px;

    font-weight:
        900;

    letter-spacing:
        .8px;

    text-transform:
        uppercase;
}


.iberia-location__item strong{

    color:
        #ffffff;

    font-size:
        12.5px;

    font-weight:
        800;
}


.iberia-location__item div span{

    color:
        rgba(255,255,255,.65);

    font-size:
        10.5px;

    line-height:
        1.45;
}


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

.iberia-location__button{

    position:relative;

    z-index:3;

    width:
        100%;

    min-height:
        53px;

    margin-top:
        20px;

    padding:
        7px 10px;

    display:flex;

    align-items:center;

    gap:
        10px;

    border-radius:
        13px;

    color:
        var(--ib-brown) !important;

    background:
        linear-gradient(
            135deg,
            #ff8b21,
            #ff6a00
        );

    box-shadow:
        0 10px 22px
        rgba(0,0,0,.16);

    text-decoration:
        none !important;

    font-size:
        11px;

    font-weight:
        900;

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


.iberia-location__button:hover{

    color:
        var(--ib-brown) !important;

    transform:
        translateY(-3px);

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


.iberia-location__button-icon{

    width:
        35px;

    height:
        35px;

    flex:
        0 0 35px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:
        9px;

    color:
        #ffffff;

    background:
        var(--ib-brown);
}


.iberia-location__button-icon svg{

    width:
        18px;

    height:
        18px;

    fill:
        currentColor;
}


.iberia-location__button-arrow{

    margin-left:
        auto;

    font-size:
        18px;

    transition:
        transform .25s ease;
}


.iberia-location__button:hover
.iberia-location__button-arrow{

    transform:
        translateX(4px);
}


/* ============================================================
   MAPA
============================================================ */

.iberia-location__map{

    min-width:0;

    display:flex;

    flex-direction:column;

    background:
        #fff8f1;
}


/* ============================================================
   HEADER MAPA
============================================================ */

.iberia-location__map-header{

    min-height:
        75px;

    padding:
        15px 22px;

    display:flex;

    align-items:center;

    justify-content:
        space-between;

    gap:
        20px;

    border-bottom:
        1px solid
        rgba(102,53,28,.10);

    background:
        #ffffff;
}


.iberia-location__map-header div{

    display:flex;

    flex-direction:column;

    gap:
        3px;
}


.iberia-location__map-header div span{

    color:
        var(--ib-orange);

    font-size:
        8.5px;

    font-weight:
        900;

    letter-spacing:
        1px;

    text-transform:
        uppercase;
}


.iberia-location__map-header strong{

    color:
        var(--ib-brown);

    font-size:
        14px;

    font-weight:
        900;
}


.iberia-location__map-status{

    padding:
        7px 11px;

    border-radius:
        50px;

    color:
        var(--ib-orange-dark);

    background:
        rgba(240,90,0,.09);

    font-size:
        9px;

    font-weight:
        800;

    white-space:
        nowrap;
}


/* ============================================================
   IFRAME
============================================================ */

.iberia-location__map-frame{

    flex:
        1;

    width:
        100%;

    min-height:
        470px;

    overflow:hidden;

    background:
        #eee;
}


.iberia-location__map-frame iframe{

    display:block;

    width:
        100% !important;

    height:
        100% !important;

    min-height:
        470px;

    border:
        0 !important;
}


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

@media(max-width:950px){

    .iberia-local{

        padding:
            55px 17px 65px;
    }


    .iberia-local__gallery{

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


    .iberia-local__photo--main{

        grid-column:
            1 / -1;
    }


    .iberia-local__photo--main
    .iberia-local__photo-image{

        height:
            330px;
    }


    .iberia-location{

        grid-template-columns:
            1fr;
    }


    .iberia-location__map-frame,
    .iberia-location__map-frame iframe{

        min-height:
            400px;
    }

}


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

@media(max-width:600px){

    .iberia-local{

        padding:
            42px 14px 50px;
    }


    .iberia-local__heading{

        margin-bottom:
            30px;
    }


    .iberia-local__heading h2{

        font-size:
            28px;
    }


    .iberia-local__gallery{

        grid-template-columns:
            1fr;

        gap:
            16px;

        margin-bottom:
            35px;
    }


    .iberia-local__photo--main{

        grid-column:
            auto;
    }


    .iberia-local__photo-image,
    .iberia-local__photo--main
    .iberia-local__photo-image{

        height:
            235px;
    }


    .iberia-location{

        border-radius:
            19px;
    }


    .iberia-location__information{

        padding:
            29px 21px;
    }


    .iberia-location__information h3{

        font-size:
            23px;
    }


    .iberia-location__map-header{

        min-height:
            70px;

        padding:
            13px 16px;
    }


    .iberia-location__map-status{

        display:none;
    }


    .iberia-location__map-frame,
    .iberia-location__map-frame iframe{

        min-height:
            330px;
    }

}/* End custom CSS */