/* ============================================================
   MODALES MÓVIL
   Sistema de Administración de Condominios
   ============================================================
   Contenido:
   - modal-content / details-content (95% ancho)
   - modal-header sticky
   - modal-footer en columna
   - 480px: modal pantalla completa
   ============================================================ */

@media screen and (max-width: 768px) {
    .modal-content, .details-content {
        width: 95% !important;
        max-width: none !important;
        margin: 10px auto !important;
        max-height: 90vh !important;
        overflow-y: auto !important;
        border-radius: 12px !important;
    }

    .modal-header, .details-header {
        padding: 16px !important;
        position: sticky !important;
        top: 0 !important;
        z-index: 10 !important;
    }

    .modal-body, .details-body { padding: 16px !important; }

    .modal-footer {
        padding: 16px !important;
        flex-direction: column !important;
        gap: 10px !important;
    }

    .modal-footer .btn { width: 100% !important; }
}

@media screen and (max-width: 480px) {
    .modal-content, .details-content {
        width: 100% !important;
        height: 100% !important;
        max-height: 100% !important;
        margin: 0 !important;
        border-radius: 0 !important;
    }
}