/* ========================================
   CONTACT AND FOOTER WIDTH FIX
   ======================================== */

/* Fix específico solo para el formulario de contacto */
#contact {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Contenedor interno del formulario de contacto con padding adecuado */
#contact .container-fluid {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

/* Fix específico solo para el footer */
.footer-main {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Contenedor interno del footer con padding adecuado */
.footer-main .container-fluid {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

/* Asegurar que el formulario de contacto no tenga limitaciones */
#contactForm {
    max-width: none !important;
    width: 100% !important;
}

/* Responsive adjustments solo para contacto y footer */
@media (max-width: 768px) {
    #contact .container-fluid,
    .footer-main .container-fluid {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }
}

@media (max-width: 576px) {
    #contact .container-fluid,
    .footer-main .container-fluid {
        padding-left: 0.25rem !important;
        padding-right: 0.25rem !important;
    }
}

/* Asegurar que no haya overflow horizontal */
body {
    overflow-x: hidden !important;
}