@if($objMenu0!=null or $objMenu1!=null)
<header class="sxs-header before">
    <div class="sxs-container sxs-header__con0">
        <div class="sxs-header__con1 row">
            <div class="sxs-header__logo col"><a href="/" class="figure"><img alt="{{$objLogo['titulo']}}" src="{{env('VITE_HTML_BASE').$objLogo['img']}}"></a></div>
            <div class="sxs-header__menu col">
                <div class="sxs-header__menu-liswrp0 row">
                    <div class="sxs-header__menu-col col sxs-header__menu-col--lis">
                        <ul class="row sxs-header__menu-lis">
                            @foreach($objMenu0 as $a)
                            <li class="sxs-header__menu-ite col"><a href="{{ '../'.$a['url']}}" class="sxs-header__menu-lin"><span></span>{{ $a['titulo']}}</a></li>
                            @endforeach
                        </ul>
                    </div>
                    <div class="sxs-header__menu-col col sxs-header__menu-col--social">
                        <ul class="sxs-header__submenu row row--f">
                            <li class="sxs-header__submenu-ite col col--f flex-w-auto"><a rel="noreferrer noopener" class="sxs-ilin" aria-label="{{$objRedes[0]['titulo']}}" href="{{$objRedes[0]['url']}}" target="_blank"><i class="icon icon-contacto1 {{$objRedes[0]['icon']}}"></i></a></li>
                            <li class="sxs-header__submenu-ite col col--f flex-w-auto"><a rel="noreferrer noopener" class="sxs-ilin" aria-label="{{$objRedes[1]['titulo']}}" href="{{$objRedes[1]['url']}}" target="_blank"><i class="icon icon-contacto1 {{$objRedes[1]['icon']}}"></i></a></li>
                        </ul>
                    </div>
                    <div class="sxs-header__menu-col col sxs-header__menu-col--search"><button type="button" class="sxs-sbtn" aria-label="Abrir barra de búsqueda"><i class="icon icon-misc1 buscar"></i><i class="icon icon-misc1 cerrar"></i></button></div>
                    <div class="sxs-header__menu-col sxs-header__menu-col--cart col"><button type="button" id="btncarroopen" class="sxs-sbtn sxs-sbtn--ht" aria-label="Abrir carrito"><span class="sxs-icon sxs-icon--v1"><i class="icon icon-misc1 carro"></i></span></button></div>
                </div>
            </div>
            <div class="sxs-header__actions col">
                <div class="row">
                    <div class="sxs-header__nav-button-con col"><button id="navsubopen" type="button" aria-label="Abrir menú superior" class="sxs-header__nav-button"><span>
                                <div></div>
                                <div></div>
                                <div></div>
                            </span></button></div>
                </div>
            </div>
        </div>
    </div>
    <div id="sxs-sbar" class="sxs-sbar">
        <div class="sxs-container sxs-sbar__con0">
            <form class="sxs-sbar__con1 row">
                <div class="sxs-sbar__col col flex-xc-aspo">
                    <div class="sxs-fcon sxs-fcon--v1 frame">
                        <div class="sxs-fbox">
                            <input id="search" spellcheck="false" autocapitalize="false" placeholder="Buscar" inputmode="search" class="sxs-fcontrol sxs-sbar__fld" value="">
                        </div>
                    </div>
                </div>
                <div class="sxs-sbar__col sxs-sbar__col--btn col flex-w-auto">
                    <button id="sxs-sbar-buscar" type="submit" class="sxs-sbar__btn sxs-sbtn" aria-disabled="true" aria-label="Buscar">
                        <i class="icon icon-misc1 buscar"></i>
                    </button></div>
            </form>
        </div>
    </div>
</header>
<nav id="navsub" class="sxs-nav">
    <div class="sxs-nav__bg absolute o_overlay"></div>
    <div class="sxs-nav__con0">
        <header class="sxs-nav__hdr"><span></span><button id="navsubclose" type="button" aria-label="Cerrar menu grande" class="sxs-nav__btn-close"><i class="icon icon-misc1 cerrar"></i></button></header>
        <div class="sxs-nav__con1 o_ring--before o_ring--after">
            <div class="sxs-container sxs-nav__con2">
                <ul class="sxs-nav__lis list-none">
                    @php $va=0; @endphp
                   @foreach($objMenu1['items'] as $a)       
                        @if(!isset($a['submenu']))           
                        <li class="sxs-nav__ite" style="--_idx: {{$va}};">
                            <a href="./categorias/acidos-grasos" class="sxs-nav__lin">{{ $a['titulo']}}</a>
                        </li>
                        @endif
                    @if(isset($a['submenu'])) 
                        <li id="navsubitem{{$va}}" onclick="clickItem('{{$va}}')" class="sxs-nav__ite submenu-open" style="--_idx: {{$va}};">  
                            <div class="sxs-nav__ite-wrapper">
                                <div class="sxs-nav__lin">{{ $a['titulo']}}</div>
                                <div class="sxs-nav__icon"><i class="icon icon-flecha1 abajo"></i></div>
                            </div>
                            <ul id="navsubitemlist{{$va}}"  class="sxs-nav__submenu list-none" style="max-height: 0px;">
                            @foreach($a['submenu'] as $b)
                                <li class="sxs-nav__submenu-item"><a href="ciencia#{{ $b['url']}}" class="sxs-nav__submenu-link">{{ $b['titulo']}}</a></li>
                            @endforeach
                            </ul>
                        </li>
                    @endif 
                    @php $va++; @endphp
                    @endforeach
                </ul>
            </div>
        </div>
    </div>
</nav>
@endif