/* Corrección para el footer que se superpone al contenido */
.footer {
    position: relative !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    background-color: var(--dark-bg);
    color: var(--text-light);
    padding: 3rem 0;
    width: 100%;
    margin-top: 2rem;
}

/* Asegura que la página tenga suficiente espacio para el contenido */
.form-section {
    padding-bottom: 6rem !important;
}

/* Corrección para pantallas móviles */
@media (max-width: 768px) {
    .form-section {
        padding-bottom: 8rem !important;
    }
}