:root {
    --color-primary: #2098d1;
    --color-primary-10: rgba(74,94,58,0.12);
    --color-primary-hover: #3a4d2c;
    --color-accent: #2c2c1e;
    --color-accent-70: rgba(44,44,30,0.65);
    --color-accent-30: rgba(44,44,30,0.3);
    --color-bg: #f9f8f4;
    --color-input-bg: #faf9f5;
    --color-input-border: rgba(74,94,58,0.25);
}

.contacto h1{ font-size: clamp(1.25rem, 1.131rem + 0.6vw, 1.875rem); color:#000;}


.contacto .card{
    padding: 0px;
    background-color: #fff;
    border-radius:  5px;
    overflow: hidden;
    border-color:#666!important;
    box-shadow: 0 0 35px 5px rgba(0, 0, 0, 0.25), inset 0 2px 1px 1px rgba(255, 255, 255, 0.9), inset 0 -2px 1px 0 rgba(0, 0, 0, 0.25);
}

.fondo_corporativo{
    background-color: #F2F2F2;
}
.contacto .card-body  {    padding:15px; background-color: #F8F9FA;}
.contacto .card-body i{ display: inline-block; width: 15px;}
.contacto .fondo_formulario {
    padding: 40px 40px 15px 40px;
    background-color: #fbfbfb;
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 10%);
}

.contacto .card-text p{color:#333!important; font-size: 0.85em;}
.contacto .card-text span{ font-weight: 400; font-size: 0.9em; color:#000; padding-left: 5px;}
.contacto .card-text i { padding-right: 8px;}
.contacto .card-text a{ color:#333;}
.contacto .card-text a:hover{ color:#000;}
.contacto .horario {font-size:1.1em; font-weight: 600; }
.contacto .horario span{color:#000; font-weight: 600; font-size: 0.9em;}
.contacto .card-title{font-size:1em; text-transform: uppercase; font-weight:800;}
.fondo_gris{background-color: #FBFBFB;}
.contacto .formulario {    padding: 30px;}
.contacto address{color:#f32e2e; font-weight: 600;}
.formulario h2 {
    color: #000;
    text-align: center;
    padding-bottom: 20px;
    font-weight: 700;
}

.formulario .politica {
    font-size: 0.8em;
    color: #888;
}

.formulario .politica:hover {
    color: #000;
}

.zona_boton_contacto {
    text-align: center;
}


.marker {
    background-size: cover;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .contacto .card-body { display:block;}
    .contacto .horario .titular { font-size: 1.2em; margin-top: 20px;  }

    .formulario h2 {
        margin-top: 20px;
        font-size: 1.5em;
    }


}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    .contacto .card-body { display:block;}
    .contacto .horario .titular { font-size: 1.2em; margin-top: 20px;  }


}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
    .contacto .card-body { display:block;}
    .contacto .horario .titular { font-size: 1.2em; margin-top: 20px;  }


}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {


}

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




}

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

}


.contacto3 .horario{color:#333; font-weight: 500;}

.contacto3 .relleno_transp .h2{color:#333!important; font-weight: 600;}
.contacto3 .relleno_transp p{ padding-right: 20px; padding-bottom: 20px;}
.contacto3 .relleno_transp .politica{font-size: 0.9em; color:#666; padding-top: 10px; padding-bottom: 20px;}
.contacto3 .relleno_transp .politica a{ color:#666;}
.contacto3 .relleno_transp .politica a:hover{ color:#000;}
.contacto3 .fondo_color_primary a:hover{color:#fff;}


.contacto3 .zona_datos h2{font-size: 1.5em; font-weight: 800; color:#333;}
.contacto3 .caja_dato {font-size: 0.9em; }
.contacto3 .caja_dato h3{font-size: 1.2em; font-weight: 600; color:#333; margin-top: 40px;}
.contacto3 .caja_dato a{color:#333;}
.contacto3 .caja_dato a:hover{color:#000; font-weight: bolder;}



.contacto3 .redes_contacto li{ font-size: 1.3em; display: inline-block; padding: 8px;}
.contacto3 .redes_contacto li a:hover{ color:#000;}
.contacto3 .btn_redondo{ padding: 8px 30px!important; border-radius: 30px!important; border:none; }
.form-control{ border-radius: 3px!important; background-color: #fff; border:none; text-transform: uppercase; font-size: 0.9em; min-height: 40px;  border:1px solid #e2e2e2;}




/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .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) {
    .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;    }

}

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


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



}