/* Estilos generales para el formulario */
#contactForm {
    background-color: #1a1a1a; /* Fondo oscuro para el formulario */
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* Estilo para los controles del formulario */
.form-control {
    background-color: #333; /* Fondo de los inputs */
    color: white; /* Color del texto */
}

.form-control:focus {
    background-color: #444; /* Fondo en foco */
    border-color: #3a7bd5; /* Color del borde en foco */
    box-shadow: 0 0 5px rgba(58, 123, 213, 0.5); /* Sombra en foco */
}

.invalid-feedback {
    color: #ff4d4d; /* Color de mensaje de error */
}

/* Estilo para el botón */
.btn-primary {
    background-color: #3a7bd5; /* Color del botón */
    border: none; /* Sin borde */
}

.btn-primary:hover {
    background-color: #2a6abd; /* Color en hover */
}

/* Estilos para la notificación de éxito */
#successNotification {
    display: none; /* Ocultar inicialmente */
    background-color: #4CAF50; /* Color de fondo verde */
    color: white; /* Color del texto */
    padding: 15px;
    border-radius: 5px;
    margin-top: 10px;
    text-align: center;
}

.notification-hidden {
    display: none; /* Clase para ocultar elementos */
}

/* Logo en la notificación */
.notification-logo {
    max-width: 100px; /* Ajustar el tamaño del logo */
    margin-bottom: 10px;
}