/*------------- cajas de contacto ------------*/

.fondo_contacto.datos_contacto{background-color: #000;}
.datos_contacto .icono i {
    font-size: 2em;
    line-height: 2em;
}

.datos_contacto .titulo_dato {
    font-size: clamp(1.2rem, 5vw, 1.6rem);
    color: #fff;
}

.datos_contacto .datos_cont {
    margin-top: 4%;
    line-height: 100%;
}

.datos_contacto .icono {
    display: inline-block;
    text-align: center;
    width: 4em;
    height: 4em;
    border-radius: 50%;
    margin-right: 5px;

    color: #fff;
}

.datos_contacto .datos_cont a {
color:#ccc;
    font-size: 1em;
    transition: color 1s linear;
}

.datos_contacto .datos_cont a:hover {
    color: #fff;
}

.datos_contacto h2{font-size: clamp(2rem, 5vw, 3rem);    line-height: 100%;    text-transform: uppercase;    margin-top: -15px; font-weight: 600;}

.datos_contacto p {text-align: left;}






/* Extra small devices (portrait phones, less than 576px)*/
@media (width <= 575.98px){
    .contacto .icono { width: 3em; height: 3em;}
    .contacto .icono i { font-size: 1.5em; line-height:2em;}
}


/* Small devices (landscape phones, 576px and up)*/
@media (576px <= width <= 767.98px) {
}

/* Medium devices (tablets, 768px and up)*/
@media (768px <= width <= 991.98px) {
}
/* Medium devices (tablets, 768px and up)*/
@media (768px <= width <= 991.98px) and (orientation: portrait) {
}
/* Large devices l (desktops, 992px and up)*/
@media (992px <= width <= 1199.98px) {
}
/* Large devices l (desktops, 992px and up)*/
@media (992px <= width <= 1199.98px)  and (orientation: portrait)  {
}
/* Extra large devices xl(large desktops, 1200px and up)*/
@media (1200px <= width <= 1399px) {
}
/* Extra large devices xl(large desktops, 1400px and up)*/
@media (width >= 1400px){
}






.altura_mapa {
    height: 1087px;
}

.mapboxgl-canvas {
    height: 100% !important;
    width: 100% !important;
}

.mapboxgl-popup-content {
    padding: 25px !important;
    border: transparent !important;
    color: #000;
}

.mapboxgl-popup-content a {
    color: #000;
}

.mapboxgl-popup-content a:focus-visible {
    outline: none !important;
}


/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .relleno_bloques {
        padding: 30px 10px;
    }

    .altura_mapa {
        height: 400px;
    }

    .contacto3 .zona_datos h2 {
        font-size: 1.5em;
    }

    .contacto3 .caja_dato h3 {
        margin-top: 17px;
    }

    .contacto3 .zona_datos {
        padding: 21px 5px;
    }

}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    .altura_mapa {
        height: 450px;
    }

    .contacto3 .zona_datos h2 {
        font-size: 1.5em;
    }

    .contacto3 .caja_dato h3 {
        margin-top: 17px;
    }

    .contacto3 .zona_datos {
        padding: 21px 5px;
    }
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
    .contacto3 .zona_datos h2 {
        font-size: 1.8em;
    }
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    .contacto3 .zona_datos {
        padding: 5px;
    }
}

@media (min-width: 1200px) and (max-width: 1900px) {

}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1901px) {

}