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

.location{

    padding:90px 0;

    background:#ffffff;

}

.location-grid{

    display:grid;

    grid-template-columns:1fr 1.2fr;

    gap:70px;

    align-items:center;

}

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

.location-content{

    display:flex;

    flex-direction:column;

    gap:25px;

}

.location-item{

    display:flex;

    align-items:flex-start;

    gap:20px;

    padding:24px;

    background:#f8f7f4;

    border-radius:18px;

    transition:.35s ease;

    box-shadow:0 10px 25px rgba(0,0,0,.05);

}

.location-item:hover{

    transform:translateY(-5px);

    box-shadow:0 18px 35px rgba(0,0,0,.10);

}

.location-item i{

    width:62px;

    height:62px;

    border-radius:50%;

    background:var(--gold);

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:22px;

    flex-shrink:0;

}

.location-item h3{

    font-family:"Playfair Display",serif;

    font-size:1.45rem;

    color:#222;

    margin-bottom:8px;

}

.location-item p{

    color:#666;

    line-height:1.8;

}

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

.location-content .btn-primary{

    width:max-content;

    margin-top:10px;

}

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

.location-map{

    overflow:hidden;

    border-radius:24px;

    box-shadow:0 25px 60px rgba(0,0,0,.15);

}

.location-map iframe{

    width:100%;

    height:560px;

    border:0;

    display:block;

}

/*=========================================
RESPONSIVE
=========================================*/

@media(max-width:992px){

    .location{

        padding:100px 0;

    }

    .location-grid{

        grid-template-columns:1fr;

        gap:45px;

    }

    .location-content{

        order:2;

    }

    .location-map{

        order:1;

    }

    .location-content .btn-primary{

        width:100%;

        justify-content:center;

    }

}

@media(max-width:768px){

    .location{

        padding:80px 0;

    }

    .location-item{

        padding:20px;

    }

    .location-item i{

        width:54px;

        height:54px;

        font-size:20px;

    }

    .location-item h3{

        font-size:1.25rem;

    }

    .location-map iframe{

        height:400px;

    }

}

@media(max-width:576px){

    .location-item{

        flex-direction:column;

        text-align:center;

        align-items:center;

    }

}