/* Ajuste de ancho para el header y barra superior */

/* Contenedor principal del header */
.site-header .col-full {
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Barra superior con "Iniciar sesión" */
.site-header-top-bar,
.site-header .top-bar,
.secondary-navigation,
.site-header .secondary-navigation {
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Contenedor del logo */
.site-branding {
    max-width: 100% !important;
}

/* Navegación principal */
.main-navigation,
.shoptimizer-primary-navigation {
    max-width: 1400px !important;
    margin: 0 auto !important;
    width: 100% !important;
}

/* Ajustar elementos que se salen */
.site-header-cart,
.site-search {
    margin-right: 0 !important;
}

/* Responsive - Tablet */
@media (max-width: 1200px) {
    .site-header .col-full,
    .site-header-top-bar,
    .secondary-navigation,
    .main-navigation {
        max-width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

/* Responsive - Móvil */
@media (max-width: 768px) {
    .site-header .col-full,
    .site-header-top-bar,
    .secondary-navigation,
    .main-navigation {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    /* Reducir tamaño de elementos en móvil */
    .site-header-cart a,
    .secondary-navigation a {
        padding: 8px 12px !important;
        font-size: 13px !important;
    }
}

/* Asegurar que nada se salga del viewport */
body,
#page {
    overflow-x: hidden !important;
    max-width: 100vw !important;
}

/* Corregir posibles elementos que se salen */
* {
    max-width: 100%;
}

img {
    height: auto;
}