/* ==========================================================================
   GLOBAL MOBILE (Celular/Tablet)
   Arquivo: /assets/css/mobile/global.css
   ========================================================================== */

@media (max-width: 1024px) {
    
    /* 1. TRAVA A LARGURA DA TELA (CRÍTICO) */
    html, body {
        width: 100vw;          /* Largura da viewport */
        max-width: 100vw;      /* Não deixa passar disso */
        overflow-x: hidden;    /* Corta qualquer coisa que vaze para o lado */
        margin: 0;
        
        /* 2. REMOVE O ESPAÇO DA SIDEBAR */
        padding-left: 0 !important; /* O !important garante que ganhe do PC */
        padding-top: 0 !important;
    }

    /* 3. AJUSTES GERAIS DE CONTAINER */
    .default-page-container {
        padding: 40px 0;
        width: 100%; /* Garante que caiba na tela */
    }

    .container-width {
        padding: 0 20px; /* Margem interna de segurança */
        width: 100%;
    }

    .page-header-banner {
        height: 250px;
        padding: 0 20px 40px 20px;
    }

    .page-header-banner h1 { font-size: 28px; }
    
    /* Previne imagens gigantes quebrando o layout */
    img {
        max-width: 100%;
        height: auto;
    }
}