/* Buscador compacto de escritorio; conserva formulario y busqueda en vivo. */
@media screen and (min-width: 768px) {
    /* El tema anade 40 px antes de la fila principal de la cabecera. */
    #masthead.site-header {
        padding-top: 12px !important;
    }

    #masthead > .row.nasa-hide-for-mobile > .nasa-wrap-event-search > .nasa-header-flex {
        align-items: center !important;
    }

    #masthead .nasa-header-search-wrap {
        flex: 0 1 460px !important;
        width: 460px;
        max-width: 46%;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    #masthead .logo-wrapper .header_logo {
        max-height: 90px !important;
        width: auto;
    }

    #masthead .nasa-header-search-wrap .nasa-show-search-form:not(.nasa-show) .search-field {
        height: 44px !important;
        min-height: 44px;
        padding: 0 56px 0 16px !important;
        font-size: 14px;
        border-radius: 5px !important;
        border: 1px solid #e1e5dd;
        background: #fafbf8;
        box-shadow: none;
    }

    #masthead .nasa-header-search-wrap .nasa-show-search-form:not(.nasa-show) .search-field:focus {
        border-color: #6bad0d;
        background: #fff;
    }

    #masthead .nasa-header-search-wrap .nasa-show-search-form:not(.nasa-show) .nasa-submit-search {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        bottom: auto !important;
        margin: 0 !important;
        border: 0 !important;
        line-height: 1 !important;
        box-sizing: border-box;
        width: 44px !important;
        min-width: 44px !important;
        height: 44px !important;
        min-height: 44px !important;
        padding: 0 !important;
        font-size: 0 !important;
        letter-spacing: 0;
        border-radius: 0 5px 5px 0 !important;
    }

    #masthead .nasa-header-search-wrap .nasa-show-search-form:not(.nasa-show) form.nasa-search {
        position: relative;
        height: 44px !important;
    }

    #masthead .nasa-header-search-wrap .nasa-show-search-form:not(.nasa-show) .nasa-icon-submit-page {
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        left: auto !important;
        width: 44px !important;
        height: 44px !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
    }

    #masthead .nasa-header-search-wrap .nasa-show-search-form:not(.nasa-show) .nasa-icon-submit-page > svg {
        display: none !important;
    }

    #masthead .nasa-header-search-wrap .nasa-submit-search svg {
        display: block;
        flex: 0 0 20px;
        position: static !important;
        transform: translateX(-2px) !important;
        width: 20px;
        height: 20px;
        margin: 0 !important;
        vertical-align: middle;
    }
}

/* El SVG del minicart mantiene una caja estable mientras se actualizan fragmentos AJAX. */
.header-icons .mini-cart .icon-wrap {
    display: inline-flex;
    width: 28px;
    min-width: 28px;
    height: 28px;
    align-items: center;
    justify-content: center;
}

.header-icons .mini-cart .cart-icon {
    display: block;
    width: 28px;
    height: 28px;
}


/* Barra superior: mensaje de atencion y telefono, sin direccion postal. */
#top-bar .left-text > .nasa-flex {
    font-size: 0;
}

#top-bar .left-text > .nasa-flex > i {
    display: none !important;
}

#top-bar .left-text > .nasa-flex::before {
    content: "Recibe atenci\00f3n personalizada";
    color: inherit;
    font-size: 14px;
}

#top-bar .left-text > .nasa-flex > a {
    margin-left: 12px;
    font-size: 14px !important;
}

/* Enlaces legales integrados en la franja final del footer. */
#nasa-footer .gss-legal-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px 18px;
    margin: 14px 0 0;
    font-size: 13px;
}

#nasa-footer .gss-legal-links a {
    color: inherit;
    text-decoration: none;
}

#nasa-footer .gss-legal-links a:hover,
#nasa-footer .gss-legal-links a:focus-visible {
    color: #6bad0d;
    text-decoration: underline;
}

/* Retirar comparar del grupo de iconos de la cabecera. */
#masthead .header-icons > li.nasa-icon-compare {
    display: none !important;
}

/* Cabecera responsive: se priorizan navegación, marca y acciones de compra. */
@media screen and (max-width: 767px) {
    #top-bar {
        display: none !important;
    }

    #masthead .nasa-header-mobile-layout .header_logo,
    #masthead .nasa-header-mobile-layout .logo-wrapper img,
    #masthead .nasa-mobile-header .header_logo,
    #masthead .nasa-mobile-header .logo-wrapper img {
        width: 48px !important;
        max-width: 48px !important;
        max-height: 48px !important;
        height: auto !important;
    }

    #masthead .nasa-header-mobile-layout .elements-wrapper,
    #masthead .nasa-mobile-header .elements-wrapper {
        display: flex !important;
        align-items: center !important;
    }

    #masthead .nasa-header-mobile-layout .nasa-search-space,
    #masthead .nasa-mobile-header .nasa-search-space {
        order: 4;
        margin-left: 10px;
    }

    #masthead .nasa-header-mobile-layout .header-icons,
    #masthead .nasa-mobile-header .header-icons {
        order: 5;
        margin-left: 8px;
    }
}

