<div class="nav-scroll hidden-desk">
<a href="{{absolute_url(path('aviatur_search_flights'))}}" class="js-nav-main-item {{classMainNav}}" data-nav="vuelos">
<span class="material-symbols-outlined">flightsmode</span>Vuelos
</a>
<a href="{{absolute_url(path('aviatur_search_hotels'))}}" class="js-nav-main-item {{classMainNav}}" data-nav="hoteles">
<span class="material-symbols-outlined">hotel</span>Hoteles
</a>
<a href="{{absolute_url(path('aviatur_search_flight_hotel_car'))}}" class="js-nav-main-item {{classMainNav}}" data-nav="multi">
<span class="material-symbols-outlined">flights_and_hotels</span>Vuelo + Hotel
</a>
<a href="{{absolute_url(path('aviatur_search_package'))}}" class="js-nav-main-item {{classMainNav}}" data-nav="paquetes">
<span class="material-symbols-outlined">beach_access</span>Paquetes
</a>
<a href="{{absolute_url(path('aviatur_search_cars'))}}" class="js-nav-main-item {{classMainNav}}" data-nav="autos">
<span class="material-symbols-outlined">directions_car</span>Autos
</a>
<a href="{{absolute_url(path('aviatur_search_experiences'))}}" class="js-nav-main-item {{classMainNav}}" data-nav="experiencias">
<span class="material-symbols-outlined">camping</span>Experiencias
</a>
<a itemprop="url" href="{{absolute_url(path('aviatur_search_cruise'))}}" class="js-nav-main-item {{classMainNav}}" data-nav="cruceros">
<span class="material-symbols-outlined">directions_boat</span>Cruceros
</a>
<a href="/experiencias/disney" class="js-nav-main-item {{classMainNav}}" target="_blank" data-nav="Experencia-Disney">
<span class="material-symbols-outlined">
<svg width="19" height="15" fill="#042A44" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 19 15" style="">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.23 4.181c0 .112-.007.223-.019.333a5.892 5.892 0 0 1 1.966-.334c.691 0 1.353.118 1.963.333a3.138 3.138 0 0 1-.018-.332c0-1.843 1.607-3.337 3.588-3.337 1.982 0 3.588 1.494 3.588 3.337 0 1.843-1.606 3.337-3.588 3.337a3.9 3.9 0 0 1-.357-.016c.232.567.358 1.182.358 1.825 0 2.843-2.478 5.147-5.534 5.147-3.057 0-5.534-2.304-5.534-5.147 0-.643.126-1.258.358-1.825a3.903 3.903 0 0 1-.36.016C1.659 7.518.053 6.024.053 4.181.053 2.338 1.659.844 3.64.844S7.229 2.338 7.229 4.18Z" fill="#042A44"></path>
</svg>
</span>
Disney
</a>
<a href="{{absolute_url(path('aviatur_search_insurance'))}}" class="js-nav-main-item {{classMainNav}}" data-nav="seguros-de-viaje">
<span class="material-symbols-outlined">medical_services</span>Asistencia
</a>
{% if app.user is not null %}
{% if is_granted('ROLE_AVIATUR_ADMIN_ADMIN_AGENT_EDIT')%}
<a href="{{ path('ally_menu_index') }}" class="js-nav-main-item {{classMainNav}}" data-nav="agentes">
<span class="material-symbols-outlined">handshake</span>Agentes
</a>
{% elseif is_granted('ROLE_AVIATUR_ADMIN_ADMIN_AGENT_OPERATOR')%}
{% else %}
<a href="/registro-agente" class="js-nav-main-item {{classMainNav}}" data-nav="agentes">
<span class="material-symbols-outlined">handshake</span>Agentes
</a>
{% endif %}
{% endif %}
</div>
<nav class="mx-5 hidden-portable">
<ul class="list-inline" itemscope itemtype="https://schema.org/SiteNavigationElement">
<li class="nav-main__grid" itemprop="name">
<a itemprop="url" href="{{absolute_url(path('aviatur_search_flights'))}}">
<div class="nav-main__item js-nav-main-item {{classMainNav}}" data-nav="vuelos">
<span class="material-symbols-outlined">flightsmode</span>
<span class="nav-main__title">Vuelos</span>
</div>
</a>
</li>
<li class="nav-main__grid" itemprop="name">
<a itemprop="url" href="{{absolute_url(path('aviatur_search_hotels'))}}">
<div class="nav-main__item js-nav-main-item {{classMainNav}}" data-nav="hoteles">
<span class="material-symbols-outlined" style="font-size: 1.3rem;margin-right: 5px;">hotel</span>
<span class="nav-main__title">Hoteles</span>
</div>
</a>
</li>
<li class="nav-main__grid" itemprop="name">
<a itemprop="url" href="{{absolute_url(path('aviatur_search_flight_hotel_car'))}}">
<div class="nav-main__item js-nav-main-item {{classMainNav}}" data-nav="multi">
<span class="material-symbols-outlined" style="font-size: 1.4rem;position: relative;top: -8px;">flights_and_hotels</span>
<p classs="an" nav-main__title"">Vuelo + Hotel</p>
</span>
</div>
</li>
</a>
</li>
<li class="nav-main__grid hide" itemprop="name">
<a itemprop="url" href="{{absolute_url(path('aviatur_search_package'))}}">
<div class="nav-main__title nav-main__item js-nav-main-item {{classMainNav}} nav-main-item-package" data-nav="paquetes">
<span class="material-symbols-outlined">beach_access</span>
<span class="nav-main__title">Paquetes</span>
</div>
</a>
</li>
<li class="nav-main__grid" itemprop="name">
<a itemprop="url" href="{{absolute_url(path('aviatur_search_package'))}}">
<div class="nav-main__item js-nav-main-item {{classMainNav}} nav-main-item-package" data-nav="paquetes">
<span class="material-symbols-outlined" style="font-size: 1.2rem;margin-right: 5px;">beach_access</span>
<span class="nav-main__title">Paquetes</span>
</div>
</a>
<i class="aviatur_search_package"></i>
</li>
<li class="nav-main__grid" itemprop="name">
<a itemprop="url" href="{{absolute_url(path('aviatur_search_cars'))}}">
<div class="nav-main__item js-nav-main-item {{classMainNav}}" data-nav="autos">
<span class="material-symbols-outlined" style="font-size: 1.2rem;margin-right: 5px;">directions_car</span>
<span class="nav-main__title">Autos</span>
</div>
</a>
</li>
<li class="nav-main__grid" itemprop="name">
<a itemprop="url" href="{{absolute_url(path('aviatur_search_experiences'))}}">
<div class="nav-main__item js-nav-main-item {{classMainNav}} nav-main-item-experience" data-nav="experiencias">
<span class="material-symbols-outlined" style="font-size: 1.2rem;margin-right: 5px;">camping</span>
<span class="nav-main__title">Experiencias</span>
</div>
</a>
</li>
<li class="nav-main__grid" itemprop="name">
<a itemprop="url" href="{{absolute_url(path('aviatur_search_cruise'))}}">
<div class="nav-main__item js-nav-main-item {{classMainNav}}" data-nav="cruceros">
<span class="material-symbols-outlined" style="font-size: 1.2rem;margin-right: 5px;">directions_boat</span>
<span class="nav-main__title">Cruceros</span>
</div>
</a>
</li>
<li class="nav-main__grid" itemprop="name">
<a itemprop="url" href="/paquetes/personalizada/disney" target="_blank" >
<div class="nav-main__item js-nav-main-item {{classMainNav}}" data-nav="paquetes-disney">
<span class="material-symbols-outlined"><svg width="19" height="15" fill="#042A44" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 15" style=""><path fill-rule="evenodd" clip-rule="evenodd" d="M7.23 4.181c0 .112-.007.223-.019.333a5.892 5.892 0 0 1 1.966-.334c.691 0 1.353.118 1.963.333a3.138 3.138 0 0 1-.018-.332c0-1.843 1.607-3.337 3.588-3.337 1.982 0 3.588 1.494 3.588 3.337 0 1.843-1.606 3.337-3.588 3.337a3.9 3.9 0 0 1-.357-.016c.232.567.358 1.182.358 1.825 0 2.843-2.478 5.147-5.534 5.147-3.057 0-5.534-2.304-5.534-5.147 0-.643.126-1.258.358-1.825a3.903 3.903 0 0 1-.36.016C1.659 7.518.053 6.024.053 4.181.053 2.338 1.659.844 3.64.844S7.229 2.338 7.229 4.18Z" fill="#042A44"></path></svg></span>
<span class="nav-main__title">Disney</span>
</div>
</a>
</li>
<li class="nav-main__grid" itemprop="name">
<a itemprop="url" href="{{absolute_url(path('aviatur_search_insurance'))}}">
<div class="nav-main__item js-nav-main-item {{classMainNav}}" data-nav="seguros-de-viaje">
<span class="material-symbols-outlined" style="font-size: 1.2rem;margin-right: 5px;">medical_services</span>
<span class="nav-main__title">Asistencia</span>
</div>
</a>
</li>
{% if app.user is not null %}
{% if is_granted('ROLE_AVIATUR_ADMIN_ADMIN_AGENT_EDIT')%}
<li class="nav-main__grid" itemprop="name">
<a itemprop="url" href="{{ path('ally_menu_index') }}">
<div class="nav-main__item js-nav-main-item {{classMainNav}}" data-nav="agentes">
<span class="material-symbols-outlined" style="font-size: 1.2rem;margin-right: 5px;">handshake</span>
<span class="nav-main__title">Agentes</span>
</div>
</a>
</li>
{% elseif is_granted('ROLE_AVIATUR_ADMIN_ADMIN_AGENT_OPERATOR')%}
{% else %}
<li class="nav-main__grid" itemprop="name">
<a itemprop="url" href="/registro-agente">
<div class="nav-main__item js-nav-main-item {{classMainNav}}" data-nav="agentes">
<span class="material-symbols-outlined" style="font-size: 1.2rem;margin-right: 5px;">handshake</span>
<span class="nav-main__title">Agentes</span>
</div>
</a>
</li>
{% endif %}
{% endif %}
</ul>
</nav>