/* Estilos específicos para la vista Contacto */

#contacto {
    font-family: 'Funnel Display', sans-serif;
}

#contacto h1 {
    letter-spacing: -0.5px;
}

.text-matices {
    color: #5A4B9F !important;
}

.contacto-info i {
    font-size: 2rem;
}

.contacto-form-container {
    background-color: #ffffff;
    border: 1px solid #e9ecef;
    border-radius: 20px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03);
}

.form-control {
    border-radius: 10px;
    padding: 0.75rem 1rem;
    border: 1px solid #ced4da;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.form-control:focus {
    border-color: #5A4B9F;
    box-shadow: 0 0 0 0.2rem rgba(90, 75, 159, 0.15);
}

.btn-contacto {
    background-color: #5A4B9F;
    color: white;
    border: none;
    transition: background-color 0.2s ease;
}

.btn-contacto:hover {
    background-color: #453980;
    color: white;
}