.footer {
    position: relative;
}

.modal-menu-footer {
    /* Por encima del header (#fixedNav 1050), los flotantes (997/999) y la barra de admin (99999). blitz. 17/10/2026, rehecho 23/10/2026 */
    z-index: 100001;
}

body:has(.modal-menu-footer.show) .modal-backdrop {
    z-index: 100000;
}

.whatsapp-button {
    position: fixed;
    bottom: 20px;
    right: 20px;
    left: auto;
    z-index: 999;
    transform: scale(0.8);
    transition: 0.3s all ease;
}

.whatsapp-button:hover {
    transform: scale(1);
    transition: 0.3s all ease;
}

@media (max-width: 576px) {
    .whatsapp-button {
        right: 0; /* blitz. 06/11/2026: antes -15px, quedaba pegado al borde */
        transform: scale(0.6);
    }

    .whatsapp-button:hover {
        transform: scale(0.8);
    }

}

@media (min-width: 577px) and (max-width: 767px) {
    .whatsapp-button {
        right: 0;
        transform: scale(0.7);
    }

    .whatsapp-button:hover {
        transform: scale(0.9);
    }

}

/* Modales legales del pie (Términos y Políticas): estilos del sitio.
   Tamaños: el título usa .h3 y los subtítulos .h5 de fonts.css; colores con las variables del sitio.
   blitz. 17/10/2026, rehecho el 23/10/2026 (el rearmado del 22/10 repuso un tema anterior). */
.modal-menu-footer .modal-title {
    color: var(--secondary-text);
    margin-bottom: 0;
}

.modal-menu-footer .modal-body {
    color: var(--dark);
    padding: 1.5rem 2rem;
}

.modal-menu-footer .modal-body p,
.modal-menu-footer .modal-body li {
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 1rem;
}

.modal-menu-footer .modal-body h3 {
    color: var(--secondary-text);
    margin-top: 1.75rem;
    margin-bottom: .75rem;
}

.modal-menu-footer .modal-body h3:first-child {
    margin-top: 0;
}

.modal-menu-footer .modal-body a {
    color: var(--primary-text);
}

@media (max-width: 576px) {
    .modal-menu-footer .modal-body {
        padding: 1.25rem;
    }
}