.fondo_cajas{ background-color: #fff; border-radius: 23px;     box-shadow: 0px 20px 60px rgba(62, 84, 141, 0.1);}


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

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

.formulario {
    padding: 0 40px;
}

#contacto h2 {
    font-size: clamp(2rem, 2vw , 3.5rem);   
    line-height: 100%;
    font-weight: 600;
    color:#000;
    margin-bottom: 0px;
  
}

#contacto .texto{border-bottom: 1px solid #ccc;}

#contacto .icono_dato {
    display: block;
    width: 80px;
    height: 80px;
    margin: 5px;
    line-height: 25px;
    border-radius: 50%;   
    text-align: center;
   border:1px solid #ccc;
}
#contacto .icono_dato i{
    text-align: center;
    font-size:25px;
    line-height: 80px;


}


#contacto .titular_form {
    font-size: clamp(1.5rem, 1.369rem + 0.65vw, 2.188rem);
    font-weight: 500;
}

#contacto h3 {
    font-size: 1.3em;
    padding-top: 4px;
    font-weight: 600;
    color:#000;
}



#contacto .fila_datos {display: grid;
    grid-template-columns: 100px 1fr; /* izquierda fija, derecha flexible */
    gap: 1rem; /* opcional */
 
}

.fila_datos a {
    color: #666;
}

.fila_datos a:hover {
    color: #000;
}


#contacto .form-control{ border-radius: 45px; padding: 10px 35px;}

#contacto textarea.form-control{ border-radius: 25px!important; }
#contacto .form-control-lg {    min-height: 300px;}

.form-control::placeholder { color: #fff; }
/* padding del supuesto placeholder*/
.form-floating > label {  left: 20px;}



.contacto .zona_redes li {
    display: inline-block;
}


.contacto .zona_redes li a {
    display: block;
    width: 40px;
    height: 40px;
    margin: 5px;
    line-height: 30px;
    border-radius: 50%;
    font-size: 15px;
    text-align: center;
    transition:all 500ms linear;
    
}


/* Extra small devices (portrait phones, less than 576px)*/
@media (width <= 575.98px) {
   
}

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

/* Medium devices (tablets, 768px and up)*/
@media (768px <= width <= 991.98px) {
    


}

/* Large devices (desktops, 992px and up)*/
@media (992px <= width <= 1199.98px) {
}

@media (1200px <= width <= 1399px) {

}

/* Extra large devices (large desktops, 1200px and up)*/
@media (width >= 1400px) {

}