/* --- CONFIGURACIÓN FINAL SNADER: WEB VS MÓVIL --- */

/* 1. COMPORTAMIENTO PARA PC (Escritorio) */
@media (min-width: 769px) {
    .snader-header-container {
        text-align: center;
        padding: 15px 0 5px 0 !important;
        background: #ffffff;
        width: 100%;
    }

    .snader-logo-img {
        max-width: 230px !important; /* ACÁ CONTROLÁS EL TAMAÑO EN PC */
        height: auto;
        display: block;
        margin: 0 auto;
    }

    header, .nav-container, .navbar {
        background-color: #a39171 !important;
        width: 100% !important;
        padding: 2px 0 !important;
    }
}

/* 2. COMPORTAMIENTO PARA CELULARES (Móvil) */
@media (max-width: 768px) {
    /* Forzamos el ancho total para que no se vea cortado */
    .container, .container-fluid, .row, #header-section, .nav-container {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .snader-header-container {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 10px 15px !important; 
        background-color: #ffffff !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .snader-logo-img {
        max-width: 130px !important; /* ACÁ CONTROLÁS EL TAMAÑO EN EL CELU */
        margin: 0 !important;
    }

    /* Estilo del botón de menú para que no se mueva */
    .navbar-toggler, .menu-opener, .btn-navbar {
        background: none !important;
        border: none !important;
        color: #a39171 !important;
        font-size: 26px !important;
    }

    header, .navbar {
        background-color: transparent !important;
    }
}

/* 3. RESET GENERAL (Para ambos) */
#site-header, .header-wrapper {
    padding: 0 !important;
    margin: 0 !important;
}