/*
 * Navegacion horizontal de categorias para la cabecera Elessi.
 * El movil utiliza el menu principal nativo.
 */
@media screen and (min-width: 768px) {
    .nasa-elements-wrap-main-menu #nasa-menu-vertical-header {
        display: none !important;
    }

    .nasa-elements-wrap-main-menu .nasa-menus-wrapper,
    .nasa-elements-wrap-main-menu .main-menu-warpper {
        display: block !important;
        width: 100%;
        margin: 0 !important;
    }

    .nasa-elements-wrap-main-menu #site-navigation {
        display: grid !important;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        width: 100%;
        margin: 0 !important;
        align-items: stretch;
    }

    .nasa-elements-wrap-main-menu #site-navigation > li {
        display: flex !important;
        align-items: stretch;
        justify-content: center;
        min-width: 0;
        margin: 0 !important;
        border-right: 1px solid #eeeeee;
    }

    .nasa-elements-wrap-main-menu #site-navigation > li:nth-child(6n) {
        border-right: 0;
    }

    .nasa-elements-wrap-main-menu #site-navigation > li:nth-child(n + 7) {
        border-top: 1px solid #eeeeee;
    }

    .nasa-elements-wrap-main-menu #site-navigation > li > a {
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-height: 52px;
        margin: 0 !important;
        padding: 10px 8px !important;
        color: #222222;
        font-size: 14px !important;
        font-weight: 500;
        line-height: 1.25;
        text-align: center;
        text-transform: none;
        white-space: normal !important;
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .nasa-elements-wrap-main-menu #site-navigation > li:hover > a,
    .nasa-elements-wrap-main-menu #site-navigation > li.current-menu-item > a,
    .nasa-elements-wrap-main-menu #site-navigation > li.current-menu-ancestor > a {
        color: #6bad0d;
        background-color: rgba(107, 173, 13, 0.07);
    }
}

/* Refinamiento full width: items fluidos, sin divisorias ni subrayados. */
@media screen and (min-width: 768px) {
    .nasa-elements-wrap-main-menu,
    .nasa-elements-wrap-main-menu > .row,
    .nasa-elements-wrap-main-menu > .row > .columns,
    .nasa-elements-wrap-main-menu .wide-nav,
    .nasa-elements-wrap-main-menu .nasa-menus-wrapper,
    .nasa-elements-wrap-main-menu .main-menu-warpper {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        min-height: 0 !important;
    }

    .nasa-elements-wrap-main-menu {
        background: #fff;
        box-shadow: 0 5px 16px rgba(25, 45, 20, 0.045);
    }

    .nasa-elements-wrap-main-menu #site-navigation {
        display: flex !important;
        flex-wrap: wrap;
        justify-content: center;
        width: calc(100% - 48px) !important;
        max-width: 1600px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        gap: 0;
    }

    .nasa-elements-wrap-main-menu #site-navigation > li {
        flex: 1 0 auto;
        padding: 0 !important;
        border: 0 !important;
        min-height: 0 !important;
    }

    .nasa-elements-wrap-main-menu #site-navigation > li > a {
        height: auto !important;
        min-height: 52px;
        box-sizing: border-box;
        padding: 14px 10px !important;
        border: 0 !important;
        box-shadow: none !important;
        line-height: 24px !important;
        text-decoration: none !important;
        white-space: nowrap !important;
        transition: color 160ms ease, background-color 160ms ease;
    }

    .nasa-elements-wrap-main-menu #site-navigation > li::before,
    .nasa-elements-wrap-main-menu #site-navigation > li::after,
    .nasa-elements-wrap-main-menu #site-navigation > li > a::before,
    .nasa-elements-wrap-main-menu #site-navigation > li > a::after {
        display: none !important;
    }

    .nasa-elements-wrap-main-menu #site-navigation > li:hover > a,
    .nasa-elements-wrap-main-menu #site-navigation > li.current-menu-item > a,
    .nasa-elements-wrap-main-menu #site-navigation > li.current-menu-ancestor > a,
    .nasa-elements-wrap-main-menu #site-navigation > li > a:focus-visible {
        color: #477508;
        background-color: #f2f7e9;
    }

    .nasa-elements-wrap-main-menu #site-navigation > li > a:focus-visible {
        outline: 2px solid #6bad0d;
        outline-offset: -3px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .nasa-elements-wrap-main-menu #site-navigation > li > a {
        transition: none;
    }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .nasa-elements-wrap-main-menu #site-navigation {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .nasa-elements-wrap-main-menu #site-navigation > li:nth-child(6n) {
        border-right: 1px solid #eeeeee;
    }

    .nasa-elements-wrap-main-menu #site-navigation > li:nth-child(4n) {
        border-right: 0;
    }

    .nasa-elements-wrap-main-menu #site-navigation > li:nth-child(n + 5) {
        border-top: 1px solid #eeeeee;
    }
}
