/* ============================================
   LOHMIA MOBILE - Solo reglas móvil
   ============================================ */

/* ============================================
   MOBILE ONLY (<768px) - Prevenir scroll
   ============================================ */
@media (max-width: 768px) {
    html {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        height: 100% !important;
        overflow: hidden !important;
        touch-action: pan-y !important;
        overscroll-behavior: none !important;
    }

    body {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        height: 100% !important;
        overflow: hidden !important;
        touch-action: pan-y !important;
        overscroll-behavior: none !important;
    }

    * {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .lohmia-center {
        position: fixed !important;
        overflow: hidden !important;
    }

    .lohmia-container {
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        max-height: 90vh !important;
    }

    .wizard-modal {
        position: fixed !important;
        width: 100vw !important;
        height: 100vh !important;
        overflow: hidden !important;
    }

    .wizard-body {
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
}

/* ============================================
   SAFE AREAS iOS (todas las resoluciones)
   ============================================ */
@supports (padding-top: env(safe-area-inset-top)) {
    body {
        padding-top: env(safe-area-inset-top) !important;
        padding-bottom: env(safe-area-inset-bottom) !important;
        padding-left: env(safe-area-inset-left) !important;
        padding-right: env(safe-area-inset-right) !important;
    }
}

/* ============================================
   DESKTOP (≥769px) - Chat 1174px centrado
   ============================================ */
@media (min-width: 769px) {
/*     .chat-container {
/*         width: 1174px !important;
/*         max-width: 1174px !important;
/*         margin: 0 auto 20px !important;
/*         flex: none !important;
/*         left: auto !important;
/*         right: auto !important;
/*         position: static !important;
/*         transform: none !important;
/*     }
*/
}