.text-inin{
  color: #0082c8;
}
.contact-card{
    border-radius: 15px;
    transition: all 0.3s ease;
    background: #ffffff;
}

.contact-card:hover{
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}
.btn-inin {
	background-color: #0082c8; /* El color de fondo que tú quieras */
	color: #ffffff;             /* El color del texto (blanco en este caso) */
	border: 1px solid #045f8f;  /* Un borde un poco más oscuro */
}
/* El efecto "Hover" (cuando pasas el cursor por encima) */
.btn-inin:hover {
	background-color: #014f86; /* Un tono más oscuro al pasar el mouse */
	color: #ffffff;
	border-color: #012a4a;
}
.form-container {
    background-color: #ffffff;
    border-radius: 10px;
    border: 1px solid #e0e0e0;
    /*box-shadow: 0 4px 12px rgba(0,0,0,0.05);*/
}
.form-header {
    background-color: #0082c8;
    color: white;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    padding: 20px;
}
.mi-container {
    background-color: #ffffff;
    border-radius: 10px;
    border: 1px solid #e0e0e0;
    padding: 20px;
    /*box-shadow: 0 4px 12px rgba(0,0,0,0.05);*/
}