var/cache/dev/twig/c8/c8c9b44dd5ffd4cc58a78afbda0ea63e.php line 574

Open in your IDE?
  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\SandboxExtension;
  7. use Twig\Markup;
  8. use Twig\Sandbox\SecurityError;
  9. use Twig\Sandbox\SecurityNotAllowedTagError;
  10. use Twig\Sandbox\SecurityNotAllowedFilterError;
  11. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  12. use Twig\Source;
  13. use Twig\Template;
  15. /* layout/includes/navegation/desktop.html.twig */
  16. class __TwigTemplate_c7af060569d2f7f971c082bf2a322d66 extends Template
  17. {
  18.     private $source;
  19.     private $macros = [];
  21.     public function __construct(Environment $env)
  22.     {
  23.         parent::__construct($env);
  25.         $this->source = $this->getSourceContext();
  27.         $this->parent = false;
  29.         $this->blocks = [
  30.         ];
  31.         $this->sandbox = $this->env->getExtension('\Twig\Extension\SandboxExtension');
  32.         $this->checkSecurity();
  33.     }
  35.     protected function doDisplay(array $context, array $blocks = [])
  36.     {
  37.         $macros = $this->macros;
  38.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  39.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "layout/includes/navegation/desktop.html.twig"));
  41.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  42.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "layout/includes/navegation/desktop.html.twig"));
  44.         // line 1
  45.         echo "<style>
  46.     @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap');
  48.     ";
  49.         // line 4
  50.         if ((((isset($context["currentPath"]) || array_key_exists("currentPath", $context) ? $context["currentPath"] : (function () { throw new RuntimeError('Variable "currentPath" does not exist.', 4, $this->source); })()) == "/es/empresa") || ((isset($context["currentPath"]) || array_key_exists("currentPath", $context) ? $context["currentPath"] : (function () { throw new RuntimeError('Variable "currentPath" does not exist.', 4, $this->source); })()) == "/en/about-us"))) {
  51.             // line 5
  52.             echo "        ";
  53.             $context["isAboutUs"] = true;
  54.             // line 6
  55.             echo "    ";
  56.         } else {
  57.             // line 7
  58.             echo "        ";
  59.             $context["isAboutUs"] = false;
  60.             // line 8
  61.             echo "    ";
  62.         }
  63.         // line 9
  64.         echo "
  65.     /* Base styles */
  66.     .menu-outer {
  67.         background-color: #fff;
  68.     }
  70.     #siteNav.medium {
  71.         font-family: 'Montserrat', sans-serif;
  72.         display: flex;
  73.         align-items: center;
  74.         flex-wrap: nowrap;
  75.         list-style-type: none;
  76.         padding-left: 0;
  77.         flex-grow: 1;
  78.         justify-content: space-between;
  79.         width: 100%;
  80.         gap: 5px;
  81.     }
  83.     #siteNav.medium > li a {
  84.         font-size: 16px;
  85.         padding: 8px 15px;
  86.         font-weight: 600;
  87.         ";
  88.         // line 32
  89.         if ((isset($context["is_authenticated"]) || array_key_exists("is_authenticated", $context) ? $context["is_authenticated"] : (function () { throw new RuntimeError('Variable "is_authenticated" does not exist.', 32, $this->source); })())) {
  90.             // line 33
  91.             echo "        color: #6c757d;
  92.         ";
  93.         } else {
  94.             // line 35
  95.             echo "        color: #000000;
  96.         ";
  97.         }
  98.         // line 37
  99.         echo "        position: relative;
  100.         display: inline-block;
  101.         overflow: hidden;
  102.         text-transform: capitalize;
  103.         border-radius: 4px;
  104.         transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  105.         text-decoration: none;
  106.     }
  108.     #siteNav.medium > li > a {
  109.         margin-left: 0;
  110.     }
  112.     #siteNav.medium > li {
  113.         margin-right: 5px;
  114.     }
  116.     #siteNav.medium > li:last-child {
  117.         margin-right: 0;
  118.     }
  120.     /* Hover line effect */
  121.     #siteNav.medium > li a::after {
  122.         content: '';
  123.         position: absolute;
  124.         bottom: 0;
  125.         left: 50%;
  126.         width: 0;
  127.         height: 2px;
  128.         ";
  129.         // line 66
  130.         if ((isset($context["is_authenticated"]) || array_key_exists("is_authenticated", $context) ? $context["is_authenticated"] : (function () { throw new RuntimeError('Variable "is_authenticated" does not exist.', 66, $this->source); })())) {
  131.             // line 67
  132.             echo "        background-color: #6c757d;
  133.         ";
  134.         } else {
  135.             // line 69
  136.             echo "        background-color: #333;
  137.         ";
  138.         }
  139.         // line 71
  140.         echo "        transition: width 0.3s ease-out, transform 0.3s ease-out;
  141.         transform: translateX(-50%);
  142.         transform-origin: center;
  143.     }
  145.     #siteNav.medium > li a:hover::after {
  146.         width: 100%;
  147.         transform: translateX(-50%) scaleX(1);
  148.     }
  150.     #siteNav.medium > li .dropdown-item {
  151.         ";
  152.         // line 82
  153.         if ((isset($context["is_authenticated"]) || array_key_exists("is_authenticated", $context) ? $context["is_authenticated"] : (function () { throw new RuntimeError('Variable "is_authenticated" does not exist.', 82, $this->source); })())) {
  154.             // line 83
  155.             echo "        color: #6c757d;
  156.         ";
  157.         } else {
  158.             // line 85
  159.             echo "        color: #333;
  160.         ";
  161.         }
  162.         // line 87
  163.         echo "        font-family: 'Montserrat', sans-serif;
  164.     }
  166.     #siteNav.medium > li .dropdown-item:hover {
  167.         background-color: #0d6efd;
  168.         color: #fff;
  169.         font-weight: 600;
  170.     }
  172.     /* Active link */
  173.     #siteNav.medium > li.active-link > a {
  174.         ";
  175.         // line 98
  176.         if ((isset($context["is_authenticated"]) || array_key_exists("is_authenticated", $context) ? $context["is_authenticated"] : (function () { throw new RuntimeError('Variable "is_authenticated" does not exist.', 98, $this->source); })())) {
  177.             // line 99
  178.             echo "        color: #6c757d !important;
  179.         ";
  180.         } else {
  181.             // line 101
  182.             echo "        color: #333 !important;
  183.         ";
  184.         }
  185.         // line 103
  186.         echo "        font-weight: 700;
  187.         background-color: transparent !important;
  188.     }
  190.     #siteNav.medium > li.active-link > a::after {
  191.         width: 100%;
  192.         transform: translateX(-50%) scaleX(1);
  193.         ";
  194.         // line 110
  195.         if ((isset($context["is_authenticated"]) || array_key_exists("is_authenticated", $context) ? $context["is_authenticated"] : (function () { throw new RuntimeError('Variable "is_authenticated" does not exist.', 110, $this->source); })())) {
  196.             // line 111
  197.             echo "        background-color: #6c757d;
  198.         ";
  199.         } else {
  200.             // line 113
  201.             echo "        background-color: #333;
  202.         ";
  203.         }
  204.         // line 115
  205.         echo "    }
  207.     #siteNav.medium > li a:hover {
  208.         ";
  209.         // line 118
  210.         if ((isset($context["is_authenticated"]) || array_key_exists("is_authenticated", $context) ? $context["is_authenticated"] : (function () { throw new RuntimeError('Variable "is_authenticated" does not exist.', 118, $this->source); })())) {
  211.             // line 119
  212.             echo "        color: #6c757d !important;
  213.         ";
  214.         } else {
  215.             // line 121
  216.             echo "        color: #000000 !important;
  217.         ";
  218.         }
  219.         // line 123
  220.         echo "        background-color: transparent !important;
  221.     }
  223.     #siteNav.medium > li.lvl1.parent.megamenu .megamenu a:hover{
  224.         color: inherit !important;
  225.     }
  227.     #siteNav.medium > li a:hover::after {
  228.         ";
  229.         // line 131
  230.         if ((isset($context["is_authenticated"]) || array_key_exists("is_authenticated", $context) ? $context["is_authenticated"] : (function () { throw new RuntimeError('Variable "is_authenticated" does not exist.', 131, $this->source); })())) {
  231.             // line 132
  232.             echo "        background-color: #6c757d;
  233.         ";
  234.         } else {
  235.             // line 134
  236.             echo "        background-color: #333;
  237.         ";
  238.         }
  239.         // line 136
  240.         echo "    }
  242.     /* Professional area button */
  243.     .login-nav-item a.site-nav {
  244.         background: linear-gradient(to bottom right, #91D6F3, #3F91F3);
  245.         color: #fff !important;
  246.         padding: 10px 25px !important;
  247.         border-radius: 50px !important;
  248.         text-transform: capitalize !important;
  249.         font-weight: 700 !important;
  250.         box-shadow: 0 3px 5px rgba(0, 0, 0, 0.6);
  251.         transition: background 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  252.         border: none;
  253.         white-space: nowrap !important;
  254.         min-width: max-content !important;
  255.     }
  257.     /* Technical area button */
  258.     #siteNav.medium > li a[href*=\"technicalArea\"],
  259.     #siteNav.medium > li a[href*=\"technical-area\"] {
  260.         white-space: nowrap !important;
  261.         min-width: max-content !important;
  262.     }
  264.     .login-nav-item a.site-nav:hover {
  265.         background: linear-gradient(to bottom right, #3F91F3, #91D6F3);
  266.         box-shadow: 0 5px 7px rgba(0, 0, 0, 0.2);
  267.     }
  269.     .login-nav-item a.site-nav i {
  270.         color: #fff !important;
  271.     }
  273.     /* Professional area header styling - cart and user icons */
  274.     .header-cart .site-header__cart i {
  275.         color: #6c757d !important;
  276.     }
  278.     .header-cart .site-header__cart:hover i {
  279.         color: #6c757d !important;
  280.     }
  282.     .header-cart .site-cart-count {
  283.         background-color: #6c757d !important;
  284.         color: #fff !important;
  285.         transition: background-color 0.2s ease-in-out;
  286.     }
  288.     .header-cart .site-header__cart:hover .site-cart-count {
  289.         background-color: #6c757d !important;
  290.     }
  292.     ";
  293.         // line 188
  294.         if ((isset($context["is_authenticated"]) || array_key_exists("is_authenticated", $context) ? $context["is_authenticated"] : (function () { throw new RuntimeError('Variable "is_authenticated" does not exist.', 188, $this->source); })())) {
  295.             // line 189
  296.             echo "    .user-link.iconset .icon.an-user {
  297.         color: #6c757d !important;
  298.     }
  300.     .user-link.iconset:hover .icon.an-user {
  301.         color: #6c757d !important;
  302.     }
  304.     .user-link.iconset .icon {
  305.         color: #6c757d !important;
  306.     }
  308.     .user-link.iconset:hover .icon {
  309.         color: #6c757d !important;
  310.     }
  312.     .d-flex.align-items-center .user-link.iconset .icon {
  313.         color: #6c757d !important;
  314.     }
  316.     .d-flex.align-items-center .user-link.iconset:hover .icon {
  317.         color: #6c757d !important;
  318.     }
  320.     i.icon.an-user.d-block {
  321.         color: #6c757d !important;
  322.     }
  324.     .user-link.iconset i.icon.an-user.d-block {
  325.         color: #6c757d !important;
  326.     }
  328.     .user-link.iconset:hover i.icon.an-user.d-block {
  329.         color: #6c757d !important;
  330.     }
  331.     ";
  332.         }
  333.         // line 225
  334.         echo "
  335.     /* User manual link styling */
  336.     ";
  337.         // line 227
  338.         if ((isset($context["is_authenticated"]) || array_key_exists("is_authenticated", $context) ? $context["is_authenticated"] : (function () { throw new RuntimeError('Variable "is_authenticated" does not exist.', 227, $this->source); })())) {
  339.             // line 228
  340.             echo "    .user-manual-link.iconset {
  341.         font-family: 'Montserrat', sans-serif;
  342.     }
  344.     .user-manual-link.iconset span {
  345.         color: #6c757d !important;
  346.         font-weight: 600;
  347.         font-size: 11px;
  348.         text-transform: capitalize;
  349.         transition: color 0.2s ease-in-out;
  350.         cursor: pointer;
  351.     }
  353.     .user-manual-link.iconset:hover span {
  354.         color: #6c757d !important;
  355.     }
  356.     ";
  357.         }
  358.         // line 245
  359.         echo "    
  360.     /* Logo sizing */
  361.     #siteNav.medium > li:first-child a img,
  362.     .navbar-logo {
  363.         min-width: 45px !important;
  364.         width: 60px !important;
  365.     }
  367.     /* Hover de logo, megamenu, empresa y idioma */
  368.     .logo-nav-item .logo-link::after {
  369.         display: none;
  370.     }
  372.     .logo-nav-item .logo-link:hover::after {
  373.         display: none;
  374.     }
  376.     #siteNav.medium > li.logo-nav-item a::after {
  377.         display: none;
  378.     }
  380.     #siteNav.medium > li.logo-nav-item a:hover::after {
  381.         display: none;
  382.     }
  384.     .lvl1.parent.megamenu * a::after,
  385.     .lvl1.parent.megamenu * a:hover::after 
  386.     {
  387.         display: none;
  388.         color: initial;
  389.         background-color: initial;
  390.     }
  392.     #siteNav .menu-brand-logo a {
  393.         transition: background-color 0.3s ease-in-out;
  394.         background-color: transparent;
  395.     }
  397.     #siteNav .menu-brand-logo a:hover {
  398.         background-color: #f0f0f0 !important;
  399.     }
  401.     #siteNav.medium .menu-brand-logo a:hover {
  402.         background-color: #f0f0f0 !important;
  403.     }
  405.     #siteNav.medium > li.lvl1.parent.dropdown ul.dropdown a::after,
  406.     #siteNav.medium > li.lvl1.parent.dropdown ul.dropdown a:hover::after {
  407.         display: none;
  408.     }
  410.     .lang-image {
  411.         min-width: 25px !important;
  412.         width: 30px !important;
  413.         object-fit: contain;
  414.     }
  415.     #siteNav.medium > li.lang-image-li a:hover::after {
  416.         display: none;
  417.     }
  419.     /* Search animation */
  420.     @keyframes shake {
  421.         0%, 100% { transform: translateX(0); }
  422.         10%, 30%, 50%, 70%, 90% { transform: translateX(-5px); }
  423.         20%, 40%, 60%, 80% { transform: translateX(5px); }
  424.     }
  426.     .shake {
  427.         animation: shake 0.5s;
  428.     }
  430.     #search-box::placeholder {
  431.         color: #FF0000;
  432.     }
  434.     #siteNav.medium .d-flex.align-items-center .iconset {
  435.         display: flex;
  436.         align-items: center;
  437.         height: auto;
  438.         padding: 8px 15px;
  439.         margin: 0;
  440.     }
  442.     /* Responsive breakpoints */
  443.     @media only screen and (min-width: 1800px) {
  444.         #siteNav.medium > li a {
  445.             padding: 10px 20px;
  446.             font-size: 17px;
  447.         }
  448.     }
  450.     @media only screen and (min-width: 1740px) and (max-width: 1640px) {
  451.         #siteNav.medium {
  452.             gap: 10px;
  453.         }
  454.         
  455.         #siteNav.medium > li a {
  456.             padding: 8px 15px;
  457.             font-size: 16px;
  458.         }
  459.         
  460.         #siteNav.medium > li {
  461.             flex: 0 1 auto;
  462.         }
  463.         
  464.         #siteNav.medium > li:not(:first-child):not(.lang-image-li):not(.user-menu):not(.login-nav-item):not(.minicart-nav-item) {
  465.             flex: 1 1 auto;
  466.             max-width: 180px;
  467.         }
  468.     }
  470.     @media only screen and (max-width: 1690px) {
  471.         #siteNav.medium > li a {
  472.             padding: 8px 10px;
  473.             font-size: 15px;
  474.         }
  475.     }
  477.     @media only screen and (max-width: 1500px) {
  478.         #siteNav.medium > li a {
  479.             padding: 8px 10px;
  480.             font-size: 15px;
  481.         }
  482.     }
  484.     @media only screen and (max-width: 1300px) {
  485.         #siteNav.medium > li a {
  486.             padding: 8px 10px;
  487.             font-size: 14px;
  488.         }
  489.     }
  491.     @media (max-width: 1090px) {
  492.         #siteNav.medium > li a {
  493.             padding: 8px 5px;
  494.             font-size: 14px;
  495.         }
  496.         .login-nav-item a.site-nav .text {
  497.             display: inline !important;
  498.             white-space: nowrap !important;
  499.         }
  500.         .login-nav-item a.site-nav i {
  501.             display: none !important;
  502.         }
  503.         
  504.         #siteNav.medium > li a[href*=\"technicalArea\"],
  505.         #siteNav.medium > li a[href*=\"technical-area\"] {
  506.             white-space: nowrap !important;
  507.             min-width: max-content !important;
  508.         }
  509.     }
  511.     @media (min-width: 1240px) {
  512.         .login-nav-item a.site-nav .text.d-none.d-xl-inline {
  513.             display: inline !important;
  514.         }
  515.         .login-nav-item a.site-nav i.d-block.d-xl-none {
  516.             display: none !important;
  517.         }
  518.     }
  520.     @media (max-width: 1239px) {
  521.         .login-nav-item a.site-nav .text.d-none.d-xl-inline {
  522.             display: none !important;
  523.         }
  524.         .login-nav-item a.site-nav i.d-block.d-xl-none {
  525.             display: block !important;
  526.         }
  527.     }
  529.     @media (min-width: 991px) {
  530.         .header.header-space-mobile {
  531.             padding-bottom: 15px;
  532.         }
  533.     }
  535.     @media (max-width: 991px) {
  536.         .header.header-space-mobile {
  537.             padding: 15px 0;
  538.         }
  539.     }
  541. </style>
  542. <div class=\"menu-outer d-none d-lg-block pb-1 mt-1\">
  543. \t<div class=\"container-fluid\">
  544. \t\t<div class=\"row\">
  545. \t\t\t<div class=\"col-1 col-sm-1 col-md-1 col-lg-12 align-self-center d-menu-col\">
  546. \t\t\t\t<nav class=\"grid__item position-relative\" id=\"AccessibleNav\" >
  547.                     ";
  548.         // line 434
  549.         echo "\t\t\t\t\t<ul id=\"siteNav\" class=\"site-nav medium center hidearrow align-items-center\">
  550.                         <li class=\"lvl1 logo-nav-item\"> ";
  551.         // line 436
  552.         echo "                            <a href=\"";
  553.         (((isset($context["isRoot"]) || array_key_exists("isRoot", $context) ? $context["isRoot"] : (function () { throw new RuntimeError('Variable "isRoot" does not exist.', 436, $this->source); })())) ? (print ("#sticky-header")) : (print (twig_escape_filter($this->env, ((isset($context["navStartNode"]) || array_key_exists("navStartNode", $context) ? $context["navStartNode"] : (function () { throw new RuntimeError('Variable "navStartNode" does not exist.', 436, $this->source); })()) . "/"), "html", null, true))));
  554.         echo "\" class=\"m-0 p-0 py-2 logo-link\">
  555.                                 <img src=\"";
  556.         // line 437
  557.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("/static2/images/midnight/assets/logo-bsn.png"), "html", null, true);
  558.         echo "\" class=\"rounded-circle navbar-logo\" style=\"width: 35px; vertical-align: middle;\">
  559.                             </a>
  560.                         </li>
  561.                         ";
  562.         // line 441
  563.         echo "                        <li class=\"lvl1 parent megamenu\">
  564.                             <a href=\"";
  565.         // line 442
  566.         echo twig_escape_filter($this->env, ("/" . (((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 442, $this->source); })()), "request", [], "any", false, false, true, 442), "locale", [], "any", false, false, true, 442) == "en")) ? ("en/products/default_m1") : ("es/productos/default_m1"))), "html", null, true);
  567.         echo "\">";
  568.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("layout.navbar-desktop.products_translations"), "html", null, true);
  569.         echo "
  570.                                 <i class=\"an an-angle-down-l\"></i>
  571.                             </a>
  572.                             ";
  573.         // line 445
  574.         echo $this->env->getFunction('pimcore_inc')->getCallable()($this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["document"]) || array_key_exists("document", $context) ? $context["document"] : (function () { throw new RuntimeError('Variable "document" does not exist.', 445, $this->source); })()), "getProperty", ["categories-navbar"], "method", false, false, true, 445), 445, $this->source), [], false);
  575.         echo "
  576.                         </li>
  577.                         ";
  578.         // line 448
  579.         echo "                        ";
  580.         // line 449
  581.         echo "                        <li class=\"lvl1 parent dropdown\">
  582.                             <a href=\"";
  583.         // line 450
  584.         (((isset($context["isRoot"]) || array_key_exists("isRoot", $context) ? $context["isRoot"] : (function () { throw new RuntimeError('Variable "isRoot" does not exist.', 450, $this->source); })())) ? (print ("#featured-services")) : (print (twig_escape_filter($this->env, ((isset($context["navStartNode"]) || array_key_exists("navStartNode", $context) ? $context["navStartNode"] : (function () { throw new RuntimeError('Variable "navStartNode" does not exist.', 450, $this->source); })()) . "#featured-services"), "html", null, true))));
  585.         echo "\">";
  586.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("layout.footer.information.professional-area_translations"), "html", null, true);
  587.         echo "
  588.                                 <i class=\"an an-angle-down-l\"></i>
  589.                             </a>
  590.                                 <ul class=\"dropdown\">
  591.                                     <li><a href=\"";
  592.         // line 454
  593.         (((isset($context["isAboutUs"]) || array_key_exists("isAboutUs", $context) ? $context["isAboutUs"] : (function () { throw new RuntimeError('Variable "isAboutUs" does not exist.', 454, $this->source); })())) ? (print ("#company")) : (print (twig_escape_filter($this->env, (((isset($context["navStartNode"]) || array_key_exists("navStartNode", $context) ? $context["navStartNode"] : (function () { throw new RuntimeError('Variable "navStartNode" does not exist.', 454, $this->source); })()) . "/") . (((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 454, $this->source); })()), "request", [], "any", false, false, true, 454), "locale", [], "any", false, false, true, 454) == "en")) ? ("about-us") : ("empresa"))), "html", null, true))));
  594.         echo "\" class=\"site-nav\">";
  595.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("home.about-us_title_translations"), "html", null, true);
  596.         echo "</a></li>
  597.                                     <li><a href=\"";
  598.         // line 455
  599.         (((isset($context["isAboutUs"]) || array_key_exists("isAboutUs", $context) ? $context["isAboutUs"] : (function () { throw new RuntimeError('Variable "isAboutUs" does not exist.', 455, $this->source); })())) ? (print ("#technicalAdvice")) : (print (twig_escape_filter($this->env, (((isset($context["navStartNode"]) || array_key_exists("navStartNode", $context) ? $context["navStartNode"] : (function () { throw new RuntimeError('Variable "navStartNode" does not exist.', 455, $this->source); })()) . "/") . (((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 455, $this->source); })()), "request", [], "any", false, false, true, 455), "locale", [], "any", false, false, true, 455) == "en")) ? ("about-us#technicalAdvice") : ("empresa#technicalAdvice"))), "html", null, true))));
  600.         echo "\" class=\"site-nav\">";
  601.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("home.about-us-cards.technical_advice_translations"), "html", null, true);
  602.         echo "</a></li>
  603.                                     <li><a href=\"";
  604.         // line 456
  605.         (((isset($context["isAboutUs"]) || array_key_exists("isAboutUs", $context) ? $context["isAboutUs"] : (function () { throw new RuntimeError('Variable "isAboutUs" does not exist.', 456, $this->source); })())) ? (print ("#customService")) : (print (twig_escape_filter($this->env, (((isset($context["navStartNode"]) || array_key_exists("navStartNode", $context) ? $context["navStartNode"] : (function () { throw new RuntimeError('Variable "navStartNode" does not exist.', 456, $this->source); })()) . "/") . (((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 456, $this->source); })()), "request", [], "any", false, false, true, 456), "locale", [], "any", false, false, true, 456) == "en")) ? ("about-us#customService") : ("empresa#customService"))), "html", null, true))));
  606.         echo "\" class=\"site-nav\">";
  607.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("home.about-us-cards.custom_service_translations"), "html", null, true);
  608.         echo "</a></li>
  609.                                     <li><a href=\"";
  610.         // line 457
  611.         (((isset($context["isAboutUs"]) || array_key_exists("isAboutUs", $context) ? $context["isAboutUs"] : (function () { throw new RuntimeError('Variable "isAboutUs" does not exist.', 457, $this->source); })())) ? (print ("#stockLogistic")) : (print (twig_escape_filter($this->env, (((isset($context["navStartNode"]) || array_key_exists("navStartNode", $context) ? $context["navStartNode"] : (function () { throw new RuntimeError('Variable "navStartNode" does not exist.', 457, $this->source); })()) . "/") . (((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 457, $this->source); })()), "request", [], "any", false, false, true, 457), "locale", [], "any", false, false, true, 457) == "en")) ? ("about-us#stockLogistic") : ("empresa#stockLogistic"))), "html", null, true))));
  612.         echo "\" class=\"site-nav\">";
  613.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("home.about-us-cards.stock_and_logistics_translations"), "html", null, true);
  614.         echo "</a></li>
  615.                                     <li><a href=\"";
  616.         // line 458
  617.         (((isset($context["isAboutUs"]) || array_key_exists("isAboutUs", $context) ? $context["isAboutUs"] : (function () { throw new RuntimeError('Variable "isAboutUs" does not exist.', 458, $this->source); })())) ? (print ("#stockLogistic")) : (print (twig_escape_filter($this->env, (((isset($context["navStartNode"]) || array_key_exists("navStartNode", $context) ? $context["navStartNode"] : (function () { throw new RuntimeError('Variable "navStartNode" does not exist.', 458, $this->source); })()) . "/") . (((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 458, $this->source); })()), "request", [], "any", false, false, true, 458), "locale", [], "any", false, false, true, 458) == "en")) ? ("about-us#stockLogistic") : ("empresa#stockLogistic"))), "html", null, true))));
  618.         echo "\" class=\"site-nav\">";
  619.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("home.about-us-cards.training_translations"), "html", null, true);
  620.         echo "</a></li>
  621.                                 </ul>
  622.                         </li>
  623.                         ";
  624.         // line 462
  625.         echo "                        <li class=\"lvl1 parent dropdown\">
  626.                             <a href=\"";
  627.         // line 463
  628.         (((isset($context["isRoot"]) || array_key_exists("isRoot", $context) ? $context["isRoot"] : (function () { throw new RuntimeError('Variable "isRoot" does not exist.', 463, $this->source); })())) ? (print ("#technicalArea")) : (print (twig_escape_filter($this->env, ((isset($context["navStartNode"]) || array_key_exists("navStartNode", $context) ? $context["navStartNode"] : (function () { throw new RuntimeError('Variable "navStartNode" does not exist.', 463, $this->source); })()) . "#technicalArea"), "html", null, true))));
  629.         echo "\">";
  630.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Layout.Navegation.Technical-Area_translations"), "html", null, true);
  631.         echo "
  632.                                 <i class=\"an an-angle-down-l\"></i>
  633.                             </a>
  634.                             ";
  635.         // line 466
  636.         if ((((isset($context["currentPath"]) || array_key_exists("currentPath", $context) ? $context["currentPath"] : (function () { throw new RuntimeError('Variable "currentPath" does not exist.', 466, $this->source); })()) != "/") && ((isset($context["currentPath"]) || array_key_exists("currentPath", $context) ? $context["currentPath"] : (function () { throw new RuntimeError('Variable "currentPath" does not exist.', 466, $this->source); })()) != "/en"))) {
  637.             // line 467
  638.             echo "                                <ul class=\"dropdown\">
  639.                                     <li><a href=\"";
  640.             // line 468
  641.             echo twig_escape_filter($this->env, ("/" . (((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 468, $this->source); })()), "request", [], "any", false, false, true, 468), "locale", [], "any", false, false, true, 468) == "en")) ? ("en/technical-area/painting-schemes") : ("es/area-tecnica/esquemas-de-pintado"))), "html", null, true);
  642.             echo "\" class=\"site-nav\">";
  643.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Esquemas de pintado"), "html", null, true);
  644.             echo "</a></li>
  645.                                     <li><a href=\"#\" class=\"site-nav\" id=\"search-link\">";
  646.             // line 469
  647.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Fichas técnicas y de seguridad"), "html", null, true);
  648.             echo "</a></li>
  649.                                     <li><a href=\"";
  650.             // line 470
  651.             echo twig_escape_filter($this->env, ("/" . (((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 470, $this->source); })()), "request", [], "any", false, false, true, 470), "locale", [], "any", false, false, true, 470) == "en")) ? ("en/technical-area/calculate-square-meters") : ("es/area-tecnica/calcular-metros-cuadrados"))), "html", null, true);
  652.             echo "\" class=\"site-nav\">";
  653.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Calcular metros cuadrados"), "html", null, true);
  654.             echo "</a></li>
  655.                                     <li><a href=\"";
  656.             // line 471
  657.             echo twig_escape_filter($this->env, ("/" . (((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 471, $this->source); })()), "request", [], "any", false, false, true, 471), "locale", [], "any", false, false, true, 471) == "en")) ? ("en/technical-area/how-much-paint-do-I-need") : ("es/area-tecnica/cuanta-pintura-necesito"))), "html", null, true);
  658.             echo "\" class=\"site-nav\">";
  659.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Cuánta pintura necesito?"), "html", null, true);
  660.             echo "</a></li>
  661.                                 </ul>
  662.                             ";
  663.         }
  664.         // line 474
  665.         echo "                        </li>
  666.                         ";
  667.         // line 476
  668.         echo "                        <li class=\"lvl1 parent dropdown\">
  669.                             <a href=\"";
  670.         // line 477
  671.         (((isset($context["isRoot"]) || array_key_exists("isRoot", $context) ? $context["isRoot"] : (function () { throw new RuntimeError('Variable "isRoot" does not exist.', 477, $this->source); })())) ? (print ("#catalog")) : (print (twig_escape_filter($this->env, ((isset($context["navStartNode"]) || array_key_exists("navStartNode", $context) ? $context["navStartNode"] : (function () { throw new RuntimeError('Variable "navStartNode" does not exist.', 477, $this->source); })()) . "#catalog"), "html", null, true))));
  672.         echo "\">";
  673.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("lbl_Catálogo"), "html", null, true);
  674.         echo "
  675.                                 <i class=\"an an-angle-down-l\"></i>
  676.                             </a>
  677.                         </li>
  678.                         ";
  679.         // line 481
  680.         if ( !(isset($context["is_authenticated"]) || array_key_exists("is_authenticated", $context) ? $context["is_authenticated"] : (function () { throw new RuntimeError('Variable "is_authenticated" does not exist.', 481, $this->source); })())) {
  681.             // line 482
  682.             echo "                            <li class=\"lvl1 parent dropdown\">
  683.                                 <a href=\"";
  684.             // line 483
  685.             (((isset($context["isRoot"]) || array_key_exists("isRoot", $context) ? $context["isRoot"] : (function () { throw new RuntimeError('Variable "isRoot" does not exist.', 483, $this->source); })())) ? (print ("#collaborators")) : (print (twig_escape_filter($this->env, ((isset($context["navStartNode"]) || array_key_exists("navStartNode", $context) ? $context["navStartNode"] : (function () { throw new RuntimeError('Variable "navStartNode" does not exist.', 483, $this->source); })()) . "#collaborators"), "html", null, true))));
  686.             echo "\">";
  687.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("layout.navegation.collaborators_translations"), "html", null, true);
  688.             echo "<i class=\"an an-angle-down-l\"></i></a>
  689.                                 ";
  690.             // line 484
  691.             if ((((isset($context["currentPath"]) || array_key_exists("currentPath", $context) ? $context["currentPath"] : (function () { throw new RuntimeError('Variable "currentPath" does not exist.', 484, $this->source); })()) != "/") && ((isset($context["currentPath"]) || array_key_exists("currentPath", $context) ? $context["currentPath"] : (function () { throw new RuntimeError('Variable "currentPath" does not exist.', 484, $this->source); })()) != "/en"))) {
  692.                 // line 485
  693.                 echo "                                    <ul class=\"dropdown\">
  694.                                         <li>
  695.                                             <a href=\"";
  696.                 // line 487
  697.                 echo twig_escape_filter($this->env, ("/" . (((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 487, $this->source); })()), "request", [], "any", false, false, true, 487), "locale", [], "any", false, false, true, 487) == "en")) ? ("en/point-of-sale") : ("es/puntos-de-venta"))), "html", null, true);
  698.                 echo "\" class=\"site-nav\">";
  699.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("home.collaborators.points-of-sale_translations"), "html", null, true);
  700.                 echo "</a>
  701.                                         </li>
  702.                                         <li>
  703.                                             <a href=\"";
  704.                 // line 490
  705.                 echo twig_escape_filter($this->env, ("/" . (((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 490, $this->source); })()), "request", [], "any", false, false, true, 490), "locale", [], "any", false, false, true, 490) == "en")) ? ("en/industry-professionals") : ("es/profesionales-del-sector"))), "html", null, true);
  706.                 echo "\" class=\"site-nav\">";
  707.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("home.collaborators.industry-professionals_translations"), "html", null, true);
  708.                 echo "</a>
  709.                                         </li>
  710.                                     </ul>
  711.                                 ";
  712.             }
  713.             // line 494
  714.             echo "                            </li>
  715.                         ";
  716.         } else {
  717.             // line 496
  718.             echo "
  719.                             ";
  720.             // line 498
  721.             echo "                            ";
  722.             $context["ratesEnRoute"] = "rates-view-translated-en";
  723.             // line 499
  724.             echo "                            ";
  725.             $context["ratesEsRoute"] = "rates-view-translated-es";
  726.             // line 500
  727.             echo "
  728.                             ";
  729.             // line 502
  730.             echo "                            ";
  731.             if (((isset($context["currentLocale"]) || array_key_exists("currentLocale", $context) ? $context["currentLocale"] : (function () { throw new RuntimeError('Variable "currentLocale" does not exist.', 502, $this->source); })()) == "en")) {
  732.                 // line 503
  733.                 echo "                                ";
  734.                 $context["ratesRoute"] = (isset($context["ratesEnRoute"]) || array_key_exists("ratesEnRoute", $context) ? $context["ratesEnRoute"] : (function () { throw new RuntimeError('Variable "ratesEnRoute" does not exist.', 503, $this->source); })());
  735.                 // line 504
  736.                 echo "                            ";
  737.             } else {
  738.                 // line 505
  739.                 echo "                                ";
  740.                 $context["ratesRoute"] = (isset($context["ratesEsRoute"]) || array_key_exists("ratesEsRoute", $context) ? $context["ratesEsRoute"] : (function () { throw new RuntimeError('Variable "ratesEsRoute" does not exist.', 505, $this->source); })());
  741.                 // line 506
  742.                 echo "                            ";
  743.             }
  744.             // line 507
  745.             echo "                            <li class=\"lvl1 parent dropdown\">
  746.                                 <a href=\"";
  747.             // line 508
  748.             echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath($this->sandbox->ensureToStringAllowed((isset($context["ratesRoute"]) || array_key_exists("ratesRoute", $context) ? $context["ratesRoute"] : (function () { throw new RuntimeError('Variable "ratesRoute" does not exist.', 508, $this->source); })()), 508, $this->source));
  749.             echo "\">";
  750.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("lbl_Tarifa"), "html", null, true);
  751.             echo "<i class=\"an an-angle-down-l\"></i></a>
  752.                             </li>
  753.                         ";
  754.         }
  755.         // line 511
  756.         echo "                        ";
  757.         // line 514
  758.         echo "                        <li class=\"lvl1 parent dropdown\">
  759.                             <a href=\"";
  760.         // line 515
  761.         (((isset($context["isRoot"]) || array_key_exists("isRoot", $context) ? $context["isRoot"] : (function () { throw new RuntimeError('Variable "isRoot" does not exist.', 515, $this->source); })())) ? (print ("#team")) : (print (twig_escape_filter($this->env, ((isset($context["navStartNode"]) || array_key_exists("navStartNode", $context) ? $context["navStartNode"] : (function () { throw new RuntimeError('Variable "navStartNode" does not exist.', 515, $this->source); })()) . "#team"), "html", null, true))));
  762.         echo "\">";
  763.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("layout.navbar-desktop.team_translations"), "html", null, true);
  764.         echo "<i class=\"an an-angle-down-l\"></i></a>
  765.                         </li>
  766.                         <li class=\"lvl1 parent dropdown\">
  767.                             <a href=\"";
  768.         // line 518
  769.         (((isset($context["isRoot"]) || array_key_exists("isRoot", $context) ? $context["isRoot"] : (function () { throw new RuntimeError('Variable "isRoot" does not exist.', 518, $this->source); })())) ? (print ("#contact")) : (print (twig_escape_filter($this->env, ((isset($context["navStartNode"]) || array_key_exists("navStartNode", $context) ? $context["navStartNode"] : (function () { throw new RuntimeError('Variable "navStartNode" does not exist.', 518, $this->source); })()) . "#contact"), "html", null, true))));
  770.         echo "\" class=\"site-nav\">
  771.                                 ";
  772.         // line 519
  773.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("BotonContacto"), "html", null, true);
  774.         echo "<i class=\"an an-angle-down-l\"></i>
  775.                             </a>
  776.                         </li>
  777.                         ";
  778.         // line 523
  779.         echo "                        ";
  780.         $context["documentName"] = (((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 523, $this->source); })()), "request", [], "any", false, false, true, 523), "locale", [], "any", false, false, true, 523) == "en")) ? ("/recent-events") : ("/eventos-recientes"));
  781.         // line 524
  782.         echo "                        ";
  783.         $context["eventDocument"] = Pimcore\Model\Document::getByPath((("/" . $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 524, $this->source); })()), "request", [], "any", false, false, true, 524), "locale", [], "any", false, false, true, 524), 524, $this->source)) . $this->sandbox->ensureToStringAllowed((isset($context["documentName"]) || array_key_exists("documentName", $context) ? $context["documentName"] : (function () { throw new RuntimeError('Variable "documentName" does not exist.', 524, $this->source); })()), 524, $this->source)));
  784.         // line 525
  785.         echo "                        ";
  786.         $context["eventBlock"] = twig_get_attribute($this->env, $this->source, (isset($context["eventDocument"]) || array_key_exists("eventDocument", $context) ? $context["eventDocument"] : (function () { throw new RuntimeError('Variable "eventDocument" does not exist.', 525, $this->source); })()), "getEditable", ["eventBlock"], "method", false, false, true, 525);
  787.         // line 526
  788.         echo "                        ";
  789.         if (( !(null === (isset($context["eventBlock"]) || array_key_exists("eventBlock", $context) ? $context["eventBlock"] : (function () { throw new RuntimeError('Variable "eventBlock" does not exist.', 526, $this->source); })())) &&  !twig_get_attribute($this->env, $this->source, (isset($context["eventBlock"]) || array_key_exists("eventBlock", $context) ? $context["eventBlock"] : (function () { throw new RuntimeError('Variable "eventBlock" does not exist.', 526, $this->source); })()), "isEmpty", [], "method", false, false, true, 526))) {
  790.             // line 527
  791.             echo "                            <li class=\"lvl1 parent dropdown\">
  792.                                 ";
  793.             // line 528
  794.             $context["eventsPath"] = (((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 528, $this->source); })()), "request", [], "any", false, false, true, 528), "locale", [], "any", false, false, true, 528) == "en")) ? ("/en/recent-events") : ("/es/eventos-recientes"));
  795.             // line 529
  796.             echo "                                <a href=\"";
  797.             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed((isset($context["eventsPath"]) || array_key_exists("eventsPath", $context) ? $context["eventsPath"] : (function () { throw new RuntimeError('Variable "eventsPath" does not exist.', 529, $this->source); })()), 529, $this->source), "html", null, true);
  798.             echo "\" class=\"site-nav\">
  799.                                     ";
  800.             // line 530
  801.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Events"), "html", null, true);
  802.             echo "<i class=\"an an-angle-down-l\"></i>
  803.                                 </a>
  804.                             </li>
  805.                         ";
  806.         }
  807.         // line 534
  808.         echo "
  809.                         <div class=\"d-flex align-items-center\">
  810.                             ";
  811.         // line 536
  812.         if ((isset($context["is_authenticated"]) || array_key_exists("is_authenticated", $context) ? $context["is_authenticated"] : (function () { throw new RuntimeError('Variable "is_authenticated" does not exist.', 536, $this->source); })())) {
  813.             // line 537
  814.             echo "                                <div class=\"user-link iconset\">
  815.                                     <i class=\"icon an an-user d-block\"></i>
  816.                                     <span class=\"text d-none d-lg-flex\"></span>
  817.                                 </div>
  818.                                 ";
  819.             // line 541
  820.             echo twig_include($this->env, $context, "layout/includes/user-links.html.twig");
  821.             echo "
  822.                                 ";
  823.             // line 542
  824.             echo $this->env->getFunction('pimcore_inc')->getCallable()((("/" . $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 542, $this->source); })()), "request", [], "any", false, false, true, 542), "locale", [], "any", false, false, true, 542), 542, $this->source)) . "/includes/navbar-top"), [], false);
  825.             echo "
  826.                             ";
  827.         } else {
  828.             // line 544
  829.             echo "                                <li class=\"lvl1 login-nav-item\">
  830.                                     <a href=\"";
  831.             // line 545
  832.             echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath($this->sandbox->ensureToStringAllowed((isset($context["loginRoute"]) || array_key_exists("loginRoute", $context) ? $context["loginRoute"] : (function () { throw new RuntimeError('Variable "loginRoute" does not exist.', 545, $this->source); })()), 545, $this->source));
  833.             echo "\" class=\"site-nav\">
  834.                                         <i class=\"icon an an-sign-in-al d-block d-xl-none\"></i>
  835.                                         <span class=\"text d-none d-xl-inline\">";
  836.             // line 547
  837.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("layout.navbar-desktop.professional-area_translations"), "html", null, true);
  838.             echo "</span>
  839.                                     </a>
  840.                                 </li>
  841.                             ";
  842.         }
  843.         // line 551
  844.         echo "
  845.                             <li class=\"lvl1 lang-image-li iconset\" >
  846.                                 ";
  847.         // line 553
  848.         $context["currentLanguage"] = twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 553, $this->source); })()), "request", [], "any", false, false, true, 553), "locale", [], "any", false, false, true, 553);
  849.         // line 554
  850.         echo "                                ";
  851.         if (((isset($context["currentLanguage"]) || array_key_exists("currentLanguage", $context) ? $context["currentLanguage"] : (function () { throw new RuntimeError('Variable "currentLanguage" does not exist.', 554, $this->source); })()) == "es")) {
  852.             // line 555
  853.             echo "                                <a href=\"";
  854.             echo twig_escape_filter($this->env, (Pimcore\Model\Document::getById(1) . "en"), "html", null, true);
  855.             echo "\">
  856.                                     <img class=\"lang-image\" src=\"";
  857.             // line 556
  858.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/images/icons8-great-britain-48.png"), "html", null, true);
  859.             echo "\" alt=\"English\"/>
  860.                                 </a>
  861.                                 <span class=\"tooltip-label\">English</span>
  862.                                 ";
  863.         } elseif ((        // line 559
  864. (isset($context["currentLanguage"]) || array_key_exists("currentLanguage", $context) ? $context["currentLanguage"] : (function () { throw new RuntimeError('Variable "currentLanguage" does not exist.', 559, $this->source); })()) == "en")) {
  865.             // line 560
  866.             echo "                                <a href=\"";
  867.             echo twig_escape_filter($this->env, (Pimcore\Model\Document::getById(1) . "es"), "html", null, true);
  868.             echo "\">
  869.                                     <img class=\"lang-image\" src=\"";
  870.             // line 561
  871.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/images/icons8-spain-48.png"), "html", null, true);
  872.             echo "\" alt=\"Español\"/>
  873.                                 </a>
  874.                                 <span class=\"tooltip-label\">Español</span>
  875.                                 ";
  876.         }
  877.         // line 565
  878.         echo "                            </li>
  879.                         </div>
  880. \t\t\t\t\t</ul>
  881. \t\t\t\t</nav>
  882. \t\t\t</div>
  883. \t\t</div>
  884. \t</div>
  885. </div>
  887. <script>
  888.     document.addEventListener(\"DOMContentLoaded\", function() {
  889.         var searchLink = document.getElementById(\"search-link\");
  890.         var searchBox = document.getElementById(\"search-box\");
  892.         var lang = document.documentElement.lang;
  894.         var placeholderText = lang === \"en\" ? \"What product do you want technical information for?\" : \"¿De qué producto quiere su ficha técnica?\";
  896.         var placeholderInterval;
  897.         var placeholderTextIndex = 0;
  898.         var isTyping = false;
  900.         function typePlaceholderText(element, text, interval) {
  901.             placeholderTextIndex = 0;
  902.             clearInterval(placeholderInterval);
  903.             isTyping = true;
  905.             placeholderInterval = setInterval(function() {
  906.                 element.setAttribute(\"placeholder\", text.slice(0, placeholderTextIndex));
  907.                 element.style.color = \"red\";
  908.                 placeholderTextIndex++;
  909.                 if (placeholderTextIndex > text.length) {
  910.                     clearInterval(placeholderInterval);
  911.                     isTyping = false;
  913.                 }
  914.             }, interval);
  915.         }
  917.         function shakeSearchBox() {
  918.             if (isTyping) {
  919.                 clearInterval(placeholderInterval);
  920.                 isTyping = false;
  921.                 searchBox.style.color = \"black\";
  922.             }
  924.             searchBox.value = \"\";
  925.             searchBox.removeAttribute(\"placeholder\");
  926.             searchBox.focus();
  927.             searchBox.classList.add(\"shake\");
  929.             setTimeout(function() {
  930.                 searchBox.classList.remove(\"shake\");
  931.                 typePlaceholderText(searchBox, placeholderText, 100);
  932.             }, 600);
  934.             searchBox.focus();
  935.         }
  937.         searchLink.addEventListener(\"click\", function(event) {
  938.             event.preventDefault();
  939.             shakeSearchBox();
  940.         });
  942.         searchBox.addEventListener(\"input\", function() {
  943.             if (searchBox.getAttribute(\"placeholder\") === placeholderText) {
  944.                 searchBox.value = \"\";
  945.                 searchBox.removeAttribute(\"placeholder\");
  946.             }
  948.             if (searchBox.value.length > 0) {
  949.                 searchBox.style.setProperty(\"color\", \"#000000\", \"important\");
  950.             } else if (!isTyping) {
  951.                 searchBox.style.setProperty(\"color\", \"#FF0000\", \"important\");
  952.             }
  953.         });
  955.         searchBox.addEventListener(\"keydown\", function() {
  956.             if (isTyping) {
  957.                 clearInterval(placeholderInterval);
  958.                 isTyping = false;
  959.                 searchBox.removeAttribute(\"style\");
  960.             }
  961.         });
  962.     });
  963. </script>
  972. ";
  973.         
  974.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  976.         
  977.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  979.     }
  981.     /**
  982.      * @codeCoverageIgnore
  983.      */
  984.     public function getTemplateName()
  985.     {
  986.         return "layout/includes/navegation/desktop.html.twig";
  987.     }
  989.     /**
  990.      * @codeCoverageIgnore
  991.      */
  992.     public function isTraitable()
  993.     {
  994.         return false;
  995.     }
  997.     /**
  998.      * @codeCoverageIgnore
  999.      */
  1000.     public function getDebugInfo()
  1001.     {
  1002.         return array (  878 => 565,  871 => 561,  866 => 560,  864 => 559,  858 => 556,  853 => 555,  850 => 554,  848 => 553,  844 => 551,  837 => 547,  832 => 545,  829 => 544,  824 => 542,  820 => 541,  814 => 537,  812 => 536,  808 => 534,  801 => 530,  796 => 529,  794 => 528,  791 => 527,  788 => 526,  785 => 525,  782 => 524,  779 => 523,  773 => 519,  769 => 518,  761 => 515,  758 => 514,  756 => 511,  748 => 508,  745 => 507,  742 => 506,  739 => 505,  736 => 504,  733 => 503,  730 => 502,  727 => 500,  724 => 499,  721 => 498,  718 => 496,  714 => 494,  705 => 490,  697 => 487,  693 => 485,  691 => 484,  685 => 483,  682 => 482,  680 => 481,  671 => 477,  668 => 476,  665 => 474,  657 => 471,  651 => 470,  647 => 469,  641 => 468,  638 => 467,  636 => 466,  628 => 463,  625 => 462,  617 => 458,  611 => 457,  605 => 456,  599 => 455,  593 => 454,  584 => 450,  581 => 449,  579 => 448,  574 => 445,  566 => 442,  563 => 441,  557 => 437,  552 => 436,  549 => 434,  359 => 245,  340 => 228,  338 => 227,  334 => 225,  296 => 189,  294 => 188,  240 => 136,  236 => 134,  232 => 132,  230 => 131,  220 => 123,  216 => 121,  212 => 119,  210 => 118,  205 => 115,  201 => 113,  197 => 111,  195 => 110,  186 => 103,  182 => 101,  178 => 99,  176 => 98,  163 => 87,  159 => 85,  155 => 83,  153 => 82,  140 => 71,  136 => 69,  132 => 67,  130 => 66,  99 => 37,  95 => 35,  91 => 33,  89 => 32,  64 => 9,  61 => 8,  58 => 7,  55 => 6,  52 => 5,  50 => 4,  45 => 1,);
  1003.     }
  1005.     public function getSourceContext()
  1006.     {
  1007.         return new Source("<style>
  1008.     @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap');
  1010.     {% if currentPath == '/es/empresa' or currentPath == '/en/about-us'%}
  1011.         {% set isAboutUs = true%}
  1012.     {% else %}
  1013.         {% set isAboutUs = false %}
  1014.     {% endif %}
  1016.     /* Base styles */
  1017.     .menu-outer {
  1018.         background-color: #fff;
  1019.     }
  1021.     #siteNav.medium {
  1022.         font-family: 'Montserrat', sans-serif;
  1023.         display: flex;
  1024.         align-items: center;
  1025.         flex-wrap: nowrap;
  1026.         list-style-type: none;
  1027.         padding-left: 0;
  1028.         flex-grow: 1;
  1029.         justify-content: space-between;
  1030.         width: 100%;
  1031.         gap: 5px;
  1032.     }
  1034.     #siteNav.medium > li a {
  1035.         font-size: 16px;
  1036.         padding: 8px 15px;
  1037.         font-weight: 600;
  1038.         {% if is_authenticated %}
  1039.         color: #6c757d;
  1040.         {% else %}
  1041.         color: #000000;
  1042.         {% endif %}
  1043.         position: relative;
  1044.         display: inline-block;
  1045.         overflow: hidden;
  1046.         text-transform: capitalize;
  1047.         border-radius: 4px;
  1048.         transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  1049.         text-decoration: none;
  1050.     }
  1052.     #siteNav.medium > li > a {
  1053.         margin-left: 0;
  1054.     }
  1056.     #siteNav.medium > li {
  1057.         margin-right: 5px;
  1058.     }
  1060.     #siteNav.medium > li:last-child {
  1061.         margin-right: 0;
  1062.     }
  1064.     /* Hover line effect */
  1065.     #siteNav.medium > li a::after {
  1066.         content: '';
  1067.         position: absolute;
  1068.         bottom: 0;
  1069.         left: 50%;
  1070.         width: 0;
  1071.         height: 2px;
  1072.         {% if is_authenticated %}
  1073.         background-color: #6c757d;
  1074.         {% else %}
  1075.         background-color: #333;
  1076.         {% endif %}
  1077.         transition: width 0.3s ease-out, transform 0.3s ease-out;
  1078.         transform: translateX(-50%);
  1079.         transform-origin: center;
  1080.     }
  1082.     #siteNav.medium > li a:hover::after {
  1083.         width: 100%;
  1084.         transform: translateX(-50%) scaleX(1);
  1085.     }
  1087.     #siteNav.medium > li .dropdown-item {
  1088.         {% if is_authenticated %}
  1089.         color: #6c757d;
  1090.         {% else %}
  1091.         color: #333;
  1092.         {% endif %}
  1093.         font-family: 'Montserrat', sans-serif;
  1094.     }
  1096.     #siteNav.medium > li .dropdown-item:hover {
  1097.         background-color: #0d6efd;
  1098.         color: #fff;
  1099.         font-weight: 600;
  1100.     }
  1102.     /* Active link */
  1103.     #siteNav.medium > li.active-link > a {
  1104.         {% if is_authenticated %}
  1105.         color: #6c757d !important;
  1106.         {% else %}
  1107.         color: #333 !important;
  1108.         {% endif %}
  1109.         font-weight: 700;
  1110.         background-color: transparent !important;
  1111.     }
  1113.     #siteNav.medium > li.active-link > a::after {
  1114.         width: 100%;
  1115.         transform: translateX(-50%) scaleX(1);
  1116.         {% if is_authenticated %}
  1117.         background-color: #6c757d;
  1118.         {% else %}
  1119.         background-color: #333;
  1120.         {% endif %}
  1121.     }
  1123.     #siteNav.medium > li a:hover {
  1124.         {% if is_authenticated %}
  1125.         color: #6c757d !important;
  1126.         {% else %}
  1127.         color: #000000 !important;
  1128.         {% endif %}
  1129.         background-color: transparent !important;
  1130.     }
  1132.     #siteNav.medium > li.lvl1.parent.megamenu .megamenu a:hover{
  1133.         color: inherit !important;
  1134.     }
  1136.     #siteNav.medium > li a:hover::after {
  1137.         {% if is_authenticated %}
  1138.         background-color: #6c757d;
  1139.         {% else %}
  1140.         background-color: #333;
  1141.         {% endif %}
  1142.     }
  1144.     /* Professional area button */
  1145.     .login-nav-item a.site-nav {
  1146.         background: linear-gradient(to bottom right, #91D6F3, #3F91F3);
  1147.         color: #fff !important;
  1148.         padding: 10px 25px !important;
  1149.         border-radius: 50px !important;
  1150.         text-transform: capitalize !important;
  1151.         font-weight: 700 !important;
  1152.         box-shadow: 0 3px 5px rgba(0, 0, 0, 0.6);
  1153.         transition: background 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  1154.         border: none;
  1155.         white-space: nowrap !important;
  1156.         min-width: max-content !important;
  1157.     }
  1159.     /* Technical area button */
  1160.     #siteNav.medium > li a[href*=\"technicalArea\"],
  1161.     #siteNav.medium > li a[href*=\"technical-area\"] {
  1162.         white-space: nowrap !important;
  1163.         min-width: max-content !important;
  1164.     }
  1166.     .login-nav-item a.site-nav:hover {
  1167.         background: linear-gradient(to bottom right, #3F91F3, #91D6F3);
  1168.         box-shadow: 0 5px 7px rgba(0, 0, 0, 0.2);
  1169.     }
  1171.     .login-nav-item a.site-nav i {
  1172.         color: #fff !important;
  1173.     }
  1175.     /* Professional area header styling - cart and user icons */
  1176.     .header-cart .site-header__cart i {
  1177.         color: #6c757d !important;
  1178.     }
  1180.     .header-cart .site-header__cart:hover i {
  1181.         color: #6c757d !important;
  1182.     }
  1184.     .header-cart .site-cart-count {
  1185.         background-color: #6c757d !important;
  1186.         color: #fff !important;
  1187.         transition: background-color 0.2s ease-in-out;
  1188.     }
  1190.     .header-cart .site-header__cart:hover .site-cart-count {
  1191.         background-color: #6c757d !important;
  1192.     }
  1194.     {% if is_authenticated %}
  1195.     .user-link.iconset .icon.an-user {
  1196.         color: #6c757d !important;
  1197.     }
  1199.     .user-link.iconset:hover .icon.an-user {
  1200.         color: #6c757d !important;
  1201.     }
  1203.     .user-link.iconset .icon {
  1204.         color: #6c757d !important;
  1205.     }
  1207.     .user-link.iconset:hover .icon {
  1208.         color: #6c757d !important;
  1209.     }
  1211.     .d-flex.align-items-center .user-link.iconset .icon {
  1212.         color: #6c757d !important;
  1213.     }
  1215.     .d-flex.align-items-center .user-link.iconset:hover .icon {
  1216.         color: #6c757d !important;
  1217.     }
  1219.     i.icon.an-user.d-block {
  1220.         color: #6c757d !important;
  1221.     }
  1223.     .user-link.iconset i.icon.an-user.d-block {
  1224.         color: #6c757d !important;
  1225.     }
  1227.     .user-link.iconset:hover i.icon.an-user.d-block {
  1228.         color: #6c757d !important;
  1229.     }
  1230.     {% endif %}
  1232.     /* User manual link styling */
  1233.     {% if is_authenticated %}
  1234.     .user-manual-link.iconset {
  1235.         font-family: 'Montserrat', sans-serif;
  1236.     }
  1238.     .user-manual-link.iconset span {
  1239.         color: #6c757d !important;
  1240.         font-weight: 600;
  1241.         font-size: 11px;
  1242.         text-transform: capitalize;
  1243.         transition: color 0.2s ease-in-out;
  1244.         cursor: pointer;
  1245.     }
  1247.     .user-manual-link.iconset:hover span {
  1248.         color: #6c757d !important;
  1249.     }
  1250.     {% endif %}
  1251.     
  1252.     /* Logo sizing */
  1253.     #siteNav.medium > li:first-child a img,
  1254.     .navbar-logo {
  1255.         min-width: 45px !important;
  1256.         width: 60px !important;
  1257.     }
  1259.     /* Hover de logo, megamenu, empresa y idioma */
  1260.     .logo-nav-item .logo-link::after {
  1261.         display: none;
  1262.     }
  1264.     .logo-nav-item .logo-link:hover::after {
  1265.         display: none;
  1266.     }
  1268.     #siteNav.medium > li.logo-nav-item a::after {
  1269.         display: none;
  1270.     }
  1272.     #siteNav.medium > li.logo-nav-item a:hover::after {
  1273.         display: none;
  1274.     }
  1276.     .lvl1.parent.megamenu * a::after,
  1277.     .lvl1.parent.megamenu * a:hover::after 
  1278.     {
  1279.         display: none;
  1280.         color: initial;
  1281.         background-color: initial;
  1282.     }
  1284.     #siteNav .menu-brand-logo a {
  1285.         transition: background-color 0.3s ease-in-out;
  1286.         background-color: transparent;
  1287.     }
  1289.     #siteNav .menu-brand-logo a:hover {
  1290.         background-color: #f0f0f0 !important;
  1291.     }
  1293.     #siteNav.medium .menu-brand-logo a:hover {
  1294.         background-color: #f0f0f0 !important;
  1295.     }
  1297.     #siteNav.medium > li.lvl1.parent.dropdown ul.dropdown a::after,
  1298.     #siteNav.medium > li.lvl1.parent.dropdown ul.dropdown a:hover::after {
  1299.         display: none;
  1300.     }
  1302.     .lang-image {
  1303.         min-width: 25px !important;
  1304.         width: 30px !important;
  1305.         object-fit: contain;
  1306.     }
  1307.     #siteNav.medium > li.lang-image-li a:hover::after {
  1308.         display: none;
  1309.     }
  1311.     /* Search animation */
  1312.     @keyframes shake {
  1313.         0%, 100% { transform: translateX(0); }
  1314.         10%, 30%, 50%, 70%, 90% { transform: translateX(-5px); }
  1315.         20%, 40%, 60%, 80% { transform: translateX(5px); }
  1316.     }
  1318.     .shake {
  1319.         animation: shake 0.5s;
  1320.     }
  1322.     #search-box::placeholder {
  1323.         color: #FF0000;
  1324.     }
  1326.     #siteNav.medium .d-flex.align-items-center .iconset {
  1327.         display: flex;
  1328.         align-items: center;
  1329.         height: auto;
  1330.         padding: 8px 15px;
  1331.         margin: 0;
  1332.     }
  1334.     /* Responsive breakpoints */
  1335.     @media only screen and (min-width: 1800px) {
  1336.         #siteNav.medium > li a {
  1337.             padding: 10px 20px;
  1338.             font-size: 17px;
  1339.         }
  1340.     }
  1342.     @media only screen and (min-width: 1740px) and (max-width: 1640px) {
  1343.         #siteNav.medium {
  1344.             gap: 10px;
  1345.         }
  1346.         
  1347.         #siteNav.medium > li a {
  1348.             padding: 8px 15px;
  1349.             font-size: 16px;
  1350.         }
  1351.         
  1352.         #siteNav.medium > li {
  1353.             flex: 0 1 auto;
  1354.         }
  1355.         
  1356.         #siteNav.medium > li:not(:first-child):not(.lang-image-li):not(.user-menu):not(.login-nav-item):not(.minicart-nav-item) {
  1357.             flex: 1 1 auto;
  1358.             max-width: 180px;
  1359.         }
  1360.     }
  1362.     @media only screen and (max-width: 1690px) {
  1363.         #siteNav.medium > li a {
  1364.             padding: 8px 10px;
  1365.             font-size: 15px;
  1366.         }
  1367.     }
  1369.     @media only screen and (max-width: 1500px) {
  1370.         #siteNav.medium > li a {
  1371.             padding: 8px 10px;
  1372.             font-size: 15px;
  1373.         }
  1374.     }
  1376.     @media only screen and (max-width: 1300px) {
  1377.         #siteNav.medium > li a {
  1378.             padding: 8px 10px;
  1379.             font-size: 14px;
  1380.         }
  1381.     }
  1383.     @media (max-width: 1090px) {
  1384.         #siteNav.medium > li a {
  1385.             padding: 8px 5px;
  1386.             font-size: 14px;
  1387.         }
  1388.         .login-nav-item a.site-nav .text {
  1389.             display: inline !important;
  1390.             white-space: nowrap !important;
  1391.         }
  1392.         .login-nav-item a.site-nav i {
  1393.             display: none !important;
  1394.         }
  1395.         
  1396.         #siteNav.medium > li a[href*=\"technicalArea\"],
  1397.         #siteNav.medium > li a[href*=\"technical-area\"] {
  1398.             white-space: nowrap !important;
  1399.             min-width: max-content !important;
  1400.         }
  1401.     }
  1403.     @media (min-width: 1240px) {
  1404.         .login-nav-item a.site-nav .text.d-none.d-xl-inline {
  1405.             display: inline !important;
  1406.         }
  1407.         .login-nav-item a.site-nav i.d-block.d-xl-none {
  1408.             display: none !important;
  1409.         }
  1410.     }
  1412.     @media (max-width: 1239px) {
  1413.         .login-nav-item a.site-nav .text.d-none.d-xl-inline {
  1414.             display: none !important;
  1415.         }
  1416.         .login-nav-item a.site-nav i.d-block.d-xl-none {
  1417.             display: block !important;
  1418.         }
  1419.     }
  1421.     @media (min-width: 991px) {
  1422.         .header.header-space-mobile {
  1423.             padding-bottom: 15px;
  1424.         }
  1425.     }
  1427.     @media (max-width: 991px) {
  1428.         .header.header-space-mobile {
  1429.             padding: 15px 0;
  1430.         }
  1431.     }
  1433. </style>
  1434. <div class=\"menu-outer d-none d-lg-block pb-1 mt-1\">
  1435. \t<div class=\"container-fluid\">
  1436. \t\t<div class=\"row\">
  1437. \t\t\t<div class=\"col-1 col-sm-1 col-md-1 col-lg-12 align-self-center d-menu-col\">
  1438. \t\t\t\t<nav class=\"grid__item position-relative\" id=\"AccessibleNav\" >
  1439.                     {# LOGO MOVED INSIDE UL #}
  1440. \t\t\t\t\t<ul id=\"siteNav\" class=\"site-nav medium center hidearrow align-items-center\">
  1441.                         <li class=\"lvl1 logo-nav-item\"> {# LOGO ADDED AS LI #}
  1442.                             <a href=\"{{ isRoot ? '#sticky-header' : navStartNode~'/' }}\" class=\"m-0 p-0 py-2 logo-link\">
  1443.                                 <img src=\"{{ asset('/static2/images/midnight/assets/logo-bsn.png') }}\" class=\"rounded-circle navbar-logo\" style=\"width: 35px; vertical-align: middle;\">
  1444.                             </a>
  1445.                         </li>
  1446.                         {#  PRODUCTS #}
  1447.                         <li class=\"lvl1 parent megamenu\">
  1448.                             <a href=\"{{ '/' ~ (app.request.locale == 'en' ? 'en/products/default_m1' : 'es/productos/default_m1') }}\">{{ 'layout.navbar-desktop.products_translations'|trans }}
  1449.                                 <i class=\"an an-angle-down-l\"></i>
  1450.                             </a>
  1451.                             {{ pimcore_inc(document.getProperty('categories-navbar'), {}, false) }}
  1452.                         </li>
  1453.                         {#  HOME #}
  1454.                         {# ABOUT US #}
  1455.                         <li class=\"lvl1 parent dropdown\">
  1456.                             <a href=\"{{ isRoot ? '#featured-services' : navStartNode~'#featured-services' }}\">{{ 'layout.footer.information.professional-area_translations' | trans }}
  1457.                                 <i class=\"an an-angle-down-l\"></i>
  1458.                             </a>
  1459.                                 <ul class=\"dropdown\">
  1460.                                     <li><a href=\"{{ isAboutUs ? '#company' : navStartNode~'/'~ (app.request.locale == 'en' ? 'about-us' : 'empresa') }}\" class=\"site-nav\">{{ 'home.about-us_title_translations' | trans}}</a></li>
  1461.                                     <li><a href=\"{{ isAboutUs ? '#technicalAdvice' : navStartNode~'/'~ (app.request.locale == 'en' ? 'about-us#technicalAdvice' : 'empresa#technicalAdvice') }}\" class=\"site-nav\">{{ 'home.about-us-cards.technical_advice_translations' | trans }}</a></li>
  1462.                                     <li><a href=\"{{ isAboutUs ? '#customService' : navStartNode~'/'~ (app.request.locale == 'en' ? 'about-us#customService' : 'empresa#customService') }}\" class=\"site-nav\">{{ 'home.about-us-cards.custom_service_translations' | trans }}</a></li>
  1463.                                     <li><a href=\"{{ isAboutUs ? '#stockLogistic' : navStartNode~'/'~ (app.request.locale == 'en' ? 'about-us#stockLogistic' : 'empresa#stockLogistic') }}\" class=\"site-nav\">{{ 'home.about-us-cards.stock_and_logistics_translations' | trans }}</a></li>
  1464.                                     <li><a href=\"{{ isAboutUs ? '#stockLogistic' : navStartNode~'/'~ (app.request.locale == 'en' ? 'about-us#stockLogistic' : 'empresa#stockLogistic') }}\" class=\"site-nav\">{{ 'home.about-us-cards.training_translations'| trans }}</a></li>
  1465.                                 </ul>
  1466.                         </li>
  1467.                         {# Technical Area #}
  1468.                         <li class=\"lvl1 parent dropdown\">
  1469.                             <a href=\"{{ isRoot ? '#technicalArea' : navStartNode~'#technicalArea' }}\">{{ 'Layout.Navegation.Technical-Area_translations' | trans }}
  1470.                                 <i class=\"an an-angle-down-l\"></i>
  1471.                             </a>
  1472.                             {% if  currentPath != '/' and currentPath != '/en' %}
  1473.                                 <ul class=\"dropdown\">
  1474.                                     <li><a href=\"{{ '/' ~ (app.request.locale == 'en' ? 'en/technical-area/painting-schemes' : 'es/area-tecnica/esquemas-de-pintado') }}\" class=\"site-nav\">{{ \"Esquemas de pintado\" | trans }}</a></li>
  1475.                                     <li><a href=\"#\" class=\"site-nav\" id=\"search-link\">{{ \"Fichas técnicas y de seguridad\" | trans }}</a></li>
  1476.                                     <li><a href=\"{{ '/' ~ (app.request.locale == 'en' ? 'en/technical-area/calculate-square-meters' : 'es/area-tecnica/calcular-metros-cuadrados') }}\" class=\"site-nav\">{{ \"Calcular metros cuadrados\" | trans }}</a></li>
  1477.                                     <li><a href=\"{{ '/' ~ (app.request.locale == 'en' ? 'en/technical-area/how-much-paint-do-I-need' : 'es/area-tecnica/cuanta-pintura-necesito') }}\" class=\"site-nav\">{{ \"Cuánta pintura necesito?\" | trans }}</a></li>
  1478.                                 </ul>
  1479.                             {% endif %}
  1480.                         </li>
  1481.                         {# Catalog Area #}
  1482.                         <li class=\"lvl1 parent dropdown\">
  1483.                             <a href=\"{{ isRoot ? '#catalog' : navStartNode~'#catalog' }}\">{{ 'lbl_Catálogo' | trans }}
  1484.                                 <i class=\"an an-angle-down-l\"></i>
  1485.                             </a>
  1486.                         </li>
  1487.                         {% if not is_authenticated %}
  1488.                             <li class=\"lvl1 parent dropdown\">
  1489.                                 <a href=\"{{ isRoot ? '#collaborators' : navStartNode~'#collaborators' }}\">{{ \"layout.navegation.collaborators_translations\" | trans}}<i class=\"an an-angle-down-l\"></i></a>
  1490.                                 {% if  currentPath != '/' and currentPath != '/en' %}
  1491.                                     <ul class=\"dropdown\">
  1492.                                         <li>
  1493.                                             <a href=\"{{ '/' ~ (app.request.locale == 'en' ? 'en/point-of-sale' : 'es/puntos-de-venta') }}\" class=\"site-nav\">{{ 'home.collaborators.points-of-sale_translations' | trans}}</a>
  1494.                                         </li>
  1495.                                         <li>
  1496.                                             <a href=\"{{ '/' ~ (app.request.locale == 'en' ? 'en/industry-professionals' : 'es/profesionales-del-sector') }}\" class=\"site-nav\">{{ 'home.collaborators.industry-professionals_translations' | trans}}</a>
  1497.                                         </li>
  1498.                                     </ul>
  1499.                                 {% endif %}
  1500.                             </li>
  1501.                         {% else %}
  1503.                             {# Define las rutas para ambos idiomas #}
  1504.                             {% set ratesEnRoute = 'rates-view-translated-en' %}
  1505.                             {% set ratesEsRoute = 'rates-view-translated-es' %}
  1507.                             {# Asigna las rutas según el idioma actual #}
  1508.                             {% if currentLocale == 'en' %}
  1509.                                 {% set ratesRoute = ratesEnRoute %}
  1510.                             {% else %}
  1511.                                 {% set ratesRoute = ratesEsRoute %}
  1512.                             {% endif %}
  1513.                             <li class=\"lvl1 parent dropdown\">
  1514.                                 <a href=\"{{path(ratesRoute)}}\">{{ 'lbl_Tarifa' | trans }}<i class=\"an an-angle-down-l\"></i></a>
  1515.                             </li>
  1516.                         {% endif %}
  1517.                         {# <li class=\"lvl1 parent dropdown\">
  1518.                             <a href=\"{{ isRoot ? '#news' : navStartNode~'#news' }}\">{{ 'layout.navbar-desktop.new-arrivals_translations' | trans }}<i class=\"an an-angle-down-l\"></i></a>
  1519.                         </li> #}
  1520.                         <li class=\"lvl1 parent dropdown\">
  1521.                             <a href=\"{{ isRoot ? '#team' : navStartNode~'#team' }}\">{{ 'layout.navbar-desktop.team_translations' | trans }}<i class=\"an an-angle-down-l\"></i></a>
  1522.                         </li>
  1523.                         <li class=\"lvl1 parent dropdown\">
  1524.                             <a href=\"{{ isRoot ? '#contact' : navStartNode~'#contact' }}\" class=\"site-nav\">
  1525.                                 {{ 'BotonContacto' | trans }}<i class=\"an an-angle-down-l\"></i>
  1526.                             </a>
  1527.                         </li>
  1528.                         {# Gets the events document dinamically with his path to get the data from the editables in it#}
  1529.                         {% set documentName = app.request.locale == 'en' ? '/recent-events' : '/eventos-recientes' %}
  1530.                         {% set eventDocument = pimcore_document_by_path('/' ~ app.request.locale ~ documentName) %}
  1531.                         {% set eventBlock = eventDocument.getEditable('eventBlock') %}
  1532.                         {% if eventBlock is not null and not eventBlock.isEmpty() %}
  1533.                             <li class=\"lvl1 parent dropdown\">
  1534.                                 {% set eventsPath = app.request.locale == 'en' ? '/en/recent-events' : '/es/eventos-recientes' %}
  1535.                                 <a href=\"{{ eventsPath }}\" class=\"site-nav\">
  1536.                                     {{ 'Events' | trans }}<i class=\"an an-angle-down-l\"></i>
  1537.                                 </a>
  1538.                             </li>
  1539.                         {% endif %}
  1541.                         <div class=\"d-flex align-items-center\">
  1542.                             {% if is_authenticated %}
  1543.                                 <div class=\"user-link iconset\">
  1544.                                     <i class=\"icon an an-user d-block\"></i>
  1545.                                     <span class=\"text d-none d-lg-flex\"></span>
  1546.                                 </div>
  1547.                                 {{ include(\"layout/includes/user-links.html.twig\") }}
  1548.                                 {{ pimcore_inc('/' ~ app.request.locale ~ '/includes/navbar-top',{},false) }}
  1549.                             {% else %}
  1550.                                 <li class=\"lvl1 login-nav-item\">
  1551.                                     <a href=\"{{ path(loginRoute) }}\" class=\"site-nav\">
  1552.                                         <i class=\"icon an an-sign-in-al d-block d-xl-none\"></i>
  1553.                                         <span class=\"text d-none d-xl-inline\">{{ 'layout.navbar-desktop.professional-area_translations' | trans }}</span>
  1554.                                     </a>
  1555.                                 </li>
  1556.                             {% endif %}
  1558.                             <li class=\"lvl1 lang-image-li iconset\" >
  1559.                                 {% set currentLanguage = app.request.locale %}
  1560.                                 {% if currentLanguage == 'es' %}
  1561.                                 <a href=\"{{ pimcore_document(1) ~ 'en'}}\">
  1562.                                     <img class=\"lang-image\" src=\"{{ asset('assets/images/icons8-great-britain-48.png') }}\" alt=\"English\"/>
  1563.                                 </a>
  1564.                                 <span class=\"tooltip-label\">English</span>
  1565.                                 {% elseif currentLanguage == 'en' %}
  1566.                                 <a href=\"{{ pimcore_document(1) ~ 'es'}}\">
  1567.                                     <img class=\"lang-image\" src=\"{{ asset('assets/images/icons8-spain-48.png') }}\" alt=\"Español\"/>
  1568.                                 </a>
  1569.                                 <span class=\"tooltip-label\">Español</span>
  1570.                                 {% endif %}
  1571.                             </li>
  1572.                         </div>
  1573. \t\t\t\t\t</ul>
  1574. \t\t\t\t</nav>
  1575. \t\t\t</div>
  1576. \t\t</div>
  1577. \t</div>
  1578. </div>
  1580. <script>
  1581.     document.addEventListener(\"DOMContentLoaded\", function() {
  1582.         var searchLink = document.getElementById(\"search-link\");
  1583.         var searchBox = document.getElementById(\"search-box\");
  1585.         var lang = document.documentElement.lang;
  1587.         var placeholderText = lang === \"en\" ? \"What product do you want technical information for?\" : \"¿De qué producto quiere su ficha técnica?\";
  1589.         var placeholderInterval;
  1590.         var placeholderTextIndex = 0;
  1591.         var isTyping = false;
  1593.         function typePlaceholderText(element, text, interval) {
  1594.             placeholderTextIndex = 0;
  1595.             clearInterval(placeholderInterval);
  1596.             isTyping = true;
  1598.             placeholderInterval = setInterval(function() {
  1599.                 element.setAttribute(\"placeholder\", text.slice(0, placeholderTextIndex));
  1600.                 element.style.color = \"red\";
  1601.                 placeholderTextIndex++;
  1602.                 if (placeholderTextIndex > text.length) {
  1603.                     clearInterval(placeholderInterval);
  1604.                     isTyping = false;
  1606.                 }
  1607.             }, interval);
  1608.         }
  1610.         function shakeSearchBox() {
  1611.             if (isTyping) {
  1612.                 clearInterval(placeholderInterval);
  1613.                 isTyping = false;
  1614.                 searchBox.style.color = \"black\";
  1615.             }
  1617.             searchBox.value = \"\";
  1618.             searchBox.removeAttribute(\"placeholder\");
  1619.             searchBox.focus();
  1620.             searchBox.classList.add(\"shake\");
  1622.             setTimeout(function() {
  1623.                 searchBox.classList.remove(\"shake\");
  1624.                 typePlaceholderText(searchBox, placeholderText, 100);
  1625.             }, 600);
  1627.             searchBox.focus();
  1628.         }
  1630.         searchLink.addEventListener(\"click\", function(event) {
  1631.             event.preventDefault();
  1632.             shakeSearchBox();
  1633.         });
  1635.         searchBox.addEventListener(\"input\", function() {
  1636.             if (searchBox.getAttribute(\"placeholder\") === placeholderText) {
  1637.                 searchBox.value = \"\";
  1638.                 searchBox.removeAttribute(\"placeholder\");
  1639.             }
  1641.             if (searchBox.value.length > 0) {
  1642.                 searchBox.style.setProperty(\"color\", \"#000000\", \"important\");
  1643.             } else if (!isTyping) {
  1644.                 searchBox.style.setProperty(\"color\", \"#FF0000\", \"important\");
  1645.             }
  1646.         });
  1648.         searchBox.addEventListener(\"keydown\", function() {
  1649.             if (isTyping) {
  1650.                 clearInterval(placeholderInterval);
  1651.                 isTyping = false;
  1652.                 searchBox.removeAttribute(\"style\");
  1653.             }
  1654.         });
  1655.     });
  1656. </script>
  1665. ", "layout/includes/navegation/desktop.html.twig", "/var/www/html/templates/layout/includes/navegation/desktop.html.twig");
  1666.     }
  1667.     
  1668.     public function checkSecurity()
  1669.     {
  1670.         static $tags = array("if" => 4, "set" => 5);
  1671.         static $filters = array("escape" => 436, "trans" => 442);
  1672.         static $functions = array("asset" => 437, "pimcore_inc" => 445, "path" => 508, "pimcore_document_by_path" => 524, "include" => 541, "pimcore_document" => 555);
  1674.         try {
  1675.             $this->sandbox->checkSecurity(
  1676.                 ['if', 'set'],
  1677.                 ['escape', 'trans'],
  1678.                 ['asset', 'pimcore_inc', 'path', 'pimcore_document_by_path', 'include', 'pimcore_document']
  1679.             );
  1680.         } catch (SecurityError $e) {
  1681.             $e->setSourceContext($this->source);
  1683.             if ($e instanceof SecurityNotAllowedTagError && isset($tags[$e->getTagName()])) {
  1684.                 $e->setTemplateLine($tags[$e->getTagName()]);
  1685.             } elseif ($e instanceof SecurityNotAllowedFilterError && isset($filters[$e->getFilterName()])) {
  1686.                 $e->setTemplateLine($filters[$e->getFilterName()]);
  1687.             } elseif ($e instanceof SecurityNotAllowedFunctionError && isset($functions[$e->getFunctionName()])) {
  1688.                 $e->setTemplateLine($functions[$e->getFunctionName()]);
  1689.             }
  1691.             throw $e;
  1692.         }
  1694.     }
  1695. }