<?php
use Twig\Environment;
use Twig\Error\LoaderError;
use Twig\Error\RuntimeError;
use Twig\Extension\SandboxExtension;
use Twig\Markup;
use Twig\Sandbox\SecurityError;
use Twig\Sandbox\SecurityNotAllowedTagError;
use Twig\Sandbox\SecurityNotAllowedFilterError;
use Twig\Sandbox\SecurityNotAllowedFunctionError;
use Twig\Source;
use Twig\Template;
/* header.html.twig */
class __TwigTemplate_541b3a53ce4292cbbaf89902806d5852 extends Template
{
private $source;
private $macros = [];
public function __construct(Environment $env)
{
parent::__construct($env);
$this->source = $this->getSourceContext();
$this->parent = false;
$this->blocks = [
];
}
protected function doDisplay(array $context, array $blocks = [])
{
$macros = $this->macros;
$__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
$__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "header.html.twig"));
$__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "header.html.twig"));
// line 1
echo "<header id=\"header\"
class=\"fixed top-0 w-full z-[1000001] bg-white\">
";
// line 3
if (is_active_sidebar("header-top")) {
// line 4
echo " <section id=\"header-top\">
";
// line 5
echo $this->env->getFunction('dynamic_sidebar')->getCallable()("header-top");
echo "
</section>
";
}
// line 8
echo " <div class=\"flex flex-row justify-between items-center max-w-screen-2xl mx-auto lg:px-20 px-5 py-4\">
<a href=\"";
// line 9
echo twig_escape_filter($this->env, (isset($context["home_url"]) || array_key_exists("home_url", $context) ? $context["home_url"] : (function () { throw new RuntimeError('Variable "home_url" does not exist.', 9, $this->source); })()), "html", null, true);
echo "\" class=\"max-w-7xl\" aria-label=\"";
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["bloginfo"]) || array_key_exists("bloginfo", $context) ? $context["bloginfo"] : (function () { throw new RuntimeError('Variable "bloginfo" does not exist.', 9, $this->source); })()), "name", [], "any", false, false, false, 9), "html", null, true);
echo "\">
<img src=\"";
// line 10
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("build/img/logo.png"), "html", null, true);
echo "\" alt=\"Logo ";
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["bloginfo"]) || array_key_exists("bloginfo", $context) ? $context["bloginfo"] : (function () { throw new RuntimeError('Variable "bloginfo" does not exist.', 10, $this->source); })()), "name", [], "any", false, false, false, 10), "html", null, true);
echo "\" loading=\"lazy\"
class=\"w-64 h-auto\">
</a>
<div class=\"flex flex-row items-center gap-4 lg:gap-10 xl:gap-20\">
";
// line 14
if ((((twig_get_attribute($this->env, $this->source, ($context["menu"] ?? null), "header", [], "any", true, true, false, 14)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["menu"] ?? null), "header", [], "any", false, false, false, 14))) : ("")) && twig_length_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["menu"]) || array_key_exists("menu", $context) ? $context["menu"] : (function () { throw new RuntimeError('Variable "menu" does not exist.', 14, $this->source); })()), "header", [], "any", false, false, false, 14), "items", [], "any", false, false, false, 14)))) {
// line 15
echo " <div class=\"lg:flex flex-row gap-7 hidden\">
";
// line 16
$context['_parent'] = $context;
$context['_seq'] = twig_ensure_traversable(((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["menu"] ?? null), "header", [], "any", false, true, false, 16), "items", [], "any", true, true, false, 16)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["menu"] ?? null), "header", [], "any", false, true, false, 16), "items", [], "any", false, false, false, 16))) : ("")));
$context['loop'] = [
'parent' => $context['_parent'],
'index0' => 0,
'index' => 1,
'first' => true,
];
if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
$length = count($context['_seq']);
$context['loop']['revindex0'] = $length - 1;
$context['loop']['revindex'] = $length;
$context['loop']['length'] = $length;
$context['loop']['last'] = 1 === $length;
}
foreach ($context['_seq'] as $context["_key"] => $context["item"]) {
// line 17
echo " <div class=\"group relative ";
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["item"], "class", [], "any", false, false, false, 17), "html", null, true);
echo "\">
<a href=\"";
// line 18
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["item"], "link", [], "any", false, false, false, 18), "html", null, true);
echo "\" target=\"";
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["item"], "target", [], "any", false, false, false, 18), "html", null, true);
echo "\"
";
// line 19
if (((twig_get_attribute($this->env, $this->source, $context["item"], "xfn", [], "any", true, true, false, 19)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, $context["item"], "xfn", [], "any", false, false, false, 19))) : (""))) {
echo "rel=\"";
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["item"], "xfn", [], "any", false, false, false, 19), "html", null, true);
echo "\"";
}
// line 20
echo " class=\"";
if (twig_length_filter($this->env, twig_get_attribute($this->env, $this->source, $context["item"], "children", [], "any", false, false, false, 20))) {
echo " flex flex-row items-center gap-2 ";
}
echo " text-black block text-sm group transition-all duration-300 ease-in-out uppercase\">
<span class=\"";
// line 21
if ( !twig_length_filter($this->env, twig_get_attribute($this->env, $this->source, $context["item"], "children", [], "any", false, false, false, 21))) {
echo " pb-[2px] ";
}
echo " bg-left-bottom bg-gradient-to-r from-primary to-primary bg-[length:0%_1px] bg-no-repeat group-hover:bg-[length:100%_1px] transition-all duration-500 ease-out\">";
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["item"], "title", [], "any", false, false, false, 21), "html", null, true);
echo "</span>
";
// line 22
if (twig_length_filter($this->env, twig_get_attribute($this->env, $this->source, $context["item"], "children", [], "any", false, false, false, 22))) {
// line 23
echo " <div class=\"group-hover:rotate-180 transition-all duration-500 ease-in-out\">
";
// line 24
$this->loadTemplate("assets/arrow-down.svg", "header.html.twig", 24)->display($context);
// line 25
echo " </div>
";
}
// line 27
echo " </a>
";
// line 28
if (twig_length_filter($this->env, twig_get_attribute($this->env, $this->source, $context["item"], "children", [], "any", false, false, false, 28))) {
// line 29
echo " <div class=\"pt-5 absolute w-max\">
<div class=\"group-hover:flex flex-col gap-4 hidden bg-white py-4 px-2 rounded-2xl -translate-x-6\">
";
// line 31
$context['_parent'] = $context;
$context['_seq'] = twig_ensure_traversable(((twig_get_attribute($this->env, $this->source, $context["item"], "children", [], "any", true, true, false, 31)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, $context["item"], "children", [], "any", false, false, false, 31))) : ("")));
foreach ($context['_seq'] as $context["_key"] => $context["children"]) {
// line 32
echo " <div class=\"group/item relative ";
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["children"], "class", [], "any", false, false, false, 32), "html", null, true);
echo "\">
<a href=\"";
// line 33
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["children"], "link", [], "any", false, false, false, 33), "html", null, true);
echo "\" target=\"";
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["children"], "target", [], "any", false, false, false, 33), "html", null, true);
echo "\"
";
// line 34
if (((twig_get_attribute($this->env, $this->source, $context["item"], "xfn", [], "any", true, true, false, 34)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, $context["item"], "xfn", [], "any", false, false, false, 34))) : (""))) {
echo "rel=\"";
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["item"], "xfn", [], "any", false, false, false, 34), "html", null, true);
echo "\"";
}
// line 35
echo " class=\"flex flex-col justify-between px-4 space-y-3.5 h-full rounded-2xl text-black text-sm group transition-all duration-300 ease-in-out group-[.current_page_item]/item:font-bold uppercase\">
<span>";
// line 36
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["children"], "title", [], "any", false, false, false, 36), "html", null, true);
echo "</span>
</a>
</div>
";
}
$_parent = $context['_parent'];
unset($context['_seq'], $context['_iterated'], $context['_key'], $context['children'], $context['_parent'], $context['loop']);
$context = array_intersect_key($context, $_parent) + $_parent;
// line 40
echo " </div>
</div>
";
}
// line 43
echo " </div>
";
++$context['loop']['index0'];
++$context['loop']['index'];
$context['loop']['first'] = false;
if (isset($context['loop']['length'])) {
--$context['loop']['revindex0'];
--$context['loop']['revindex'];
$context['loop']['last'] = 0 === $context['loop']['revindex0'];
}
}
$_parent = $context['_parent'];
unset($context['_seq'], $context['_iterated'], $context['_key'], $context['item'], $context['_parent'], $context['loop']);
$context = array_intersect_key($context, $_parent) + $_parent;
// line 45
echo " </div>
";
}
// line 47
echo " <div class=\"flex justify-end\">
<div class=\"group\">
<a rel=\"nofollow\" href=\"";
// line 49
echo twig_escape_filter($this->env, $this->extensions['Metabolism\WordpressBundle\Twig\WordpressTwigExtension']->execFunction("wc_get_cart_url"), "html", null, true);
echo "\"
class=\"relative flex flex-row items-center justify-center w-[50px] h-[40px]\">
";
// line 51
$this->loadTemplate("assets/menu-cart.svg", "header.html.twig", 51)->display($context);
// line 52
echo " <span id=\"cartContentsCount\"
class=\"bg-primary text-[10px] text-white absolute h-4 block top-0 right-[4px] min-w-[15px] text-center rounded-full z-[-1]\"></span>
</a>
</div>
<button data-modal-target=\"searchModal\" class=\"px-3\">
";
// line 57
$this->loadTemplate("assets/search.svg", "header.html.twig", 57)->display($context);
// line 58
echo " <span class=\"sr-only\">Abrir buscador</span>
</button>
</div>
<button id=\"moreInfo\" class=\"block lg:hidden\">
";
// line 62
$this->loadTemplate("assets/menu.svg", "header.html.twig", 62)->display($context);
// line 63
echo " <span class=\"sr-only\">Abrir menĂº</span>
</button>
</div>
</div>
<div id=\"menuOpen\"
class=\"hidden fixed xl:absolute xl:hidden top-0 w-screen h-screen bg-[#00000060] z-10\">
<div class=\"bg-white w-full xl:w-fit\">
<div class=\"max-w-screen-2xl mx-auto h-screen px-5 lg:px-20 py-4 flex flex-col gap-16 lg:gap-32\">
<div class=\"flex flex-row justify-between items-center\">
<a href=\"";
// line 72
echo twig_escape_filter($this->env, (isset($context["home_url"]) || array_key_exists("home_url", $context) ? $context["home_url"] : (function () { throw new RuntimeError('Variable "home_url" does not exist.', 72, $this->source); })()), "html", null, true);
echo "\">
<img src=\"";
// line 73
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("build/img/logo.png"), "html", null, true);
echo "\" alt=\"Logo mobile ";
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["bloginfo"]) || array_key_exists("bloginfo", $context) ? $context["bloginfo"] : (function () { throw new RuntimeError('Variable "bloginfo" does not exist.', 73, $this->source); })()), "name", [], "any", false, false, false, 73), "html", null, true);
echo "\"
loading=\"lazy\" class=\"w-64 h-auto\">
</a>
<button id=\"menuClose\">
";
// line 77
$this->loadTemplate("assets/close.svg", "header.html.twig", 77)->display($context);
// line 78
echo " <span class=\"sr-only\">Cerrar menĂº</span>
</button>
</div>
";
// line 81
if ((((twig_get_attribute($this->env, $this->source, ($context["menu"] ?? null), "header", [], "any", true, true, false, 81)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["menu"] ?? null), "header", [], "any", false, false, false, 81))) : ("")) && twig_length_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["menu"]) || array_key_exists("menu", $context) ? $context["menu"] : (function () { throw new RuntimeError('Variable "menu" does not exist.', 81, $this->source); })()), "header", [], "any", false, false, false, 81), "items", [], "any", false, false, false, 81)))) {
// line 82
echo " <div class=\"flex flex-col gap-10 overflow-auto max-h-[60vh]\">
<div class=\"flex flex-col pb-52\">
";
// line 84
$context['_parent'] = $context;
$context['_seq'] = twig_ensure_traversable(((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["menu"] ?? null), "header", [], "any", false, true, false, 84), "items", [], "any", true, true, false, 84)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["menu"] ?? null), "header", [], "any", false, true, false, 84), "items", [], "any", false, false, false, 84))) : ("")));
$context['loop'] = [
'parent' => $context['_parent'],
'index0' => 0,
'index' => 1,
'first' => true,
];
if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
$length = count($context['_seq']);
$context['loop']['revindex0'] = $length - 1;
$context['loop']['revindex'] = $length;
$context['loop']['length'] = $length;
$context['loop']['last'] = 1 === $length;
}
foreach ($context['_seq'] as $context["_key"] => $context["item"]) {
// line 85
echo " <div class=\"flex flex-col gap-3 justify-between border-b border-background py-4\">
<div class=\"flex flex-row items-center gap-3 justify-between\">
<a href=\"";
// line 87
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["item"], "link", [], "any", false, false, false, 87), "html", null, true);
echo "\"
target=\"";
// line 88
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["item"], "target", [], "any", false, false, false, 88), "html", null, true);
echo "\"
";
// line 89
if (((twig_get_attribute($this->env, $this->source, $context["item"], "xfn", [], "any", true, true, false, 89)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, $context["item"], "xfn", [], "any", false, false, false, 89))) : (""))) {
echo "rel=\"";
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["item"], "xfn", [], "any", false, false, false, 89), "html", null, true);
echo "\"";
}
// line 90
echo " ";
if (twig_length_filter($this->env, twig_get_attribute($this->env, $this->source, $context["item"], "children", [], "any", false, false, false, 90))) {
// line 91
echo " id=\"submenuChildrenOpen\"
";
}
// line 93
echo " class=\"text-black block text-base group uppercase w-full\">";
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["item"], "title", [], "any", false, false, false, 93), "html", null, true);
echo "</a>
";
// line 94
if (twig_length_filter($this->env, twig_get_attribute($this->env, $this->source, $context["item"], "children", [], "any", false, false, false, 94))) {
// line 95
echo " <a href=\"#\" class=\"submenuOpen px-4 flex\">
<i class=\"arrow-icon\">";
// line 96
$this->loadTemplate("assets/arrow-down-mobile.svg", "header.html.twig", 96)->display($context);
echo "</i>
</a>
";
}
// line 99
echo " </div>
";
// line 100
if (twig_length_filter($this->env, twig_get_attribute($this->env, $this->source, $context["item"], "children", [], "any", false, false, false, 100))) {
// line 101
echo " <div class=\"submenu hidden flex flex-col gap-2 ps-4\">
";
// line 102
$context['_parent'] = $context;
$context['_seq'] = twig_ensure_traversable(((twig_get_attribute($this->env, $this->source, $context["item"], "children", [], "any", true, true, false, 102)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, $context["item"], "children", [], "any", false, false, false, 102))) : ("")));
foreach ($context['_seq'] as $context["_key"] => $context["item_children"]) {
// line 103
echo " <a href=\"";
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["item_children"], "link", [], "any", false, false, false, 103), "html", null, true);
echo "\" target=\"";
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["item_children"], "target", [], "any", false, false, false, 103), "html", null, true);
echo "\"
";
// line 104
if (((twig_get_attribute($this->env, $this->source, $context["item"], "xfn", [], "any", true, true, false, 104)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, $context["item"], "xfn", [], "any", false, false, false, 104))) : (""))) {
echo "rel=\"";
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["item"], "xfn", [], "any", false, false, false, 104), "html", null, true);
echo "\"";
}
// line 105
echo " class=\"text-black block text-sm group uppercase w-full\">";
echo twig_get_attribute($this->env, $this->source, $context["item_children"], "title", [], "any", false, false, false, 105);
echo "</a>
";
}
$_parent = $context['_parent'];
unset($context['_seq'], $context['_iterated'], $context['_key'], $context['item_children'], $context['_parent'], $context['loop']);
$context = array_intersect_key($context, $_parent) + $_parent;
// line 107
echo " </div>
";
}
// line 109
echo " </div>
";
++$context['loop']['index0'];
++$context['loop']['index'];
$context['loop']['first'] = false;
if (isset($context['loop']['length'])) {
--$context['loop']['revindex0'];
--$context['loop']['revindex'];
$context['loop']['last'] = 0 === $context['loop']['revindex0'];
}
}
$_parent = $context['_parent'];
unset($context['_seq'], $context['_iterated'], $context['_key'], $context['item'], $context['_parent'], $context['loop']);
$context = array_intersect_key($context, $_parent) + $_parent;
// line 111
echo " </div>
</div>
";
}
// line 114
echo " ";
if (is_active_sidebar("sidebar-mobile")) {
// line 115
echo " <div class=\"absolute bottom-0 left-0 right-0 px-5 bg-white py-4 flex flex-col justify-between gap-2 pb-4 text-black z-100\">
";
// line 116
echo $this->env->getFunction('dynamic_sidebar')->getCallable()("sidebar-mobile");
echo "
</div>
";
}
// line 119
echo " </div>
</div>
</div>
<div id=\"searchModal\" tabindex=\"-1\" style=\"margin:0;\" aria-hidden=\"true\"
class=\"hidden fixed inset-0 z-50 w-full overflow-x-hidden overflow-y-auto h-[100dvh] justify-start items-start\">
<div class=\"relative w-full h-auto z-50\">
<button type=\"button\" data-modal-hide=\"searchModal\"
class=\"fixed top-5 z-50 right-5 text-black bg-transparent text-sm p-1.5 ml-auto inline-flex items-center\">
";
// line 127
$this->loadTemplate("assets/close.svg", "header.html.twig", 127)->display($context);
// line 128
echo " <span class=\"sr-only\">Cerrar modal</span>
</button>
<div class=\"relative bg-white shadow overflow-hidden max-h-full max-w-full m-auto p-6 2xl:px-20 space-y-6\">
<span class=\"uppercase text-xl block text-center text-black\">Encuentra tu producto</span>
<div class=\"bg-gray-100 max-w-2xl m-auto rounded-lg border border-gray-100\">
";
// line 133
echo do_shortcode("[aws_search_form id=\"1\"]");
echo "
</div>
</div>
</div>
<div class=\"hidden bg-gray-900 bg-opacity-90 fixed inset-0 z-40 overflow-hidden cursor-pointer\"
style=\"margin: 0;\" data-modal-backdrop=\"searchModal\"></div>
</div>
</header>";
$__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
}
/**
* @codeCoverageIgnore
*/
public function getTemplateName()
{
return "header.html.twig";
}
/**
* @codeCoverageIgnore
*/
public function isTraitable()
{
return false;
}
/**
* @codeCoverageIgnore
*/
public function getDebugInfo()
{
return array ( 420 => 133, 413 => 128, 411 => 127, 401 => 119, 395 => 116, 392 => 115, 389 => 114, 384 => 111, 369 => 109, 365 => 107, 356 => 105, 350 => 104, 343 => 103, 339 => 102, 336 => 101, 334 => 100, 331 => 99, 325 => 96, 322 => 95, 320 => 94, 315 => 93, 311 => 91, 308 => 90, 302 => 89, 298 => 88, 294 => 87, 290 => 85, 273 => 84, 269 => 82, 267 => 81, 262 => 78, 260 => 77, 251 => 73, 247 => 72, 236 => 63, 234 => 62, 228 => 58, 226 => 57, 219 => 52, 217 => 51, 212 => 49, 208 => 47, 204 => 45, 189 => 43, 184 => 40, 174 => 36, 171 => 35, 165 => 34, 159 => 33, 154 => 32, 150 => 31, 146 => 29, 144 => 28, 141 => 27, 137 => 25, 135 => 24, 132 => 23, 130 => 22, 122 => 21, 115 => 20, 109 => 19, 103 => 18, 98 => 17, 81 => 16, 78 => 15, 76 => 14, 67 => 10, 61 => 9, 58 => 8, 52 => 5, 49 => 4, 47 => 3, 43 => 1,);
}
public function getSourceContext()
{
return new Source("<header id=\"header\"
class=\"fixed top-0 w-full z-[1000001] bg-white\">
{% if is_active_sidebar( 'header-top' ) %}
<section id=\"header-top\">
{{ dynamic_sidebar('header-top') }}
</section>
{% endif %}
<div class=\"flex flex-row justify-between items-center max-w-screen-2xl mx-auto lg:px-20 px-5 py-4\">
<a href=\"{{ home_url }}\" class=\"max-w-7xl\" aria-label=\"{{ bloginfo.name }}\">
<img src=\"{{ asset('build/img/logo.png') }}\" alt=\"Logo {{ bloginfo.name }}\" loading=\"lazy\"
class=\"w-64 h-auto\">
</a>
<div class=\"flex flex-row items-center gap-4 lg:gap-10 xl:gap-20\">
{% if menu.header|default() and menu.header.items|length %}
<div class=\"lg:flex flex-row gap-7 hidden\">
{% for item in menu.header.items|default() %}
<div class=\"group relative {{ item.class }}\">
<a href=\"{{ item.link }}\" target=\"{{ item.target }}\"
{% if item.xfn|default %}rel=\"{{ item.xfn }}\"{% endif %}
class=\"{% if item.children|length %} flex flex-row items-center gap-2 {% endif %} text-black block text-sm group transition-all duration-300 ease-in-out uppercase\">
<span class=\"{% if not item.children|length %} pb-[2px] {% endif %} bg-left-bottom bg-gradient-to-r from-primary to-primary bg-[length:0%_1px] bg-no-repeat group-hover:bg-[length:100%_1px] transition-all duration-500 ease-out\">{{ item.title }}</span>
{% if item.children|length %}
<div class=\"group-hover:rotate-180 transition-all duration-500 ease-in-out\">
{% include 'assets/arrow-down.svg' %}
</div>
{% endif %}
</a>
{% if item.children|length %}
<div class=\"pt-5 absolute w-max\">
<div class=\"group-hover:flex flex-col gap-4 hidden bg-white py-4 px-2 rounded-2xl -translate-x-6\">
{% for children in item.children|default() %}
<div class=\"group/item relative {{ children.class }}\">
<a href=\"{{ children.link }}\" target=\"{{ children.target }}\"
{% if item.xfn|default %}rel=\"{{ item.xfn }}\"{% endif %}
class=\"flex flex-col justify-between px-4 space-y-3.5 h-full rounded-2xl text-black text-sm group transition-all duration-300 ease-in-out group-[.current_page_item]/item:font-bold uppercase\">
<span>{{ children.title }}</span>
</a>
</div>
{% endfor %}
</div>
</div>
{% endif %}
</div>
{% endfor %}
</div>
{% endif %}
<div class=\"flex justify-end\">
<div class=\"group\">
<a rel=\"nofollow\" href=\"{{ fn('wc_get_cart_url') }}\"
class=\"relative flex flex-row items-center justify-center w-[50px] h-[40px]\">
{% include 'assets/menu-cart.svg' %}
<span id=\"cartContentsCount\"
class=\"bg-primary text-[10px] text-white absolute h-4 block top-0 right-[4px] min-w-[15px] text-center rounded-full z-[-1]\"></span>
</a>
</div>
<button data-modal-target=\"searchModal\" class=\"px-3\">
{% include 'assets/search.svg' %}
<span class=\"sr-only\">Abrir buscador</span>
</button>
</div>
<button id=\"moreInfo\" class=\"block lg:hidden\">
{% include 'assets/menu.svg' %}
<span class=\"sr-only\">Abrir menĂº</span>
</button>
</div>
</div>
<div id=\"menuOpen\"
class=\"hidden fixed xl:absolute xl:hidden top-0 w-screen h-screen bg-[#00000060] z-10\">
<div class=\"bg-white w-full xl:w-fit\">
<div class=\"max-w-screen-2xl mx-auto h-screen px-5 lg:px-20 py-4 flex flex-col gap-16 lg:gap-32\">
<div class=\"flex flex-row justify-between items-center\">
<a href=\"{{ home_url }}\">
<img src=\"{{ asset('build/img/logo.png') }}\" alt=\"Logo mobile {{ bloginfo.name }}\"
loading=\"lazy\" class=\"w-64 h-auto\">
</a>
<button id=\"menuClose\">
{% include 'assets/close.svg' %}
<span class=\"sr-only\">Cerrar menĂº</span>
</button>
</div>
{% if menu.header|default() and menu.header.items|length %}
<div class=\"flex flex-col gap-10 overflow-auto max-h-[60vh]\">
<div class=\"flex flex-col pb-52\">
{% for item in menu.header.items|default() %}
<div class=\"flex flex-col gap-3 justify-between border-b border-background py-4\">
<div class=\"flex flex-row items-center gap-3 justify-between\">
<a href=\"{{ item.link }}\"
target=\"{{ item.target }}\"
{% if item.xfn|default %}rel=\"{{ item.xfn }}\"{% endif %}
{% if item.children|length %}
id=\"submenuChildrenOpen\"
{% endif %}
class=\"text-black block text-base group uppercase w-full\">{{ item.title }}</a>
{% if item.children|length %}
<a href=\"#\" class=\"submenuOpen px-4 flex\">
<i class=\"arrow-icon\">{% include 'assets/arrow-down-mobile.svg' %}</i>
</a>
{% endif %}
</div>
{% if item.children|length %}
<div class=\"submenu hidden flex flex-col gap-2 ps-4\">
{% for item_children in item.children|default() %}
<a href=\"{{ item_children.link }}\" target=\"{{ item_children.target }}\"
{% if item.xfn|default %}rel=\"{{ item.xfn }}\"{% endif %}
class=\"text-black block text-sm group uppercase w-full\">{{ item_children.title|raw }}</a>
{% endfor %}
</div>
{% endif %}
</div>
{% endfor %}
</div>
</div>
{% endif %}
{% if is_active_sidebar( 'sidebar-mobile' ) %}
<div class=\"absolute bottom-0 left-0 right-0 px-5 bg-white py-4 flex flex-col justify-between gap-2 pb-4 text-black z-100\">
{{ dynamic_sidebar('sidebar-mobile') }}
</div>
{% endif %}
</div>
</div>
</div>
<div id=\"searchModal\" tabindex=\"-1\" style=\"margin:0;\" aria-hidden=\"true\"
class=\"hidden fixed inset-0 z-50 w-full overflow-x-hidden overflow-y-auto h-[100dvh] justify-start items-start\">
<div class=\"relative w-full h-auto z-50\">
<button type=\"button\" data-modal-hide=\"searchModal\"
class=\"fixed top-5 z-50 right-5 text-black bg-transparent text-sm p-1.5 ml-auto inline-flex items-center\">
{% include 'assets/close.svg' %}
<span class=\"sr-only\">Cerrar modal</span>
</button>
<div class=\"relative bg-white shadow overflow-hidden max-h-full max-w-full m-auto p-6 2xl:px-20 space-y-6\">
<span class=\"uppercase text-xl block text-center text-black\">Encuentra tu producto</span>
<div class=\"bg-gray-100 max-w-2xl m-auto rounded-lg border border-gray-100\">
{{ shortcode('[aws_search_form id=\"1\"]')|raw }}
</div>
</div>
</div>
<div class=\"hidden bg-gray-900 bg-opacity-90 fixed inset-0 z-40 overflow-hidden cursor-pointer\"
style=\"margin: 0;\" data-modal-backdrop=\"searchModal\"></div>
</div>
</header>", "header.html.twig", "/srv/app/templates/header.html.twig");
}
}