PageSourceSearch

https://www.docciagroup.com/en/work-with-us/

html docciagroup.com collected 2026-10-07 07:44:17 UTC 100,015 bytes, 161 lines download raw bytes

1<!DOCTYPE html><html lang="en"> <head>
1<script src="https://cdn.jsdelivr.net/gh/e-xisto/[email protected]/dist/cookie-consent.js"></script>
1 
2  
2<script is:inline>
3    CookieConsent.config({
4      cookiesPolicyLink: '/en/cookies-policy',
5      locale: 'en',
6      color: {
7        btnPrimaryBackground: '#000',
8        switchActiveBackground: '#000',
9        btnPrimaryBorder: '#000'
10      }
11    });
12  </script>
12
13
14  <!-- Google Tag Manager -->
15  
15<script>
vendor: 335 bytes, lines 15-19
15(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
16  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
17  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
18  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
19  })(window,document,'script','dataLayer','
19GTM-5NZQMTH
vendor: 6 bytes, lines 19-20
19');
20  
20</script>
20
21  <!-- End Google Tag Manager -->  
22  <meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5"><meta http-equiv="x-ua-compatible" content="ie=edge"><meta name="robots" content="index, follow"><meta name="generator" content="Astro v4.16.18"><title>Work with us - Doccia Group</title><meta name="description" content="At Doccia Group we have a great team of people with drive, enthusiasm and a spirit of self-improvement."><meta name="keywords" content="baño a medida, calidad, diseño, personalización, doccia group, doccia"><meta name="author" content="www.existo.es">
23	<meta name="format-detection" content="telephone=no"><link rel="icon" sizes="192x192" href="/images/icons/icon.png">
24	<link rel="icon" sizes="32x32" href="/images/icons/icon32x32.png">
25	<link rel="icon" sizes="16x16" href="/images/icons/icon16x16.png">
26	<link rel="apple-touch-icon" href="/images/icons/apple-touch-icon.png">
27	<link rel="mask-icon" href="/images/icons/icon.svg">
28	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/img-comparison-slider@8/dist/styles.css">
29	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/ecommerce.css"><link rel="alternate" hreflang="es" href="https://www.docciagroup.com/es/trabaja-con-nosotros">
30	<link rel="alternate" hreflang="en" href="https://www.docciagroup.com/en/work-with-us">
31	<link rel="alternate" hreflang="de" href="https://www.docciagroup.com/de/arbeiten-sie-mit-uns">
32	<link rel="alternate" hreflang="fr" href="https://www.docciagroup.com/fr/travaillez-avec-nous">
33	<link rel="alternate" hreflang="x-default" href="https://www.docciagroup.com/es/trabaja-con-nosotros"><meta property="twitter:card" content="summary"><meta property="og:title" content="Work with us - Doccia Group"><meta property="og:description" content="At Doccia Group we have a great team of people with drive, enthusiasm and a spirit of self-improvement."><meta property="og:url" content="https://www.docciagroup.com/en/work-with-us/"><meta property="og:image" content="https://www.docciagroup.com/images/logo-og.png"><meta property="og:type" content="website"><meta property="og:site_name" content="Doccia Group"><meta property="og:locale" content="es"><link rel="stylesheet" href="/_astro/_ambiences_.CwehRlt1.css">
33<script type="module" src="/_astro/hoisted.AE6PQVGa.js"></script>
vendor: 1 bytes, line 33
33
34<script type="module" src="/_astro/page.kOgE_PIP.js"></script>
34</head> <body> 
35  <!-- Google Tag Manager (noscript) -->
vendor: 70 bytes, lines 35-36
35
36  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
36GTM-5NZQMTH
vendor: 87 bytes, lines 36-38
36"
37  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
38  
38<!-- End Google Tag Manager (noscript) -->
39   <div id="3drender"></div>
40      <section x-data="{ megamenucategorias: false, megamenuInspirate: false, offcanvas: false }" id="menu"> <div x-data="DataTop" x-bind="events"> <div class="relative bg-black py-7 lg:pt-2.5 lg:pb-6"> <div class="container"> <div class="hidden lg:flex items-center justify-end pb-3"> <a class="text-xs/none font-title text-gray-300" href="/en/contact">Customer service</a> <span class="w-[1px] h-4 bg-gray-600 mx-4"></span> <a href="https://clients.docciagroup.com/es/login" target="_blank" rel="noopener" class="text-xs/none font-title text-gray-300"> Profesionals </a> <span class="w-[1px] h-4 bg-gray-600 mx-4"></span> <a href="/en/work-with-us" target="_blank" class="text-xs/none font-title text-gray-300"> Work with us </a> <span class="w-[1px] h-4 bg-gray-600 mx-4"></span> <section x-data="DataLocale"> <div class="flex items-center" @click="$dispatch('open-modal-country')"> <div class="text-gray-400 flex items-center space-x-2"> <svg class="w-4 h-4 text-white lg:text-gray-300 cursor-pointer" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg> <span class="cursor-pointer text-xs/none text-white lg:text-gray-300 font-title" x-text="countryText"></span> </div> <span class="w-[1px] h-4 bg-gray-600 mx-4"></span> <div class="flex items-center"> <span class="cursor-pointer text-xs/none text-white lg:text-gray-300 font-title uppercase">en</span> </div> </div> </section>  </div> <div class="flex justify-between items-center lg:space-x-20"> <div class="flex justify-between lg:justify-start items-center"> <div class="lg:hidden"> <svg @click="offcanvas = ! offcanvas" class="w-6 h-6 cursor-pointer text-gray-300" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path></svg> </div> <a class="block absolute left-1/2 -translate-x-1/2 lg:translate-x-0 lg:static" href="/en" aria-label="Doccia Group"> <svg class="h-9 sm:h-10 w-auto" width="441" height="84" viewBox="0 0 441 84" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1229_460)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M408.444 32C414.37 32 419 36.3969 419 44.4039V44.7742C419 52.7812 414.463 57.2707 408.444 57.2707C404.694 57.2707 401.963 55.4194 400.713 53.0589V65H394V32.5554H400.713V36.3506C402.056 34.0365 404.88 32 408.444 32ZM298.16 23C305.656 23 312.35 26.3677 313.151 34.5332H305.561C304.901 30.6581 302.309 28.905 298.254 28.905C292.409 28.905 288.967 33.1954 288.967 39.9308V40.2999C288.967 46.6662 291.749 51.2334 298.349 51.2334C304.006 51.2334 306.316 48.0502 306.457 44.2673H298.867V38.8236H314V42.3297C314 51.1411 308.249 57 298.16 57C287.129 57 281 49.9878 281 40.2076V39.8385C281 29.9199 288.213 23 298.16 23ZM333 32V38.3559C327.889 38.3088 324.927 39.9567 324.927 44.6648V57H318V32.3766H324.927V37.0847C326.503 33.7891 328.939 32.0471 333 32ZM371.787 32V46.8408C371.787 50.1648 373.154 51.7566 376.076 51.7566C378.951 51.7566 381.213 49.9775 381.213 46.3727V32H388V56.485H381.213V52.6461C379.941 55.1273 377.443 57 373.389 57C368.582 57 365 54.191 365 47.7772V32H371.787ZM348.024 32C355.432 32 361 36.8077 361 44.2711V44.6374C361 52.1923 355.385 57 347.976 57C340.615 57 335 52.2381 335 44.7747V44.4084C335 36.8993 340.615 32 348.024 32ZM121.759 24C133.299 24 139 30.2769 139 40.1538V40.5231C139 50.4 133.253 57 121.713 57H111V24H121.759ZM155.024 32C162.432 32 168 36.8077 168 44.2711V44.6374C168 52.1923 162.385 57 154.976 57C147.615 57 142 52.2381 142 44.7747V44.4084C142 36.8993 147.615 32 155.024 32ZM183.486 32C189.081 32 194.26 34.4267 194.861 41.2949H188.526C188.064 38.5018 186.353 37.2198 183.624 37.2198C180.156 37.2198 177.844 39.7839 177.844 44.3626V44.7289C177.844 49.5366 180.017 52.0092 183.763 52.0092C186.445 52.0092 188.618 50.4524 188.942 47.3846H195C194.63 53.0623 190.468 57 183.439 57C176.364 57 171 52.6502 171 44.8205V44.4542C171 36.7161 176.595 32 183.486 32ZM210.486 32C216.081 32 221.26 34.4267 221.861 41.2949H215.526C215.064 38.5018 213.353 37.2198 210.624 37.2198C207.156 37.2198 204.844 39.7839 204.844 44.3626V44.7289C204.844 49.5366 207.017 52.0092 210.763 52.0092C213.445 52.0092 215.618 50.4524 215.942 47.3846H222C221.63 53.0623 217.468 57 210.439 57C203.364 57 198 52.6502 198 44.8205V44.4542C198 36.7161 203.595 32 210.486 32ZM233 33V57H226V33H233ZM249.835 32C255.776 32 260 34.381 260 40.8828V56.4963H253.456V53.6117C252.063 55.5348 249.928 57 246.122 57C241.713 57 238 54.8938 238 49.8571C238 44.2711 243.198 42.1648 250.624 42.1648H253.363V41.2033C253.363 38.3645 252.481 36.8077 249.418 36.8077C246.772 36.8077 245.56
405 38.1355 245.287 40.196H238.928C239.346 34.5183 243.895 32 249.835 32ZM254 46H251.333C247.333 46 245 46.7883 245 49.2409C245 50.9051 246.095 52 248.619 52C251.667 52 254 50.4672 254 47.927V46ZM155 37C151.25 37 149 39.6687 149 44.2699V44.638C149 49.2393 151.156 52 155 52C158.797 52 161 49.2393 161 44.684V44.362C161 39.7607 158.797 37 155 37ZM348 37C344.25 37 342 39.6687 342 44.2699V44.638C342 49.2393 344.156 52 348 52C351.797 52 354 49.2393 354 44.684V44.362C354 39.7607 351.797 37 348 37ZM406.071 37C402.466 37 400 39.4689 400 44.3602V44.7329C400 49.6242 402.372 52 406.119 52C409.913 52 412 49.4845 412 44.7329V44.3602C412 39.4224 409.534 37 406.071 37ZM120.993 30H118V51H121.086C127.82 51 131 47.3261 131 40.6134V40.2505C131 33.5832 128.054 30 120.993 30ZM432.5 20C437.194 20 441 23.8056 441 28.5C441 33.1944 437.194 37 432.5 37C427.806 37 424 33.1944 424 28.5C424 23.8056 427.806 20 432.5 20ZM432.5 21.3077C428.528 21.3077 425.308 24.5278 425.308 28.5C425.308 32.4722 428.528 35.6923 432.5 35.6923C436.472 35.6923 439.692 32.4722 439.692 28.5C439.692 24.5278 436.472 21.3077 432.5 21.3077ZM432.835 24.5769L433.104 24.5827C433.803 24.6133 434.348 24.7666 434.739 25.0425C435.178 25.3528 435.398 25.8567 435.398 26.5542C435.398 27.0284 435.302 27.405 435.11 27.684C434.918 27.963 434.606 28.2001 434.174 28.3954C434.397 28.4721 434.571 28.5837 434.697 28.7302C434.822 28.8766 434.917 29.044 434.979 29.2323C435.042 29.4206 435.082 29.6194 435.1 29.8286C435.117 30.0378 435.129 30.2401 435.136 30.4354C435.143 30.7213 435.155 30.9585 435.173 31.1468C435.19 31.3351 435.211 31.4885 435.236 31.6071C435.26 31.7256 435.29 31.8181 435.325 31.8843C435.348 31.9285 435.374 31.9657 435.404 31.9959L435.45 32.036V32.1092H434.666L434.622 32.028C434.568 31.912 434.529 31.7647 434.503 31.5862C434.472 31.363 434.448 31.1293 434.43 30.8852C434.413 30.6411 434.399 30.404 434.388 30.1738C434.378 29.9437 434.359 29.7554 434.331 29.6089C434.289 29.4067 434.221 29.2445 434.127 29.1225C434.033 29.0004 433.919 28.908 433.787 28.8452C433.654 28.7825 433.506 28.7406 433.342 28.7197C433.233 28.7057 433.121 28.6964 433.007 28.6918L432.835 28.6883H430.596V32.1092H429.885V24.5769H432.835ZM229.976 22C232.255 22 234 23.5063 234 25.5C234 27.4937 232.255 29 229.976 29C227.745 29 226 27.4937 226 25.5C226 23.5063 227.745 22 229.976 22ZM432.856 25.1837H430.596V28.0815H432.814C433.079 28.0815 433.325 28.0536 433.551 27.9978C433.778 27.9421 433.975 27.8531 434.142 27.7311C434.31 27.609 434.442 27.4538 434.54 27.2655C434.638 27.0772 434.686 26.8506 434.686 26.5855C434.686 26.3066 434.636 26.0764 434.535 25.8951C434.434 25.7137 434.298 25.5708 434.127 25.4662C433.956 25.3615 433.761 25.2883 433.541 25.2465C433.321 25.2046 433.093 25.1837 432.856 25.1837Z" fill="white"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M1.65695 36.0756C5.69672 34.0865 16.1816 30.1651 29.0387 32.9885C46.6332 36.8443 54.6266 49.7632 79 62.1553C71.8046 75.1799 57.9995 84 42.1392 84C18.8654 84 0 65.0124 0 41.5971C0 40.1715 0.0720128 38.2484 0.204361 36.862C0.456152 36.7063 0.845893 36.4854 1.36259 36.2228L1.65695 36.0756ZM28.9361 23.0008C33.4252 23.0271 44.5598 23.7181 56.5231 29.2311C68.8141 34.8931 76.5552 35.5235 83.306 35.361C83.8401 37.3012 84 39.8052 84 41.8727C84 48.3608 82.5477 54.5025 79.9491 60C77.179 58.0383 71.169 53.5177 64.2349 46.7104C56.6517 39.2629 43.464 28.2091 26.742 28.2091C12.3203 28.2091 3.37248 33.6127 0 35.9601C0.122813 35.0654 0.267069 34.1707 0.444465 33.2936C3.48749 30.6838 12.2247 23.6866 26.8472 23.0444C26.8472 23.0444 27.4128 23.0055 28.442 23.0005L28.9361 23.0008ZM20.6643 14.8307C34.3317 10.8059 49.596 14.6727 49.596 14.6727C49.596 14.6727 50.1061 14.8022 51.0061 15.0041L51.3397 15.0783C55.6494 16.0283 67.0785 18.2252 75.7102 16.9715C79.2239 21.6527 81.7503 27.0913 83 33C75.8818 31.3007 70.156 29.1066 57.6495 23.354C42.9407 16.5909 29.8768 16.5376 18.8572 20.372C12.5548 22.5718 6.46068 26.0752 2 30.0295C2.38185 28.726 2.82734 27.4434 3.32875 26.1951C5.61213 23.2988 11.1335 17.6394 20.6643 14.8307ZM41.2537 7.11324e-05L41.7721 0.00205523C53.1188 0.111707 63.403 4.40543 71 11.5674C67.1546 11.3577 61.411 9.79374 51.8122 7.24482C51.8122 7.24482 23.4221 -1.68888 4 23C11.0287 8.77802 24.9825 -0.155689 41.7721 0.00205523L41.2537 7.11324e-05Z" fill="white"></path> </g> <defs> <clipPath id="clip0_1229_460"> <rect width="441" height="84" fill="white"></rect> </clipPath> </defs> </svg> </a> <div class="lg:ml-20"> <div class="hidden lg:block"> <ul class="mt-1 flex text-white font-medium space-x-8"> <li class="cursor-pointer text-sm font-medium leading-none whitespace-nowrap" @click="megamenucategorias = true, megamenuIns
40pirate = false, $dispatch('menureset', true)" @mouseenter="megamenucategorias = true, megamenuInspirate = false"> <div class="inline"> <span id="top-productos">Products</span> </div> <svg class="ml-4 inline transition-all duration-500" width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.2451 0.595376C9.18395 0.534304 9.10106 0.5 9.01464 0.5C8.92822 0.5 8.84533 0.534304 8.78418 0.595376L4.66632 4.7127L0.548451 0.595376C0.486629 0.537769 0.40486 0.506408 0.320371 0.507899C0.235883 0.50939 0.155271 0.543616 0.0955196 0.603368C0.0357679 0.663119 0.00154151 0.743731 5.0809e-05 0.828219C-0.00143989 0.912708 0.0299215 0.994477 0.0875281 1.0563L4.43585 5.40462C4.497 5.4657 4.57989 5.5 4.66632 5.5C4.75274 5.5 4.83563 5.4657 4.89678 5.40462L9.2451 1.0563C9.30617 0.995151 9.34048 0.912261 9.34048 0.825838C9.34048 0.739414 9.30617 0.656524 9.2451 0.595376Z" fill="#A3A3A3"></path> </svg> </li> <li class="text-sm font-medium leading-none"> <a href="/en/contract">Contract</a> </li> <li class="text-sm font-medium leading-none"> <a href="/en/company">Company</a> </li> <li class="text-sm font-medium leading-none"> <a href="/en/blog">Blog</a> </li> <li class="leading-none"> <button type="button" x-data @click="$dispatch('open-search-modal')" aria-label="Abrir modal búsqueda"> <svg class="cursor-pointer" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M2.45869 7.11111C2.45869 4.16559 4.8465 1.77778 7.79202 1.77778C10.7375 1.77778 13.1254 4.16559 13.1254 7.11111C13.1254 10.0566 10.7375 12.4444 7.79202 12.4444C4.8465 12.4444 2.45869 10.0566 2.45869 7.11111ZM7.79202 0C3.86466 0 0.680908 3.18375 0.680908 7.11111C0.680908 11.0385 3.86466 14.2222 7.79202 14.2222C9.48415 14.2222 11.0382 13.6312 12.2591 12.6443C12.2952 12.8014 12.3744 12.9506 12.4968 13.073L15.1635 15.7397C15.5106 16.0868 16.0734 16.0868 16.4206 15.7397C16.7677 15.3925 16.7677 14.8297 16.4206 14.4826L13.7539 11.8159C13.6315 11.6935 13.4823 11.6143 13.3252 11.5782C14.3121 10.3573 14.9031 8.80324 14.9031 7.11111C14.9031 3.18375 11.7194 0 7.79202 0Z" fill="white"></path> </svg> </button> </li> </ul> </div> </div> </div> <div class="flex items-center"> <div class="hidden lg:block"> <a href="#" class="hidden" x-bind:class="{'hidden': isLogin}" data-action="customer-account"> <svg width="18" height="22" viewBox="0 0 18 22" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.99991 0C8.25325 0 7.51392 0.149679 6.8241 0.440492C6.13429 0.731304 5.5075 1.15755 4.97954 1.6949C4.45158 2.23225 4.03277 2.87019 3.74704 3.57227C3.46132 4.27435 3.31425 5.02684 3.31425 5.78677C3.31425 6.54669 3.46132 7.29919 3.74704 8.00127C4.03277 8.70335 4.45158 9.34128 4.97954 9.87865C5.5075 10.416 6.13429 10.8423 6.8241 11.1331C7.51392 11.4239 8.25325 11.5735 8.99991 11.5735C9.74653 11.5735 10.4859 11.4239 11.1758 11.1331C11.8656 10.8423 12.4923 10.416 13.0203 9.87865C13.5482 9.34128 13.967 8.70335 14.2528 8.00127C14.5385 7.29919 14.6856 6.54669 14.6856 5.78677C14.6856 5.02684 14.5385 4.27436 14.2528 3.57227C13.967 2.87019 13.5482 2.23225 13.0203 1.6949C12.4923 1.15755 11.8656 0.731304 11.1758 0.440492C10.4859 0.149679 9.74653 0 8.99991 0ZM7.25539 1.50023C7.80847 1.26706 8.40126 1.14705 8.99991 1.14705C9.59858 1.14705 10.1914 1.26706 10.7444 1.50023C11.2975 1.73339 11.8 2.07516 12.2233 2.50599C12.6467 2.93683 12.9825 3.44831 13.2116 4.01122C13.4407 4.57414 13.5586 5.17747 13.5586 5.78677C13.5586 6.39606 13.4407 6.9994 13.2116 7.56232C12.9825 8.12523 12.6467 8.63671 12.2233 9.06755C11.8 9.49838 11.2975 9.84011 10.7444 10.0733C10.1914 10.3064 9.59858 10.4265 8.99991 10.4265C8.40126 10.4265 7.80847 10.3064 7.25539 10.0733C6.70231 9.84011 6.19977 9.49838 5.77646 9.06755C5.35314 8.63671 5.01736 8.12523 4.78826 7.56232C4.55916 6.9994 4.44125 6.39606 4.44125 5.78677C4.44125 5.17747 4.55916 4.57414 4.78826 4.01122C5.01736 3.44831 5.35314 2.93683 5.77646 2.50599C6.19977 2.07516 6.70231 1.73339 7.25539 1.50023ZM3.43295 15.7604C4.90943 14.2577 6.91196 13.4135 9 13.4135C11.088 13.4135 13.0906 14.2577 14.567 15.7604C15.9102 17.1274 16.7178 18.9374 16.8528 20.853H1.14718C1.28216 18.9374 2.08987 17.1274 3.43295 15.7604ZM9 12.2664C6.61306 12.2664 4.32386 13.2315 2.63604 14.9493C0.948209 16.6672 0 18.9971 0 21.4265C0 21.5786 0.0593689 21.7245 0.165046 21.8321C0.270724 21.9396 0.414053 22 0.563503 22H17.4365C17.7477 22 18 21.7432 18 21.4265C18 18.9971 17.0518 16.6672 15.364 14.9493C13.6762 13.2315 11.3869 12.2664 9 12.2664Z" fill="white"></path> </svg> </a> <div class="pl-4 hidden" x-bind:class="{'hidden': !isLogin}"> <a href="#" class="inline-flex items-start space-x-2 mt-2" data-action="customer-account"> <svg class="inline mt-0.5 shrink-0" width="16" height="20" viewBox="0 0 16 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.99992 0C7.33622 0 6.67904 0.136072 6.06587 0.400447C5.4527 0.664822 4.89556 1.05232 4.42626 1.54
40082C3.95696 2.02932 3.58468 2.60926 3.3307 3.24752C3.07673 3.88577 2.946 4.56985 2.946 5.2607C2.946 5.95154 3.07673 6.63563 3.3307 7.27388C3.58468 7.91214 3.95696 8.49207 4.42626 8.98059C4.89556 9.46909 5.4527 9.85664 6.06587 10.121C6.67904 10.3854 7.33622 10.5214 7.99992 10.5214C8.66358 10.5214 9.3208 10.3854 9.93404 10.121C10.5472 9.85664 11.1043 9.46909 11.5736 8.98059C12.0428 8.49207 12.4151 7.91214 12.6692 7.27388C12.9231 6.63563 13.0539 5.95154 13.0539 5.2607C13.0539 4.56985 12.9231 3.88578 12.6692 3.24752C12.4151 2.60926 12.0428 2.02932 11.5736 1.54082C11.1043 1.05232 10.5472 0.664822 9.93404 0.400447C9.3208 0.136072 8.66358 0 7.99992 0ZM6.44924 1.36385C6.94086 1.15187 7.46779 1.04277 7.99992 1.04277C8.53207 1.04277 9.05902 1.15187 9.55058 1.36385C10.0422 1.57581 10.4889 1.88651 10.8652 2.27817C11.2415 2.66985 11.54 3.13483 11.7436 3.64656C11.9473 4.15831 12.0521 4.70679 12.0521 5.2607C12.0521 5.8146 11.9473 6.36309 11.7436 6.87484C11.54 7.38657 11.2415 7.85155 10.8652 8.24323C10.4889 8.63489 10.0422 8.94556 9.55058 9.15755C9.05902 9.36946 8.53207 9.47864 7.99992 9.47864C7.46779 9.47864 6.94086 9.36946 6.44924 9.15755C5.95761 8.94556 5.51091 8.63489 5.13463 8.24323C4.75835 7.85155 4.45988 7.38657 4.25623 6.87484C4.05259 6.36309 3.94778 5.8146 3.94778 5.2607C3.94778 4.70679 4.05259 4.15831 4.25623 3.64656C4.45988 3.13483 4.75835 2.66985 5.13463 2.27817C5.51091 1.88651 5.95761 1.57581 6.44924 1.36385ZM3.05151 14.3276C4.36394 12.9615 6.14396 12.1941 8 12.1941C9.856 12.1941 11.6361 12.9615 12.9484 14.3276C14.1424 
4015.5704 14.8603 17.2158 14.9803 18.9573H1.01972C1.1397 17.2158 1.85766 15.5704 3.05151 14.3276ZM8 11.1513C5.87828 11.1513 3.84343 12.0286 2.34315 13.5903C0.842852 15.152 0 17.2701 0 19.4786C0 19.6169 0.0527724 19.7495 0.146708 19.8474C0.240644 19.9451 0.368047 20 0.500892 20H15.4991C15.7757 20 16 19.7665 16 19.4786C16 17.2701 15.1572 15.152 13.6569 13.5903C12.1566 12.0286 10.1217 11.1513 8 11.1513Z" fill="white"></path> </svg> <div> <p class="font-semibold text-white leading-none max-w-[180px] overflow-hidden whitespace-nowrap text-ellipsis text-xs mb-0.5">
41Hola
42<span x-text="userName"></span> </p> <span class="block underline text-xs text-gray-400">Mi cuenta</span> </div> </a> </div> </div> <div class="cursor-pointer relative ml-5" data-action="cart-open"> <svg width="18" height="21" viewBox="0 0 18 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.66883 2.07417C7.28378 1.44642 8.11782 1.09375 8.98749 1.09375C9.85714 1.09375 10.6911 1.44642 11.3061 2.07417C11.9211 2.70193 12.2666 3.55334 12.2666 4.44112V5.7392C12.2666 6.04124 12.5064 6.28608 12.8023 6.28608C13.0981 6.28608 13.338 6.04124 13.338 5.7392V4.44112C13.338 3.26326 12.8796 2.13364 12.0638 1.30078C11.2479 0.467903 10.1413 0 8.98749 0C7.83366 0 6.72709 0.467903 5.91122 1.30078C5.09535 2.13364 4.63699 3.26326 4.63699 4.44112V5.7392C4.63699 6.04124 4.87683 6.28608 5.1727 6.28608C5.46857 6.28608 5.70842 6.04124 5.70842 5.7392V4.44112C5.70842 3.55334 6.05389 2.70193 6.66883 2.07417ZM1.46986 19.5854V8.34187L1.47016 8.33712C1.4708 8.328 1.47233 8.31139 1.47582 8.29003C1.48322 8.24471 1.49702 8.19265 1.51928 8.14721C1.54048 8.10392 1.56388 8.07726 1.58895 8.06019C1.61067 8.04541 1.66369 8.01683 1.78188 8.01683H16.1868L16.1915 8.01713C16.2004 8.01778 16.2167 8.01935 16.2376 8.02291C16.282 8.03046 16.333 8.04455 16.3775 8.06726C16.4199 8.08891 16.4461 8.1128 16.4628 8.13839C16.4772 8.16056 16.5052 8.21468 16.5052 8.33534V19.5788L16.505 19.5836C16.5043 19.5927 16.5027 19.6094 16.4993 19.6307C16.4919 19.676 16.4781 19.7281 16.4559 19.7735C16.4346 19.8168 16.4112 19.8434 16.3862 19.8605C16.3645 19.8753 16.3114 19.9039 16.1932 19.9039H1.78827L1.78362 19.9036C1.77468 19.9029 1.75842 19.9014 1.73749 19.8979C1.69311 19.8902 1.64211 19.8761 1.59759 19.8535C1.55518 19.8318 1.52907 19.8079 1.51235 19.7824C1.49787 19.7601 1.46986 19.7061 1.46986 19.5854ZM16.1932 6.92308V7.46995C16.1932 6.92308 16.193 6.92308 16.1932 6.92308H16.1943H16.1955L16.1981 6.9231L16.2043 6.92317L16.2206 6.9236C16.2332 6.92402 16.249 6.92478 16.2678 6.92616C16.3053 6.92889 16.3552 6.93408 16.4138 6.94404C16.5283 6.96353 16.6893 7.00353 16.8567 7.08899C17.0262 7.17551 17.212 7.31389 17.3542 7.53169C17.4987 7.75291 17.5767 8.0233 17.5767 8.33534V19.5854H17.0409C17.5767 19.5854 17.5767 19.5851 17.5767 19.5854V19.5865V19.5877V19.5904L17.5766 19.5967L17.5761 19.6133C17.5759 19.6223 17.5755 19.6331 17.5747 19.6454C17.5744 19.6505 17.5741 19.6559 17.5737 19.6615C17.571 19.6998 17.5659 19.7508 17.5562 19.8105C17.5371 19.9274 17.4979 20.0918 17.4141 20.2626C17.3294 20.4357 17.1939 20.6254 16.9805 20.7706C16.7637 20.9181 16.4989 20.9976 16.1932 20.9976H1.78188V20.4529C1.78188 20.9976 1.78215 20.9976 1.78188 20.9976H1.78079H1.77962H1.77701L1.77081 20.9976L1.75451 20.9971C1.74199 20.9967 1.72609 20.996 1.70728 20.9946C1.66986 20.9919 1.6199 20.9866 1.56135 20.9767C1.44679 20.9572 1.28586 20.9172 1.11843 20.8317C0.948917 20.7452 0.763105 20.6069 0.620868 20.3891C0.476395 20.1678 0.398438 19.8974 0.398438 19.5854V8.33534H0.934148C0.398438 8.33534 0.398438 8.33561 0.398438 8.33534V8.33423L0.398442 8.33303L0.398457 8.33038L0.398533 8.32404L0.398941 8.3074C0.399359 8.29462 0.400112 8.27838 0.401455 8.2592C0.404127 8.22099 0.409214 8.16999 0.418972 8.11022C0.438065 7.99327 0.47725 7.82898 0.56096 7.65808C0.645719 7.48503 0.78127 7.29534 0.994628 7.15014C1.21133 7.00266 1.47621 6.92308 1.78188 6.92308H16.1932Z" fill="white"></path> </svg> <template x-if="totalCartItems > 0"> <p x-text="totalCartItems" class="absolute flex items-center justify-center w-5 h-5 text-xs font-bold text-white bg-red-600 rounded-full -right-3 -top-2.5"></p> </template> </div> </div> </div> </div> <div class="hidden lg:block">
42 <section class="lg:absolute lg:top-full w-full lg:shadow-md lg:z-50 hidden bg-white mt-2 lg:mt-0 pt-4 pb-12 lg:pb-24 lg:pt-8" :class="{'hidden': !megamenucategorias}" x-data="
43    {
44      activeMenu: 'null',
45      breadcrumb: [],
46      breadcrumbText: [],
47      bannerDesktop: [],
48      bannerMobile: [],
49      introText: []
50     }
51  " @click.away="(event) => { if (window.innerWidth >= 1024 && event.srcElement.id != 'top-productos') { megamenucategorias = false } }" @megamenucategorias.window="megamenucategorias = true" @menureset.window="activeMenu = 'null'"> <div class="lg:container"> <div class="lg:flex px-6 md:px-8 lg:px-0"> <div class="w-full lg:w-10/12 "> <div class="grid grid-cols-12 gap-x-4 md:gap-x-7 gap-y-8 bg-white" x-show="(activeMenu === 'null')" x-transition:enter="transition-opacity ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100">   <article class="col-span-6 md:col-span-4 xl:col-span-3"> <div class="cursor-pointer" x-on:click="
52                        breadcrumb.push(activeMenu);
53                        breadcrumbText.push('Shower enclosures');
54                        activeMenu = '66978d6fcba0c67a0685f717';
55                        bannerDesktop.push('');
56                        bannerMobile.push('');
57                        introText.push(&#34;Choose from all our models the shower enclosure that best suits your bathroom, either for shower tray or bathtub.&#34;);
58                      "> <img class="mb-4 w-full aspect-square object-cover" src="https://images.apirocket.io/images/na3uphpd/66978288f3ee24fb29d3bf17/dytl1gca8T/IMAGEN%20PRINCIPAL%20FLUJO%20MAMPARAS.png?w=600&auto=format"> <h3 class="font-medium mb-1 font-title text-xl lg:text-xl">Bathroom enclosures</h3> <p class="text-xs font-light font-title">Choose from all our models the shower enclosure that best suits your bathroom, either for shower tray or bathtub.</p> </div> </article>  <article class="col-span-6 md:col-span-4 xl:col-span-3"> <div class="cursor-pointer" x-on:click="
59                        breadcrumb.push(activeMenu);
60                        breadcrumbText.push('Shower trays');
61                        activeMenu = '669f9739e71a0e6606b33518';
62                        bannerDesktop.push('https://images.apirocket.io/images/na3uphpd/66978288f3ee24fb29d3bf17/BfBF6UW8R8/BANNER_PLATOS-OK-WEB.png');
63                        bannerMobile.push('https://images.apirocket.io/images/na3uphpd/66978288f3ee24fb29d3bf17/lx573qn-Of/BANNER_PLATOS-OK-WEB.png');
64                        introText.push(&#34;Create a unique space where you can enjoy your bathroom like never before. Choose the shower tray that best suits your bathroom.&#34;);
65                      "> <img class="mb-4 w-full aspect-square object-cover" src="https://images.apirocket.io/images/na3uphpd/66978288f3ee24fb29d3bf17/eo_TSGFIYz/ALBEROMAGMANACARHD.png?w=600&auto=format"> <h3 class="font-medium mb-1 font-title text-xl lg:text-xl">Shower trays</h3> <p class="text-xs font-light font-title">Create a unique space where you can enjoy your bathroom like never before. Choose the shower tray that best suits your bathroom.</p> </div> </article>  <article class="col-span-6 md:col-span-4 xl:col-span-3"> <div class="cursor-pointer" x-on:click="
66                        breadcrumb.push(activeMenu);
67                        breadcrumbText.push('Worktops and washbasins');
68                        activeMenu = '669f99181b270850f23b73cd';
69                        bannerDesktop.push('');
70                        bannerMobile.push('');
71                        introText.push(&#34;Choose from our wide variety of high quality, handcrafted countertops and sinks.&#34;);
72                      "> <img class="mb-4 w-full aspect-square object-cover" src="https://images.apirocket.io/images/na3uphpd/66978288f3ee24fb29d3bf17/ACIfSkANC4/IMAGEN%20PRINCIPAL%20FLUJO%20ENCIMERAS%20LAVABOS%20Y%20TOTEM.png?w=600&auto=format"> <h3 class="font-medium mb-1 font-title text-xl lg:text-xl">Worktops, washbasins and totems</h3> <p class="text-xs font-light font-title">Choose from our wide variety of high quality, handcrafted countertops and sinks.
72</p> </div> </article>  <article class="col-span-6 md:col-span-4 xl:col-span-3"> <div class="cursor-pointer" x-on:click="
73                        breadcrumb.push(activeMenu);
74                        breadcrumbText.push('Bathroom furniture');
75                        activeMenu = '669f99401b270850f23b7443';
76                        bannerDesktop.push('');
77                        bannerMobile.push('');
78                        introText.push(&#34;Choose between our two models of bathroom furniture with metal structure and resin washbasins suitable for large and small spaces.&#34;);
79                      "> <img class="mb-4 w-full aspect-square object-cover" src="https://images.apirocket.io/images/na3uphpd/66978288f3ee24fb29d3bf17/lUky_ZHNXY/IMAGEN%20PRINCIPAL%20MUEBLES%20DE%20BAÑO.png?w=600&auto=format"> <h3 class="font-medium mb-1 font-title text-xl lg:text-xl">Bathroom furniture</h3> <p class="text-xs font-light font-title">Choose between our two models of bathroom furniture with metal structure and resin washbasins suitable for large and small spaces.</p> </div> </article>  <article class="col-span-6 md:col-span-4 xl:col-span-3"> <a href="/en/bathtubs"> <img class="mb-4 w-full aspect-square object-cover" src="https://images.apirocket.io/images/na3uphpd/66978288f3ee24fb29d3bf17/5zIYTOvOY4/IMAGEN%20PRINCIPAL%20BAÑERAS.png?w=600&auto=format"> <h3 class="font-medium mb-1 font-title text-xl lg:text-xl">Bathtubs</h3> <p class="text-xs font-light font-title">Soon we will launch our range of resin bathtubs ideal for spacious and design bathrooms.</p> </a> </article>  <article class="col-span-6 md:col-span-4 xl:col-span-3"> <a href="/en/puertas-de-paso"> <img class="mb-4 w-full aspect-square object-cover" src="https://images.apirocket.io/images/na3uphpd/66978288f3ee24fb29d3bf17/fCf0D2_OGA/NEVADA2602.jpg?w=600&auto=format"> <h3 class="font-medium mb-1 font-title text-xl lg:text-xl">Puertas de paso</h3> <p class="text-xs font-light font-title">Las puertas de paso ofrecen una solución discreta y sutil para separar espacios, manteniendo la amplitud visual y aportando un toque funcional a cualquier estancia.</p> </a> </article>  </div><div class="grid grid-cols-12 gap-x-4 md:gap-x-7 gap-y-8 bg-white" x-show="(activeMenu === '66978d6fcba0c67a0685f717')" id="66978d6fcba0c67a0685f717" x-transition:enter="transition-opacity ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100">  <div class="col-span-12"> <template x-if="bannerDesktop[bannerDesktop.length-1]"> <img class="w-full mb-4 hidden lg:block" x-bind:src="bannerDesktop[bannerDesktop.length-1]" alt="Screens that are installed between two front walls over a shower tray or bathtub."> </template> <template x-if="bannerMobile[bannerMobile.length-1]"> <img class="w-full mb-4 lg:hidden" x-bind:src="bannerMobile[bannerMobile.length-1]" alt="Screens that are installed between two front walls over a shower tray or bathtub."> </template> <template x-if="breadcrumbText[breadcrumbText.length-1]"> <p class="mb-4 text-2xl font-medium flex items-center justify-between" x-text="breadcrumbText[breadcrumbText.length-1]"></p> </template> <template x-if="introText[introText.length-1]"> <p class="font-light text-xs" x-text="introText[introText.length-1]"></p> </template> </div>   <article class="col-span-6 md:col-span-4 xl:col-span-3"> <div class="cursor-pointer" x-on:click="
80                        breadcrumb.push(activeMenu);
81                        breadcrumbText.push('Shower enclosures · Frontal');
82                        activeMenu = '66978dafcba0c67a0685f73e';
83                        bannerDesktop.push('');
84                        bannerMobile.push('');
85                        introText.push(&#34;Screens that are installed between two front walls over a shower tray or bathtub.&#34;);
86                      "> <img class="mb-4 w-full aspect-square object-cover" src="https://images.apirocket.io/images/na3uphpd/66978288f3ee24fb29d3bf17/Cl6pLvQsa8/MAMPARAHUECOFRONTAL2.png?w=600&auto=format"> <h3 class="font-medium mb-1 font-title text-xl lg:text-xl">Frontal</h3> <p class="text-xs font-light font-title">Screens that are installed between two front walls over a shower tray or bathtub.</p> </div> </article>  <article class="col-span-6 md:col-span-4 xl:col-span-3"> <div class="cursor-pointer" x-on:click="
87                        breadcrumb.push(activeMenu);
88                        breadcrumbText.push('Shower enclosures · Vértice');
89                        activeMenu = '669f74c3352e70e42318f0fe';
90                        bannerDesktop.push('');
91                        bannerMobile.push('');
92                        introText.push(&#34;Screens that are installed between two walls in vertex on shower tray or bathtub.&#34;);
93                      "> <img class="mb-4 w-full aspect-square object-cover" src="https://images.apirocket.io/images/na3uphpd/66978288f3ee24fb29d3bf17/uwmNDJaafv/MAMPARAHUECOVERTICEUPDATE1.png?w=600&auto=format"> <h3 class="font-medium mb-1 font-title text-xl lg:text-xl">Vértice</h3> <p class="text-xs font-light font-title">Screens that are installed between two walls in vertex on shower tray or bathtub.</p> </div> </article>  </div><div class="grid grid-cols-12 gap-x-4 md:gap-x-7 gap-y-8 bg-white" x-show="(activeMenu === '66978dafcba0c67a0685f73e')" id="66978dafcba0c67a0685f73e" x-transition:enter="transition-opacity ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100">  <div class="col-span-12"> <template x-if="bannerDesktop[bannerDesktop.length-1]"> <img class="w-full mb-4 hidden lg:block" x-bind:src="bannerDesktop[bannerDesktop.length-1]" alt="Choose from different configurations of sliding partitions."> </template> <template x-if="bannerMobile[bannerMobile.length-1]"> <img class="w-full mb-4 lg:hidden" x-bind:src="bannerMobile[bannerMobile.length-1]" alt="Choose from different configurations of sliding partitions."> </template> <template x-if="breadcrumbText[breadcrumbText.length-1]"> <p class="mb-4 text-2xl font-medium flex items-center justify-between" x-text="breadcrumbText[breadcrumbText.length-1]"></p> </template> <template x-if="introText[introText.length-1]"> <p class="font-light text-xs" x-text="introText[introText.length-1]"></p> </template> </div>   <article class="col-span-6 md:col-span-4 xl:col-span-3"> <a href="/en/bathroom-enclosures?space=frontal&#38;door=corredera"> <video class="mb-4 w-full autoplayable-video" src="https://s3.eu-west-1.amazonaws.com/attachments.apirocket.io/na3uphpd/66978288f3ee24fb29d3bf17/ZynMBNSPXx/GIFMAMPARAFRONTALCORREDERAFLORIDA.mp4" muted playsinline loop></video> <h3 class="font-medium mb-1 font-title text-xl lg:text-xl">Sliding doors</h3> <p class="text-xs font-light font-title">Choose from different configurations of sliding partitions.</p> </a> </article>  <article class="col-span-6 md:col-span-4 xl:col-span-3"> <a href="/en/bathroom-enclosures?space=frontal&#38;door=abatible"> <video class="mb-4 w-full autoplayable-video" src="https://s3.eu-west-1.amazonaws.com/attachments.apirocket.io/na3uphpd/66978288f3ee24fb29d3bf17/qlkfoCdRQf/GIFMAMPARAFRONTALABATIBLECIXI.mp4" muted playsinline loop></video> <h3 class="font-medium mb-1 font-title text-xl lg:text-xl">Folding door</h3> <p class="text-xs font-light font-title">Choose from different configurations of folding screens.</p> </a> </article>  <article class="col-span-6 md:col-span-4 xl:col-span-3"> <a href="/en/bathroom-enclosures?space=frontal&#38;door=plegable"> <video class="mb-4 w-full autoplayable-video" src="https://s3.eu-west-1.amazonaws.com/attachments.apirocket.io/na3uphpd/66978288f3ee24fb29d3bf17/MKbEu_jArw/GIFMAMPARAFRONTALPLEGABLERIMINI.mp4" muted playsinline loop></video> <h3 class="font-medium mb-1 font-title text-xl lg:text-xl">Bi-fold door</h3> <p class="text-xs font-light font-title">Choose from different configurations of folding screens.</p> </a> </article>  <article class="col-span-6 md:col-span-4 xl:col-span-3"> <a href="/en/bathroom-enclosures/?space=frontal&#38;door=fijo"> <img class="mb-4 w-full aspect-square object-cover" src="https://images.apirocket.io/images/na3uphpd/66978288f3ee24fb29d3bf17/hGE70ixknU/MAMPARAMINDANAOFRONTALPLATABRILLO.jpg?w=600&auto=format"> <h3 class="font-medium mb-1 font-title text-xl lg:text-xl">Fijos</h3> <p class="text-xs font-light font-title">Choose from different configurations of fixed partitions.</p> </a> </article>  <article class="col-span-6 md:col-span-4 xl:col-span-3"> <a href="/en/bathroom-enclosures/?space=frontal&#38;door=pmr"> <video class="mb-4 w-full autoplayable-video" src="https://s3.eu-west-1.amazonaws.com/attachments.apirocket.io/na3uphpd/66978288f3ee24fb29d3bf17/uTFXeTAFoJ/GIFMAMPARAFRONTALPMRDILI.mp4" muted playsinline loop></video> <h3 class="font-medium mb-1 font-title text-xl lg:text-xl">PMR</h3> <p class="text-xs font-light font-title">
93Choose from different configurations of PMR partitions.</p> </a> </article>  </div><div class="grid grid-cols-12 gap-x-4 md:gap-x-7 gap-y-8 bg-white" x-show="(activeMenu === '669f74c3352e70e42318f0fe')" id="669f74c3352e70e42318f0fe" x-transition:enter="transition-opacity ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100">  <div class="col-span-12"> <template x-if="bannerDesktop[bannerDesktop.length-1]"> <img class="w-full mb-4 hidden lg:block" x-bind:src="bannerDesktop[bannerDesktop.length-1]" alt="Choose from different configurations of sliding partitions."> </template> <template x-if="bannerMobile[bannerMobile.length-1]"> <img class="w-full mb-4 lg:hidden" x-bind:src="bannerMobile[bannerMobile.length-1]" alt="Choose from different configurations of sliding partitions."> </template> <template x-if="breadcrumbText[breadcrumbText.length-1]"> <p class="mb-4 text-2xl font-medium flex items-center justify-between" x-text="breadcrumbText[breadcrumbText.length-1]"></p> </template> <template x-if="introText[introText.length-1]"> <p class="font-light text-xs" x-text="introText[introText.length-1]"></p> </template> </div>   <article class="col-span-6 md:col-span-4 xl:col-span-3"> <a href="/en/bathroom-enclosures?space=vertice&#38;door=corredera"> <video class="mb-4 w-full autoplayable-video" src="https://s3.eu-west-1.amazonaws.com/attachments.apirocket.io/na3uphpd/66978288f3ee24fb29d3bf17/zzwpvyRu2I/GIFMAMPARAVERTICECORREDERAQUEBEC.mp4" muted playsinline loop></video> <h3 class="font-medium mb-1 font-title text-xl lg:text-xl">Sliding doors</h3> <p class="text-xs font-light font-title">Choose from different configurations of sliding partitions.</p> </a> </article>  <article class="col-span-6 md:col-span-4 xl:col-span-3"> <a href="/en/bathroom-enclosures?space=vertice&#38;door=abatible"> <video class="mb-4 w-full autoplayable-video" src="https://s3.eu-west-1.amazonaws.com/attachments.apirocket.io/na3uphpd/66978288f3ee24fb29d3bf17/_fau_dUAHe/GIFMAMPARAVERTICEABATIBLESURIN.mp4" muted playsinline loop></video> <h3 class="font-medium mb-1 font-title text-xl lg:text-xl">Folding door</h3> <p class="text-xs font-light font-title">Choose from different configurations of folding screens.</p> </a> </article>  <article class="col-span-6 md:col-span-4 xl:col-span-3"> <a href="/en/bathroom-enclosures?space=vertice&#38;door=plegable"> <video class="mb-4 w-full autoplayable-video" src="https://s3.eu-west-1.amazonaws.com/attachments.apirocket.io/na3uphpd/66978288f3ee24fb29d3bf17/goFAYMeCj5/Mampara Vertice Genova.mp4" muted playsinline loop></video> <h3 class="font-medium mb-1 font-title text-xl lg:text-xl">Bi-fold door</h3> <p class="text-xs font-light font-title">Choose from different configurations of folding screens.</p> </a> </article>  <article class="col-span-6 md:col-span-4 xl:col-span-3"> <a href="/en/bathroom-enclosures/?space=vertice&#38;door=fijo"> <img class="mb-4 w-full aspect-square object-cover" src="https://images.apirocket.io/images/na3uphpd/66978288f3ee24fb29d3bf17/m-QfJUv7Ff/MAMPARAMINDANAOVERTICEPLATABRILLO.jpg?w=600&auto=format"> <h3 class="font-medium mb-1 font-title text-xl lg:text-xl">Fijos</h3> <p class="text-xs font-light font-title">Choose from different configurations of fixed partitions.</p> </a> </article>  <article class="col-span-6 md:col-span-4 xl:col-span-3"> <a href="/en/bathroom-enclosures?space=vertice&#38;door=pmr"> <video class="mb-4 w-full autoplayable-video" src="https://s3.eu-west-1.amazonaws.com/attachments.apirocket.io/na3uphpd/66978288f3ee24fb29d3bf17/7DH9OBgXG0/GIFMAMPARAVERTICEPMRFEZ.mp4" muted playsinline loop></video> <h3 class="font-medium mb-1 font-title text-xl lg:text-xl">PMR</h3> <p class="text-xs font-light font-title">Choose from different configurations of PMR partitions.</p> </a> </article>  <article class="col-span-6 md:col-span-4 xl:col-span-3"> <a href="/en/bathroom-enclosures?space=vertice&#38;door=corredera-plegable"> <video class="mb-4 w-full autoplayable-video" src="https://s3.eu-west-1.amazonaws.com/attachments.apirocket.io/na3uphpd/66978288f3ee24fb29d3bf17/BGHBBMDBLW/GIFMAMPARAVERTICECORREDERAPLEGABLEHELSINKI.mp4" muted playsinline loop></video> <h3 class="font-medium mb-1 font-title text-xl lg:text-xl">Corredera + Plegable</h3> <p class="text-xs font-light font-title">
93Choose from different configurations of Sliding + Folding partitions</p> </a> </article>  </div><div class="grid grid-cols-12 gap-x-4 md:gap-x-7 gap-y-8 bg-white" x-show="(activeMenu === '669f9739e71a0e6606b33518')" id="669f9739e71a0e6606b33518" x-transition:enter="transition-opacity ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100">  <div class="col-span-12"> <template x-if="bannerDesktop[bannerDesktop.length-1]"> <img class="w-full mb-4 hidden lg:block" x-bind:src="bannerDesktop[bannerDesktop.length-1]" alt="Platos de ducha fabricados con un revestimiento Gel-Coat ISO NPG de alta calidad y minerales de 3 granulometrías diferentes"> </template> <template x-if="bannerMobile[bannerMobile.length-1]"> <img class="w-full mb-4 lg:hidden" x-bind:src="bannerMobile[bannerMobile.length-1]" alt="Platos de ducha fabricados con un revestimiento Gel-Coat ISO NPG de alta calidad y minerales de 3 granulometrías diferentes"> </template> <template x-if="breadcrumbText[breadcrumbText.length-1]"> <p class="mb-4 text-2xl font-medium flex items-center justify-between" x-text="breadcrumbText[breadcrumbText.length-1]"></p> </template> <template x-if="introText[introText.length-1]"> <p class="font-light text-xs" x-text="introText[introText.length-1]"></p> </template> </div>   <article class="col-span-6 md:col-span-4 xl:col-span-3"> <a href="/en/shower-trays?weight=clasico"> <img class="mb-4 w-full aspect-square object-cover" src="https://images.apirocket.io/images/na3uphpd/66978288f3ee24fb29d3bf17/CBTbeOWbHd/ICONOPLATOMENUWEBPUBLICAPESOCLASICOv2.png?w=600&auto=format"> <h3 class="font-medium mb-1 font-title text-xl lg:text-xl">Clásico</h3> <p class="text-xs font-light font-title">Platos de ducha fabricados con un revestimiento Gel-Coat ISO NPG de alta calidad y minerales de 3 granulometrías diferentes</p> </a> </article>  <article class="col-span-6 md:col-span-4 xl:col-span-3"> <a href="/en/shower-trays?weight=aligerado"> <img class="mb-4 w-full aspect-square object-cover" src="https://images.apirocket.io/images/na3uphpd/66978288f3ee24fb29d3bf17/w8IGGB9yI0/ICONOPLATOMENUWEBPUBLICAPESOALIGERADOPRIv2.png?w=600&auto=format"> <h3 class="font-medium mb-1 font-title text-xl lg:text-xl">Nano-coating</h3> <p class="text-xs font-light font-title">Plato de ducha cuya masa mineral está aligerada por la incorporación de cargas minerales volcánicas y reforzado con micropartículas de grafeno</p> </a> </article>  <article class="col-span-6 md:col-span-4 xl:col-span-3"> <a href="/en/shower-trays?weight=ultraligero"> <img class="mb-4 w-full aspect-square object-cover" src="https://images.apirocket.io/images/na3uphpd/66978288f3ee24fb29d3bf17/CUhvGnMcU9/DOC_SAMBA_DET.jpg?w=600&auto=format"> <h3 class="font-medium mb-1 font-title text-xl lg:text-xl">Ultralight</h3> <p class="text-xs font-light font-title">Ultra-lightweight shower trays, manufactured using recycled mineral fillers and offering exceptional impact resistance</p> </a> </article>  </div><div class="grid grid-cols-12 gap-x-4 md:gap-x-7 gap-y-8 bg-white" x-show="(activeMenu === '669f99181b270850f23b73cd')" id="669f99181b270850f23b73cd" x-transition:enter="transition-opacity ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100">  <div class="col-span-12"> <template x-if="bannerDesktop[bannerDesktop.length-1]"> <img class="w-full mb-4 hidden lg:block" x-bind:src="bannerDesktop[bannerDesktop.length-1]" alt="Choose from our range of worktops. You can choose them with or without a sink and with or without a skirt, among other features."> </template> <template x-if="bannerMobile[bannerMobile.length-1]"> <img class="w-full mb-4 lg:hidden" x-bind:src="bannerMobile[bannerMobile.length-1]" alt="Choose from our range of worktops. You can choose them with or without a sink and with or without a skirt, among other features."> </template> <template x-if="breadcrumbText[breadcrumbText.length-1]"> <p class="mb-4 text-2xl font-medium flex items-center justify-between" x-text="breadcrumbText[breadcrumbText.length-1]"></p> </template> <template x-if="introText[introText.length-1]"> <p class="font-light text-xs" x-text="introText[introText.length-1]"></p> </template> </div>   <article class="col-span-6 md:col-span-4 xl:col-span-3"> <a href="/en/worktops?typeWorktopsWashbasinsTotem=encimeras-de-resina"> <img class="mb-4 w-full aspect-square object-cover" src="https://images.apirocket.io/images/na3uphpd/66978288f3ee24fb29d3bf17/O2CaIY5IL-/ENCIMERAS.jpg?w=600&auto=format"> <h3 class="font-medium mb-1 font-title text-xl lg:text-xl">Resin worktops</h3> <p class="text-xs font-light font-title">Choose from our range of worktops. You can choose them with or without a sink and with or without a skirt, among other features.</p> </a> </article>  <article class="col-span-6 md:col-span-4 xl:col-span-3"> <a href="/en/washbasins?typeWorktopsWashbasinsTotem=lavabos-de-resina"> <img class="mb-4 w-full aspect-square object-cover" src="https://images.apirocket.io/images/na3uphpd/66978288f3ee24fb29d3bf17/Es6mQjC4di/LAVABOS.jpg?w=600&auto=format"> <h3 class="font-medium mb-1 font-title text-xl lg:text-xl">Lavabos de resina</h3> <p class="text-xs font-light font-title">Elige entre nuestra gama de lavabos. Puede elegir entre lavabos semiencastrados o sobre encimera entre otras características.</p> </a> </article>  <article class="col-span-6 md:col-span-4 xl:col-span-3"> <a href="/en/totems?typeWorktopsWashbasinsTotem=totem"> <img class="mb-4 w-full aspect-square object-cover" src="https://images.apirocket.io/images/na3uphpd/66978288f3ee24fb29d3bf17/h7AhZKqqqz/TOTEMS.jpg?w=600&auto=format"> <h3 class="font-medium mb-1 font-title text-xl lg:text-xl">Tótem</h3> <p class="text-xs font-light font-title">Choose from our range of Totem washbasins. You can choose between the two models available.</p> </a> </article>  </div><div class="grid grid-cols-12 gap-x-4 md:gap-x-7 gap-y-8 bg-white" x-show="(activeMenu === '669f99401b270850f23b7443')" id="669f99401b270850f23b7443" x-transition:enter="transition-opacity ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100">  <div class="col-span-12"> <template x-if="bannerDesktop[bannerDesktop.length-1]"> <img class="w-full mb-4 hidden lg:block" x-bind:src="bannerDesktop[bannerDesktop.length-1]" alt="Choose between our two available models, made of matt black textured aluminium with worktop included."> </template> <template x-if="bannerMobile[bannerMobile.length-1]"> <img class="w-full mb-4 lg:hidden" x-bind:src="bannerMobile[bannerMobile.length-1]" alt="Choose between our two available models, made of matt black textured aluminium with worktop included."> </template> <template x-if="breadcrumbText[breadcrumbText.length-1]"> <p class="mb-4 text-2xl font-medium flex items-center justify-between" x-text="breadcrumbText[breadcrumbText.length-1]"></p> </template> <template x-if="introText[introText.length-1]"> <p class="font-light text-xs" x-text="introText[introText.length-1]"></p> </template> </div>   <article class="col-span-6 md:col-span-4 xl:col-span-3"> <a href="/en/bathroom-furniture"> <img class="mb-4 w-full aspect-square object-cover" src="https://images.apirocket.io/images/na3uphpd/66978288f3ee24fb29d3bf17/UAnxqzeGL7/MUEBLES.jpg?w=600&auto=format"> <h3 class="font-medium mb-1 font-title text-xl lg:text-xl">Muebles de estructura metálica</h3> <p class="text-xs font-light font-title">Choose between our two available models, made of matt black textured aluminium with worktop included.</p> </a> </article>  </div><div class="grid grid-cols-12 gap-x-4 md:gap-x-7 gap-y-8 bg-white" x-show="(activeMenu === '669f99901b270850f23b747e')" id="669f99901b270850f23b747e" x-transition:enter="transition-opacity ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100">  <div class="col-span-12"> <template x-if="bannerDesktop[bannerDesktop.length-1]"> <img class="w-full mb-4 hidden lg:block" x-bind:src="bannerDesktop[bannerDesktop.length-1]" alt="Elige entre las bañeras disponibles realizadas en ATH disponibles en Blanco, RAL y Bicolor"> </template> <template x-if="bannerMobile[bannerMobile.length-1]"> <img class="w-full mb-4 lg:hidden" x-bind:src="bannerMobile[bannerMobile.length-1]" alt="Elige entre las bañeras disponibles realizadas en ATH disponibles en Blanco, RAL y Bicolor"> </template> <template x-if="breadcrumbText[breadcrumbText.length-1]"> <p class="mb-4 text-2xl font-medium flex items-center justify-between" x-text="breadcrumbText[breadcrumbText.length-1]"></p> </template> <template x-if="introText[introText.length-1]"> <p class="font-light text-xs" x-text="introText[introText.length-1]"></p> </template> </div>   <article class="col-span-6 md:col-span-4 xl:col-span-3"> <a href="/en/bathtubs"> <img class="mb-4 w-full aspect-square object-cover" src="https://images.apirocket.io/images/na3uphpd/66978288f3ee24fb29d3bf17/xbtNIlHWg-/BAÑERAS.jpg?w=600&auto=format"> <h3 class="font-medium mb-1 font-title text-xl lg:text-xl">Bañeras de resina</h3> <p class="text-xs font-light font-title">Elige entre las bañeras disponibles realizadas en ATH disponibles en Blanco, RAL y Bicolor</p> </a> </article>  </div> </div> <div class="w-full lg:w-2/12 text-right mt-6 lg:mb-0"> <button class="lg:space-x-2 bg-black lg:bg-white px-3 py-1.5 lg:p-0 w-full lg:w-auto" type="button" x-show="breadcrumb.length === 0" x-on:click="megamenucategorias = false"> <svg class="hidden lg:inline" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M5 19L19 5M5 5L19 19" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span class="font-medium text-white lg:text-black font-title text-xl lg:text-base">Close</span> </button> <button class="space-x-2 bg-black lg:bg-white px-3 py-1.5 lg:p-0 w-full lg:w-auto" type="button" x-show="breadcrumb.length > 0" x-on:click="
94              activeMenu = breadcrumb.pop();
95              breadcrumbText.pop();
96              bannerDesktop.pop();
97              bannerMobile.pop();
98              introText.pop()
99            "> <svg class="inline" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path class="stroke-white lg:stroke-black" d="M10 5L3 12M3 12L10 19M3 12H21" stroke="black" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span class="font-medium text-white lg:text-black font-title text-xl lg:text-base">Back</span> </button> </div> </div> </div> </section>  </div> </div> <div class="absolute overflow-auto top-20 bg-black w-full left-0 hidden h-screen z-50 pb-32" :class="{'hidden': ! offcanvas}"> <div class="bg-gray-100"> <div class="container"> <div class="flex justify-between py-4 items-center"> <div class="flex items-center"> <a href="https://clients.docciagroup.com/es/login" target="_blank" rel="noopener" class="block text-white bg-black py-1 px-4 text-center uppercase tracking-[2px] text-xs font-title mr-4">
99 Profesionals </a> <svg x-data @click="$dispatch('open-search-modal')" class="text-black w-5 h-5 cursor-pointer" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path></svg> </div> </div> </div> </div> <div class="pt-5"> <ul class="font-medium font-title h-full"> <li class="text-2xl" x-data> <span class="container block text-white" x-on:click="$dispatch('menureset', true); $dispatch('megamenucategorias')">Products</span> <section class="lg:absolute lg:top-full w-full lg:shadow-md lg:z-50 hidden bg-white mt-2 lg:mt-0 pt-4 pb-12 lg:pb-24 lg:pt-8" :class="{'hidden': !megamenucategorias}" x-data="
100    {
101      activeMenu: 'null',
102      breadcrumb: [],
103      breadcrumbText: [],
104      bannerDesktop: [],
105      bannerMobile: [],
106      introText: []
107     }
108  " @click.away="(event) => { if (window.innerWidth >= 1024 && event.srcElement.id != 'top-productos') { megamenucategorias = false } }" @megamenucategorias.window="megamenucategorias = true" @menureset.window="activeMenu = 'null'"> <div class="lg:container"> <div class="lg:flex px-6 md:px-8 lg:px-0"> <div class="w-full lg:w-10/12 "> <div class="grid grid-cols-12 gap-x-4 md:gap-x-7 gap-y-8 bg-white" x-show="(activeMenu === 'null')" x-transition:enter="transition-opacity ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100">   <article class="col-span-6 md:col-span-4 xl:col-span-3"> <div class="cursor-pointer" x-on:click="
109                        breadcrumb.push(activeMenu);
110                        breadcrumbText.push('Shower enclosures');
111                        activeMenu = '66978d6fcba0c67a0685f717';
112                        bannerDesktop.push('');
113                        bannerMobile.push('');
114                        introText.push(&#34;Choose from all our models the shower enclosure that best suits your bathroom, either for shower tray or bathtub.&#34;);
115                      "> <img class="mb-4 w-full aspect-square object-cover" src="https://images.apirocket.io/images/na3uphpd/66978288f3ee24fb29d3bf17/dytl1gca8T/IMAGEN%20PRINCIPAL%20FLUJO%20MAMPARAS.png?w=600&auto=format"> <h3 class="font-medium mb-1 font-title text-xl lg:text-xl">Bathroom enclosures</h3> <p class="text-xs font-light font-title">Choose from all our models the shower enclosure that best suits your bathroom, either for shower tray or bathtub.</p> </div> </article>  <article class="col-span-6 md:col-span-4 xl:col-span-3"> <div class="cursor-pointer" x-on:click="
116                        breadcrumb.push(activeMenu);
117                        breadcrumbText.push('Shower trays');
118                        activeMenu = '669f9739e71a0e6606b33518';
119                        bannerDesktop.push('https://images.apirocket.io/images/na3uphpd/66978288f3ee24fb29d3bf17/BfBF6UW8R8/BANNER_PLATOS-OK-WEB.png');
120                        bannerMobile.push('https://images.apirocket.io/images/na3uphpd/66978288f3ee24fb29d3bf17/lx573qn-Of/BANNER_PLATOS-OK-WEB.png');
121                        introText.push(&#34;Create a unique space where you can enjoy your bathroom like never before. Choose the shower tray that best suits your bathroom.&#34;);
122                      "> <img class="mb-4 w-full aspect-square object-cover" src="https://images.apirocket.io/images/na3uphpd/66978288f3ee24fb29d3bf17/eo_TSGFIYz/ALBEROMAGMANACARHD.png?w=600&auto=format"> <h3 class="font-medium mb-1 font-title text-xl lg:text-xl">Shower trays</h3> <p class="text-xs font-light font-title">Create a unique space where you can enjoy your bathroom like never before. Choose the shower tray that best suits your bathroom.</p> </div> </article>  <article class="col-span-6 md:col-span-4 xl:col-span-3"> <div class="cursor-pointer" x-on:click="
123                        breadcrumb.push(activeMenu);
124                        breadcrumbText.push('Worktops and washbasins');
125                        activeMenu = '669f99181b270850f23b73cd';
126                        bannerDesktop.push('');
127                        bannerMobile.push('');
128                        introText.push(&#34;Choose from our wide variety of high quality, handcrafted countertops and sinks.&#34;);
129                      "> <img class="mb-4 w-full aspect-square object-cover" src="https://images.apirocket.io/images/na3uphpd/66978288f3ee24fb29d3bf17/ACIfSkANC4/IMAGEN%20PRINCIPAL%20FLUJO%20ENCIMERAS%20LAVABOS%20Y%20TOTEM.png?w=600&auto=format"> <h3 class="font-medium mb-1 font-title text-xl lg:text-xl">Worktops, washbasins and totems</h3> <p class="text-xs font-light font-title">Choose from our wide variety of high quality, handcrafted countertops and sinks.
129</p> </div> </article>  <article class="col-span-6 md:col-span-4 xl:col-span-3"> <div class="cursor-pointer" x-on:click="
130                        breadcrumb.push(activeMenu);
131                        breadcrumbText.push('Bathroom furniture');
132                        activeMenu = '669f99401b270850f23b7443';
133                        bannerDesktop.push('');
134                        bannerMobile.push('');
135                        introText.push(&#34;Choose between our two models of bathroom furniture with metal structure and resin washbasins suitable for large and small spaces.&#34;);
136                      "> <img class="mb-4 w-full aspect-square object-cover" src="https://images.apirocket.io/images/na3uphpd/66978288f3ee24fb29d3bf17/lUky_ZHNXY/IMAGEN%20PRINCIPAL%20MUEBLES%20DE%20BAÑO.png?w=600&auto=format"> <h3 class="font-medium mb-1 font-title text-xl lg:text-xl">Bathroom furniture</h3> <p class="text-xs font-light font-title">Choose between our two models of bathroom furniture with metal structure and resin washbasins suitable for large and small spaces.</p> </div> </article>  <article class="col-span-6 md:col-span-4 xl:col-span-3"> <a href="/en/bathtubs"> <img class="mb-4 w-full aspect-square object-cover" src="https://images.apirocket.io/images/na3uphpd/66978288f3ee24fb29d3bf17/5zIYTOvOY4/IMAGEN%20PRINCIPAL%20BAÑERAS.png?w=600&auto=format"> <h3 class="font-medium mb-1 font-title text-xl lg:text-xl">Bathtubs</h3> <p class="text-xs font-light font-title">Soon we will launch our range of resin bathtubs ideal for spacious and design bathrooms.</p> </a> </article>  <article class="col-span-6 md:col-span-4 xl:col-span-3"> <a href="/en/puertas-de-paso"> <img class="mb-4 w-full aspect-square object-cover" src="https://images.apirocket.io/images/na3uphpd/66978288f3ee24fb29d3bf17/fCf0D2_OGA/NEVADA2602.jpg?w=600&auto=format"> <h3 class="font-medium mb-1 font-title text-xl lg:text-xl">Puertas de paso</h3> <p class="text-xs font-light font-title">Las puertas de paso ofrecen una solución discreta y sutil para separar espacios, manteniendo la amplitud visual y aportando un toque funcional a cualquier estancia.</p> </a> </article>  </div><div class="grid grid-cols-12 gap-x-4 md:gap-x-7 gap-y-8 bg-white" x-show="(activeMenu === '66978d6fcba0c67a0685f717')" id="66978d6fcba0c67a0685f717" x-transition:enter="transition-opacity ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100">  <div class="col-span-12"> <template x-if="bannerDesktop[bannerDesktop.length-1]"> <img class="w-full mb-4 hidden lg:block" x-bind:src="bannerDesktop[bannerDesktop.length-1]" alt="Screens that are installed between two front walls over a shower tray or bathtub."> </template> <template x-if="bannerMobile[bannerMobile.length-1]"> <img class="w-full mb-4 lg:hidden" x-bind:src="bannerMobile[bannerMobile.length-1]" alt="Screens that are installed between two front walls over a shower tray or bathtub."> </template> <template x-if="breadcrumbText[breadcrumbText.length-1]"> <p class="mb-4 text-2xl font-medium flex items-center justify-between" x-text="breadcrumbText[breadcrumbText.length-1]"></p> </template> <template x-if="introText[introText.length-1]"> <p class="font-light text-xs" x-text="introText[introText.length-1]"></p> </template> </div>   <article class="col-span-6 md:col-span-4 xl:col-span-3"> <div class="cursor-pointer" x-on:click="
137                        breadcrumb.push(activeMenu);
138                        breadcrumbText.push('Shower enclosures · Frontal');
139                        activeMenu = '66978dafcba0c67a0685f73e';
140                        bannerDesktop.push('');
141                        bannerMobile.push('');
142                        introText.push(&#34;Screens that are installed between two front walls over a shower tray or bathtub.&#34;);
143                      "> <img class="mb-4 w-full aspect-square object-cover" src="https://images.apirocket.io/images/na3uphpd/66978288f3ee24fb29d3bf17/Cl6pLvQsa8/MAMPARAHUECOFRONTAL2.png?w=600&auto=format"> <h3 class="font-medium mb-1 font-title text-xl lg:text-xl">Frontal</h3> <p class="text-xs font-light font-title">Screens that are installed between two front walls over a shower tray or bathtub.</p> </div> </article>  <article class="col-span-6 md:col-span-4 xl:col-span-3"> <div class="cursor-pointer" x-on:click="
144                        breadcrumb.push(activeMenu);
145                        breadcrumbText.push('Shower enclosures · Vértice');
146                        activeMenu = '669f74c3352e70e42318f0fe';
147                        bannerDesktop.push('');
148                        bannerMobile.push('');
149                        introText.push(&#34;Screens that are installed between two walls in vertex on shower tray or bathtub.&#34;);
150                      "> <img class="mb-4 w-full aspect-square object-cover" src="https://images.apirocket.io/images/na3uphpd/66978288f3ee24fb29d3bf17/uwmNDJaafv/MAMPARAHUECOVERTICEUPDATE1.png?w=600&auto=format"> <h3 class="font-medium mb-1 font-title text-xl lg:text-xl">Vértice</h3> <p class="text-xs font-light font-title">Screens that are installed between two walls in vertex on shower tray or bathtub.</p> </div> </article>  </div><div class="grid grid-cols-12 gap-x-4 md:gap-x-7 gap-y-8 bg-white" x-show="(activeMenu === '66978dafcba0c67a0685f73e')" id="66978dafcba0c67a0685f73e" x-transition:enter="transition-opacity ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100">  <div class="col-span-12"> <template x-if="bannerDesktop[bannerDesktop.length-1]"> <img class="w-full mb-4 hidden lg:block" x-bind:src="bannerDesktop[bannerDesktop.length-1]" alt="Choose from different configurations of sliding partitions."> </template> <template x-if="bannerMobile[bannerMobile.length-1]"> <img class="w-full mb-4 lg:hidden" x-bind:src="bannerMobile[bannerMobile.length-1]" alt="Choose from different configurations of sliding partitions."> </template> <template x-if="breadcrumbText[breadcrumbText.length-1]"> <p class="mb-4 text-2xl font-medium flex items-center justify-between" x-text="breadcrumbText[breadcrumbText.length-1]"></p> </template> <template x-if="introText[introText.length-1]"> <p class="font-light text-xs" x-text="introText[introText.length-1]"></p> </template> </div>   <article class="col-span-6 md:col-span-4 xl:col-span-3"> <a href="/en/bathroom-enclosures?space=frontal&#38;door=corredera"> <video class="mb-4 w-full autoplayable-video" src="https://s3.eu-west-1.amazonaws.com/attachments.apirocket.io/na3uphpd/66978288f3ee24fb29d3bf17/ZynMBNSPXx/GIFMAMPARAFRONTALCORREDERAFLORIDA.mp4" muted playsinline loop></video> <h3 class="font-medium mb-1 font-title text-xl lg:text-xl">Sliding doors</h3> <p class="text-xs font-light font-title">Choose from different configurations of sliding partitions.</p> </a> </article>  <article class="col-span-6 md:col-span-4 xl:col-span-3"> <a href="/en/bathroom-enclosures?space=frontal&#38;door=abatible"> <video class="mb-4 w-full autoplayable-video" src="https://s3.eu-west-1.amazonaws.com/attachments.apirocket.io/na3uphpd/66978288f3ee24fb29d3bf17/qlkfoCdRQf/GIFMAMPARAFRONTALABATIBLECIXI.mp4" muted playsinline loop></video> <h3 class="font-medium mb-1 font-title text-xl lg:text-xl">Folding door</h3> <p class="text-xs font-light font-title">Choose from different configurations of folding screens.</p> </a> </article>  <article class="col-span-6 md:col-span-4 xl:col-span-3"> <a href="/en/bathroom-enclosures?space=frontal&#38;door=plegable"> <video class="mb-4 w-full autoplayable-video" src="https://s3.eu-west-1.amazonaws.com/attachments.apirocket.io/na3uphpd/66978288f3ee24fb29d3bf17/MKbEu_jArw/GIFMAMPARAFRONTALPLEGABLERIMINI.mp4" muted playsinline loop></video> <h3 class="font-medium mb-1 font-title text-xl lg:text-xl">Bi-fold door</h3> <p class="text-xs font-light font-title">Choose from different configurations of folding screens.</p> </a> </article>  <article class="col-span-6 md:col-span-4 xl:col-span-3"> <a href="/en/bathroom-enclosures/?space=frontal&#38;door=fijo"> <img class="mb-4 w-full aspect-square object-cover" src="https://images.apirocket.io/images/na3uphpd/66978288f3ee24fb29d3bf17/hGE70ixknU/MAMPARAMINDANAOFRONTALPLATABRILLO.jpg?w=600&auto=format"> <h3 class="font-medium mb-1 font-title text-xl lg:text-xl">Fijos</h3> <p class="text-xs font-light font-title">Choose from different configurations of fixed partitions.</p> </a> </article>  <article class="col-span-6 md:col-span-4 xl:col-span-3"> <a href="/en/bathroom-enclosures/?space=frontal&#38;door=pmr"> <video class="mb-4 w-full autoplayable-video" src="https://s3.eu-west-1.amazonaws.com/attachments.apirocket.io/na3uphpd/66978288f3ee24fb29d3bf17/uTFXeTAFoJ/GIFMAMPARAFRONTALPMRDILI.mp4" muted playsinline loop></video> <h3 class="font-medium mb-1 font-title text-xl lg:text-xl">PMR</h3> <p class="text-xs font-light font-title">
150Choose from different configurations of PMR partitions.</p> </a> </article>  </div><div class="grid grid-cols-12 gap-x-4 md:gap-x-7 gap-y-8 bg-white" x-show="(activeMenu === '669f74c3352e70e42318f0fe')" id="669f74c3352e70e42318f0fe" x-transition:enter="transition-opacity ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100">  <div class="col-span-12"> <template x-if="bannerDesktop[bannerDesktop.length-1]"> <img class="w-full mb-4 hidden lg:block" x-bind:src="bannerDesktop[bannerDesktop.length-1]" alt="Choose from different configurations of sliding partitions."> </template> <template x-if="bannerMobile[bannerMobile.length-1]"> <img class="w-full mb-4 lg:hidden" x-bind:src="bannerMobile[bannerMobile.length-1]" alt="Choose from different configurations of sliding partitions."> </template> <template x-if="breadcrumbText[breadcrumbText.length-1]"> <p class="mb-4 text-2xl font-medium flex items-center justify-between" x-text="breadcrumbText[breadcrumbText.length-1]"></p> </template> <template x-if="introText[introText.length-1]"> <p class="font-light text-xs" x-text="introText[introText.length-1]"></p> </template> </div>   <article class="col-span-6 md:col-span-4 xl:col-span-3"> <a href="/en/bathroom-enclosures?space=vertice&#38;door=corredera"> <video class="mb-4 w-full autoplayable-video" src="https://s3.eu-west-1.amazonaws.com/attachments.apirocket.io/na3uphpd/66978288f3ee24fb29d3bf17/zzwpvyRu2I/GIFMAMPARAVERTICECORREDERAQUEBEC.mp4" muted playsinline loop></video> <h3 class="font-medium mb-1 font-title text-xl lg:text-xl">Sliding doors</h3> <p class="text-xs font-light font-title">Choose from different configurations of sliding partitions.</p> </a> </article>  <article class="col-span-6 md:col-span-4 xl:col-span-3"> <a href="/en/bathroom-enclosures?space=vertice&#38;door=abatible"> <video class="mb-4 w-full autoplayable-video" src="https://s3.eu-west-1.amazonaws.com/attachments.apirocket.io/na3uphpd/66978288f3ee24fb29d3bf17/_fau_dUAHe/GIFMAMPARAVERTICEABATIBLESURIN.mp4" muted playsinline loop></video> <h3 class="font-medium mb-1 font-title text-xl lg:text-xl">Folding door</h3> <p class="text-xs font-light font-title">Choose from different configurations of folding screens.</p> </a> </article>  <article class="col-span-6 md:col-span-4 xl:col-span-3"> <a href="/en/bathroom-enclosures?space=vertice&#38;door=plegable"> <video class="mb-4 w-full autoplayable-video" src="https://s3.eu-west-1.amazonaws.com/attachments.apirocket.io/na3uphpd/66978288f3ee24fb29d3bf17/goFAYMeCj5/Mampara Vertice Genova.mp4" muted playsinline loop></video> <h3 class="font-medium mb-1 font-title text-xl lg:text-xl">Bi-fold door</h3> <p class="text-xs font-light font-title">Choose from different configurations of folding screens.</p> </a> </article>  <article class="col-span-6 md:col-span-4 xl:col-span-3"> <a href="/en/bathroom-enclosures/?space=vertice&#38;door=fijo"> <img class="mb-4 w-full aspect-square object-cover" src="https://images.apirocket.io/images/na3uphpd/66978288f3ee24fb29d3bf17/m-QfJUv7Ff/MAMPARAMINDANAOVERTICEPLATABRILLO.jpg?w=600&auto=format"> <h3 class="font-medium mb-1 font-title text-xl lg:text-xl">Fijos</h3> <p class="text-xs font-light font-title">Choose from different configurations of fixed partitions.</p> </a> </article>  <article class="col-span-6 md:col-span-4 xl:col-span-3"> <a href="/en/bathroom-enclosures?space=vertice&#38;door=pmr"> <video class="mb-4 w-full autoplayable-video" src="https://s3.eu-west-1.amazonaws.com/attachments.apirocket.io/na3uphpd/66978288f3ee24fb29d3bf17/7DH9OBgXG0/GIFMAMPARAVERTICEPMRFEZ.mp4" muted playsinline loop></video> <h3 class="font-medium mb-1 font-title text-xl lg:text-xl">PMR</h3> <p class="text-xs font-light font-title">Choose from different configurations of PMR partitions.</p> </a> </article>  <article class="col-span-6 md:col-span-4 xl:col-span-3"> <a href="/en/bathroom-enclosures?space=vertice&#38;door=corredera-plegable"> <video class="mb-4 w-full autoplayable-video" src="https://s3.eu-west-1.amazonaws.com/attachments.apirocket.io/na3uphpd/66978288f3ee24fb29d3bf17/BGHBBMDBLW/GIFMAMPARAVERTICECORREDERAPLEGABLEHELSINKI.mp4" muted playsinline loop></video> <h3 class="font-medium mb-1 font-title text-xl lg:text-xl">Corredera + Plegable</h3> <p class="text-xs font-light font-title">
150Choose from different configurations of Sliding + Folding partitions</p> </a> </article>  </div><div class="grid grid-cols-12 gap-x-4 md:gap-x-7 gap-y-8 bg-white" x-show="(activeMenu === '669f9739e71a0e6606b33518')" id="669f9739e71a0e6606b33518" x-transition:enter="transition-opacity ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100">  <div class="col-span-12"> <template x-if="bannerDesktop[bannerDesktop.length-1]"> <img class="w-full mb-4 hidden lg:block" x-bind:src="bannerDesktop[bannerDesktop.length-1]" alt="Platos de ducha fabricados con un revestimiento Gel-Coat ISO NPG de alta calidad y minerales de 3 granulometrías diferentes"> </template> <template x-if="bannerMobile[bannerMobile.length-1]"> <img class="w-full mb-4 lg:hidden" x-bind:src="bannerMobile[bannerMobile.length-1]" alt="Platos de ducha fabricados con un revestimiento Gel-Coat ISO NPG de alta calidad y minerales de 3 granulometrías diferentes"> </template> <template x-if="breadcrumbText[breadcrumbText.length-1]"> <p class="mb-4 text-2xl font-medium flex items-center justify-between" x-text="breadcrumbText[breadcrumbText.length-1]"></p> </template> <template x-if="introText[introText.length-1]"> <p class="font-light text-xs" x-text="introText[introText.length-1]"></p> </template> </div>   <article class="col-span-6 md:col-span-4 xl:col-span-3"> <a href="/en/shower-trays?weight=clasico"> <img class="mb-4 w-full aspect-square object-cover" src="https://images.apirocket.io/images/na3uphpd/66978288f3ee24fb29d3bf17/CBTbeOWbHd/ICONOPLATOMENUWEBPUBLICAPESOCLASICOv2.png?w=600&auto=format"> <h3 class="font-medium mb-1 font-title text-xl lg:text-xl">Clásico</h3> <p class="text-xs font-light font-title">Platos de ducha fabricados con un revestimiento Gel-Coat ISO NPG de alta calidad y minerales de 3 granulometrías diferentes</p> </a> </article>  <article class="col-span-6 md:col-span-4 xl:col-span-3"> <a href="/en/shower-trays?weight=aligerado"> <img class="mb-4 w-full aspect-square object-cover" src="https://images.apirocket.io/images/na3uphpd/66978288f3ee24fb29d3bf17/w8IGGB9yI0/ICONOPLATOMENUWEBPUBLICAPESOALIGERADOPRIv2.png?w=600&auto=format"> <h3 class="font-medium mb-1 font-title text-xl lg:text-xl">Nano-coating</h3> <p class="text-xs font-light font-title">Plato de ducha cuya masa mineral está aligerada por la incorporación de cargas minerales volcánicas y reforzado con micropartículas de grafeno</p> </a> </article>  <article class="col-span-6 md:col-span-4 xl:col-span-3"> <a href="/en/shower-trays?weight=ultraligero"> <img class="mb-4 w-full aspect-square object-cover" src="https://images.apirocket.io/images/na3uphpd/66978288f3ee24fb29d3bf17/CUhvGnMcU9/DOC_SAMBA_DET.jpg?w=600&auto=format"> <h3 class="font-medium mb-1 font-title text-xl lg:text-xl">Ultralight</h3> <p class="text-xs font-light font-title">Ultra-lightweight shower trays, manufactured using recycled mineral fillers and offering exceptional impact resistance</p> </a> </article>  </div><div class="grid grid-cols-12 gap-x-4 md:gap-x-7 gap-y-8 bg-white" x-show="(activeMenu === '669f99181b270850f23b73cd')" id="669f99181b270850f23b73cd" x-transition:enter="transition-opacity ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100">  <div class="col-span-12"> <template x-if="bannerDesktop[bannerDesktop.length-1]"> <img class="w-full mb-4 hidden lg:block" x-bind:src="bannerDesktop[bannerDesktop.length-1]" alt="Choose from our range of worktops. You can choose them with or without a sink and with or without a skirt, among other features."> </template> <template x-if="bannerMobile[bannerMobile.length-1]"> <img class="w-full mb-4 lg:hidden" x-bind:src="bannerMobile[bannerMobile.length-1]" alt="Choose from our range of worktops. You can choose them with or without a sink and with or without a skirt, among other features."> </template> <template x-if="breadcrumbText[breadcrumbText.length-1]"> <p class="mb-4 text-2xl font-medium flex items-center justify-between" x-text="breadcrumbText[breadcrumbText.length-1]"></p> </template> <template x-if="introText[introText.length-1]"> <p class="font-light text-xs" x-text="introText[introText.length-1]"></p> </template> </div>   <article class="col-span-6 md:col-span-4 xl:col-span-3"> <a href="/en/worktops?typeWorktopsWashbasinsTotem=encimeras-de-resina"> <img class="mb-4 w-full aspect-square object-cover" src="https://images.apirocket.io/images/na3uphpd/66978288f3ee24fb29d3bf17/O2CaIY5IL-/ENCIMERAS.jpg?w=600&auto=format"> <h3 class="font-medium mb-1 font-title text-xl lg:text-xl">Resin worktops</h3> <p class="text-xs font-light font-title">Choose from our range of worktops. You can choose them with or without a sink and with or without a skirt, among other features.</p> </a> </article>  <article class="col-span-6 md:col-span-4 xl:col-span-3"> <a href="/en/washbasins?typeWorktopsWashbasinsTotem=lavabos-de-resina"> <img class="mb-4 w-full aspect-square object-cover" src="https://images.apirocket.io/images/na3uphpd/66978288f3ee24fb29d3bf17/Es6mQjC4di/LAVABOS.jpg?w=600&auto=format"> <h3 class="font-medium mb-1 font-title text-xl lg:text-xl">Lavabos de resina</h3> <p class="text-xs font-light font-title">Elige entre nuestra gama de lavabos. Puede elegir entre lavabos semiencastrados o sobre encimera entre otras características.</p> </a> </article>  <article class="col-span-6 md:col-span-4 xl:col-span-3"> <a href="/en/totems?typeWorktopsWashbasinsTotem=totem"> <img class="mb-4 w-full aspect-square object-cover" src="https://images.apirocket.io/images/na3uphpd/66978288f3ee24fb29d3bf17/h7AhZKqqqz/TOTEMS.jpg?w=600&auto=format"> <h3 class="font-medium mb-1 font-title text-xl lg:text-xl">Tótem</h3> <p class="text-xs font-light font-title">Choose from our range of Totem washbasins. You can choose between the two models available.</p> </a> </article>  </div><div class="grid grid-cols-12 gap-x-4 md:gap-x-7 gap-y-8 bg-white" x-show="(activeMenu === '669f99401b270850f23b7443')" id="669f99401b270850f23b7443" x-transition:enter="transition-opacity ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100">  <div class="col-span-12"> <template x-if="bannerDesktop[bannerDesktop.length-1]"> <img class="w-full mb-4 hidden lg:block" x-bind:src="bannerDesktop[bannerDesktop.length-1]" alt="Choose between our two available models, made of matt black textured aluminium with worktop included."> </template> <template x-if="bannerMobile[bannerMobile.length-1]"> <img class="w-full mb-4 lg:hidden" x-bind:src="bannerMobile[bannerMobile.length-1]" alt="Choose between our two available models, made of matt black textured aluminium with worktop included."> </template> <template x-if="breadcrumbText[breadcrumbText.length-1]"> <p class="mb-4 text-2xl font-medium flex items-center justify-between" x-text="breadcrumbText[breadcrumbText.length-1]"></p> </template> <template x-if="introText[introText.length-1]"> <p class="font-light text-xs" x-text="introText[introText.length-1]"></p> </template> </div>   <article class="col-span-6 md:col-span-4 xl:col-span-3"> <a href="/en/bathroom-furniture"> <img class="mb-4 w-full aspect-square object-cover" src="https://images.apirocket.io/images/na3uphpd/66978288f3ee24fb29d3bf17/UAnxqzeGL7/MUEBLES.jpg?w=600&auto=format"> <h3 class="font-medium mb-1 font-title text-xl lg:text-xl">Muebles de estructura metálica</h3> <p class="text-xs font-light font-title">Choose between our two available models, made of matt black textured aluminium with worktop included.</p> </a> </article>  </div><div class="grid grid-cols-12 gap-x-4 md:gap-x-7 gap-y-8 bg-white" x-show="(activeMenu === '669f99901b270850f23b747e')" id="669f99901b270850f23b747e" x-transition:enter="transition-opacity ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100">  <div class="col-span-12"> <template x-if="bannerDesktop[bannerDesktop.length-1]"> <img class="w-full mb-4 hidden lg:block" x-bind:src="bannerDesktop[bannerDesktop.length-1]" alt="Elige entre las bañeras disponibles realizadas en ATH disponibles en Blanco, RAL y Bicolor"> </template> <template x-if="bannerMobile[bannerMobile.length-1]"> <img class="w-full mb-4 lg:hidden" x-bind:src="bannerMobile[bannerMobile.length-1]" alt="Elige entre las bañeras disponibles realizadas en ATH disponibles en Blanco, RAL y Bicolor"> </template> <template x-if="breadcrumbText[breadcrumbText.length-1]"> <p class="mb-4 text-2xl font-medium flex items-center justify-between" x-text="breadcrumbText[breadcrumbText.length-1]"></p> </template> <template x-if="introText[introText.length-1]"> <p class="font-light text-xs" x-text="introText[introText.length-1]"></p> </template> </div>   <article class="col-span-6 md:col-span-4 xl:col-span-3"> <a href="/en/bathtubs"> <img class="mb-4 w-full aspect-square object-cover" src="https://images.apirocket.io/images/na3uphpd/66978288f3ee24fb29d3bf17/xbtNIlHWg-/BAÑERAS.jpg?w=600&auto=format"> <h3 class="font-medium mb-1 font-title text-xl lg:text-xl">Bañeras de resina</h3> <p class="text-xs font-light font-title">Elige entre las bañeras disponibles realizadas en ATH disponibles en Blanco, RAL y Bicolor</p> </a> </article>  </div> </div> <div class="w-full lg:w-2/12 text-right mt-6 lg:mb-0"> <button class="lg:space-x-2 bg-black lg:bg-white px-3 py-1.5 lg:p-0 w-full lg:w-auto" type="button" x-show="breadcrumb.length === 0" x-on:click="megamenucategorias = false"> <svg class="hidden lg:inline" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M5 19L19 5M5 5L19 19" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span class="font-medium text-white lg:text-black font-title text-xl lg:text-base">Close</span> </button> <button class="space-x-2 bg-black lg:bg-white px-3 py-1.5 lg:p-0 w-full lg:w-auto" type="button" x-show="breadcrumb.length > 0" x-on:click="
151              activeMenu = breadcrumb.pop();
152              breadcrumbText.pop();
153              bannerDesktop.pop();
154              bannerMobile.pop();
155              introText.pop()
156            "> <svg class="inline" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path class="stroke-white lg:stroke-black" d="M10 5L3 12M3 12L10 19M3 12H21" stroke="black" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span class="font-medium text-white lg:text-black font-title text-xl lg:text-base">Back</span> </button> </div> </div> </div> </section>  </li> <li class="container text-2xl mt-2 text-white"><a href="/en/contract">Contract</a></li> <li class="container text-2xl mt-2 text-white"><a href="/en/company">Company</a></li> <li class="container text-2xl mt-2 text-white"><a href="/en/blog">Blog</a></li> <li class="container text-2xl mt-2 text-white"><a href="/en/contact">Customer service</a></li> <li class="container text-2xl mt-2 text-white"><a href="/en/work-with-us" target="_blank">Work with us</a></li> </ul> <div class="border-t border-gray-600 mt-6 pt-6"> <div class="container"> <div class="mb-5"> <div> <a href="#" class="hidden" x-bind:class="{'hidden': isLogin}" data-action="customer-account"> <svg class="inline" width="16" height="20" viewBox="0 0 16 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.99992 0C7.33622 0 6.67904 0.136072 6.06587 0.400447C5.4527 0.664822 4.89556 1.05232 4.42626 1.54
156082C3.95696 2.02932 3.58468 2.60926 3.3307 3.24752C3.07673 3.88577 2.946 4.56985 2.946 5.2607C2.946 5.95154 3.07673 6.63563 3.3307 7.27388C3.58468 7.91214 3.95696 8.49207 4.42626 8.98059C4.89556 9.46909 5.4527 9.85664 6.06587 10.121C6.67904 10.3854 7.33622 10.5214 7.99992 10.5214C8.66358 10.5214 9.3208 10.3854 9.93404 10.121C10.5472 9.85664 11.1043 9.46909 11.5736 8.98059C12.0428 8.49207 12.4151 7.91214 12.6692 7.27388C12.9231 6.63563 13.0539 5.95154 13.0539 5.2607C13.0539 4.56985 12.9231 3.88578 12.6692 3.24752C12.4151 2.60926 12.0428 2.02932 11.5736 1.54082C11.1043 1.05232 10.5472 0.664822 9.93404 0.400447C9.3208 0.136072 8.66358 0 7.99992 0ZM6.44924 1.36385C6.94086 1.15187 7.46779 1.04277 7.99992 1.04277C8.53207 1.04277 9.05902 1.15187 9.55058 1.36385C10.0422 1.57581 10.4889 1.88651 10.8652 2.27817C11.2415 2.66985 11.54 3.13483 11.7436 3.64656C11.9473 4.15831 12.0521 4.70679 12.0521 5.2607C12.0521 5.8146 11.9473 6.36309 11.7436 6.87484C11.54 7.38657 11.2415 7.85155 10.8652 8.24323C10.4889 8.63489 10.0422 8.94556 9.55058 9.15755C9.05902 9.36946 8.53207 9.47864 7.99992 9.47864C7.46779 9.47864 6.94086 9.36946 6.44924 9.15755C5.95761 8.94556 5.51091 8.63489 5.13463 8.24323C4.75835 7.85155 4.45988 7.38657 4.25623 6.87484C4.05259 6.36309 3.94778 5.8146 3.94778 5.2607C3.94778 4.70679 4.05259 4.15831 4.25623 3.64656C4.45988 3.13483 4.75835 2.66985 5.13463 2.27817C5.51091 1.88651 5.95761 1.57581 6.44924 1.36385ZM3.05151 14.3276C4.36394 12.9615 6.14396 12.1941 8 12.1941C9.856 12.1941 11.6361 12.9615 12.9484 14.3276C14.1424 
15615.5704 14.8603 17.2158 14.9803 18.9573H1.01972C1.1397 17.2158 1.85766 15.5704 3.05151 14.3276ZM8 11.1513C5.87828 11.1513 3.84343 12.0286 2.34315 13.5903C0.842852 15.152 0 17.2701 0 19.4786C0 19.6169 0.0527724 19.7495 0.146708 19.8474C0.240644 19.9451 0.368047 20 0.500892 20H15.4991C15.7757 20 16 19.7665 16 19.4786C16 17.2701 15.1572 15.152 13.6569 13.5903C12.1566 12.0286 10.1217 11.1513 8 11.1513Z" fill="white"></path> </svg> <span class="text-white inline ml-1.5 align-middle text-sm">Iniciar sesión</span> </a> <div class="hidden" x-bind:class="{'hidden': !isLogin}"> <a href="#" class="inline-flex items-start space-x-2"> <svg class="inline mt-0.5 shrink-0" width="16" height="20" viewBox="0 0 16 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.99992 0C7.33622 0 6.67904 0.136072 6.06587 0.400447C5.4527 0.664822 4.89556 1.05232 4.42626 1.54082C3.95696 2.02932 3.58468 2.60926 3.3307 3.24752C3.07673 3.88577 2.946 4.56985 2.946 5.2607C2.946 5.95154 3.07673 6.63563 3.3307 7.27388C3.58468 7.91214 3.95696 8.49207 4.42626 8.98059C4.89556 9.46909 5.4527 9.85664 6.06587 10.121C6.67904 10.3854 7.33622 10.5214 7.99992 10.5214C8.66358 10.5214 9.3208 10.3854 9.93404 10.121C10.5472 9.85664 11.1043 9.46909 11.5736 8.98059C12.0428 8.49207 12.4151 7.91214 12.6692 7.27388C12.9231 6.63563 13.0539 5.95154 13.0539 5.2607C13.0539 4.56985 12.9231 3.88578 12.6692 3.24752C12.4151 2.60926 12.0428 2.02932 11.5736 1.54082C11.1043 1.05232 10.5472 0.664822 9.93404 0.400447C9.3208 0.136072 8.66358 0 7.99992 0ZM6.44924 1.36385C6.94086 1.15187 7.46779 1.04277 7.99992 1.04277C8.53207 1.04277 9.05902 1.15187 9.55058 1.36385C10.0422 1.57581 10.4889 1.88651 10.8652 2.27817C11.2415 2.66985 11.54 3.13483 11.7436 3.64656C11.9473 4.15831 12.0521 4.70679 12.0521 5.2607C12.0521 5.8146 11.9473 6.36309 11.7436 6.87484C11.54 7.38657 11.2415 7.85155 10.8652 8.24323C10.4889 8.63489 10.0422 8.94556 9.55058 9.15755C9.05902 9.36946 8.53207 9.47864 7.99992 9.47864C7.46779 9.47864 6.94086 9.36946 6.44924 9.15755C5.95761 8.94556 5.51091 8.63489 5.13463 8.24323C4.75835 7.85155 4.45988 7.38657 4.25623 6.87484C4.05259 6.36309 3.94778 5.8146 3.94778 5.2607C3.94778 4.70679 4.05259 4.15831 4.25623 3.64656C4.45988 3.13483 4.75835 2.66985 5.13463 2.27817C5.51091 1.88651 5.95761 1.57581 6.44924 1.36385ZM3.05151 14.3276C4.36394 12.9615 6.14396 12.1941 8 12.1941C9.856 12.1941 11.6361 12.9615 12.9484 14.3276C14.1424 
15615.5704 14.8603 17.2158 14.9803 18.9573H1.01972C1.1397 17.2158 1.85766 15.5704 3.05151 14.3276ZM8 11.1513C5.87828 11.1513 3.84343 12.0286 2.34315 13.5903C0.842852 15.152 0 17.2701 0 19.4786C0 19.6169 0.0527724 19.7495 0.146708 19.8474C0.240644 19.9451 0.368047 20 0.500892 20H15.4991C15.7757 20 16 19.7665 16 19.4786C16 17.2701 15.1572 15.152 13.6569 13.5903C12.1566 12.0286 10.1217 11.1513 8 11.1513Z" fill="white"></path> </svg> <div> <p class="font-semibold text-white leading-none max-w-[180px] overflow-hidden whitespace-nowrap text-ellipsis text-xs mb-0.5">
157Hola
158<span x-text="userName"></span> </p> <span class="block underline text-xs text-gray-400" data-action="customer-account">Mi cuenta</span> </div> </a> </div> </div> </div> <section x-data="DataLocale"> <div class="flex items-center" @click="$dispatch('open-modal-country')"> <div class="text-gray-400 flex items-center space-x-2"> <svg class="w-4 h-4 text-white lg:text-gray-300 cursor-pointer" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg> <span class="cursor-pointer text-xs/none text-white lg:text-gray-300 font-title" x-text="countryText"></span> </div> <span class="w-[1px] h-4 bg-gray-600 mx-4"></span> <div class="flex items-center"> <span class="cursor-pointer text-xs/none text-white lg:text-gray-300 font-title uppercase">en</span> </div> </div> </section>  </div> </div> </div> </div> </div> </section> <div x-data="DataProductSearch" x-bind="events" :class="{ 'hidden': !open }" class="hidden bg-white fixed left-0 top-0 w-screen h-screen z-50 pb-20 overflow-scroll"> <button class="absolute right-4 sm:right-12 top-6" type="button" @click="$dispatch('close-search-modal')"> <svg class="w-8 h-8 sm:w-10 sm:h-10" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path></svg> </button> <div class="container pt-20 sm:pt-40"> <div class="flex border-b border-gray-500 justify-between max-w-3xl mx-auto mb-20 pr-3"> <input x-model="query" x-ref="search" @keypress="search" @paste="search" @keypress.debounce="search" @keyup.backspace="search" @keyup.escape="hits = []" type="search" class="bg-transparent text-lg sm:text-2xl border-0 w-full focus:border-transparent focus:!ring-0 px-3 py-2 focus:!outline-none" placeholder="Enter the product you wish to find"> <button> <svg class="text-gray-800 w-5 h-5 cursor-pointer" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path></svg> </button> </div> <h5 x-show="searchResults.length > 0" class="text-2xl sm:text-4xl font-title font-medium mb-6">Product list</h5> <div class="grid grid-cols-2 md:grid-cols-3 xl:grid-cols-4 gap-x-4 gap-y-4 sm:gap-x-6 sm:gap-y-8"> <template x-for="product in searchResults"> <article class="col-span-1" :key="product.id"> <a :href="product.link" class="block relative"> <div class="overflow-hidden"> <img src="/images/600x600.png" :src="product.image + '?w=600&h=600&fit=crop&auto=compress,format'" class="w-full animate-custom-zoom" :alt="product.name"> </div> <h3 x-text="product.name" class="font-medium absolute bottom-0 left-0 sm:text-2xl font-title bg-white pt-2 px-2 sm:px-3 max-w-[92%] sm:max-w-[260px]"></h3> </a> <p x-text="product.briefDescription" class="text-gray-500 mt-3 sm:mt-4 text-sm sm:text-base line-clamp-3 px-2 sm:px-3"></p> </article> </template> </div> </div> </div> 
159      <section @open-modal-country.window="isShow = true" x-show="isShow" x-cloak x-data="localeModal"> <div class="fixed z-[1000] top-0 left-0 h-full w-full"> <div class="fixed bg-black/85 w-screen h-screen top-0 left-0" @click="closeModal()"></div> <div class="absolute -translate-y-1/2 -translate-x-1/2 top-1/2 left-1/2 bg-white px-6 sm:px-10 py-8 w-[90vw] sm:max-w-sm"> <form id="" name="" method="POST" action="javascript:void(0)"> <div class="mb-6"> <label for="selZona" class="block text-lg font-bold mb-3">Select shipping zone:</label> <select id="selZona" class="form-select w-full focus:!border-black focus:!ring-offset-0 focus:!ring-0"> <option value="DE">Germany</option><option value="ES">Spain</option> </select> </div> <div class="mb-10"> <label for="selIdioma" class="block text-lg font-bold mb-3">Select language:</label> <select id="selIdioma" class="form-select w-full focus:!border-black focus:!ring-offset-0 focus:!ring-0"> <option data-locale="es" value="es">Español</option><option selected data-locale="en" value="en">English</option><option data-locale="de" value="de">
159Deutsch</option><option data-locale="fr" value="fr">Français</option> </select> </div> <button class="text-center w-full bg-black text-white py-4 font-bold" @click="saveConfig()">Save</button> </form> </div> </div> </section>   <section class="bg-gray-100 py-10"> <div class="container"> <div> <h2 class="font-title text-light text-xs mb-2 text-black">Work with us</h2> <h1 class="text-2xl leading-none font-title font-medium mb-5 text-black">Do you want to join the Doccia Group team?</h1> <p class="text-sm text-light text-black lg:w-5/12">At Doccia Group we have a great team of people with drive, enthusiasm and a spirit of self-improvement.</p> </div> </div> </section> <div class="relative py-10 md:py-20 bg-cover bg-center bg-no-repeat overflow-hidden"> <div class="bg-white bg-opacity-60 w-full h-full left-0 top-0 absolute content-none z-20"></div> <img src="/images/contacto.jpg" alt="Work with us - Doccia Group" class="absolute top-0 left-0 object-cover w-full h-full z-10"> <div class="container relative z-20"> <div class="grid grid-cols-12 gap-x-6 items-start"> <div class="col-span-12 lg:col-span-4 xl:mr-20"> <h2 class="text-lg font-medium font-title mb-4">Send us your CV</h2> <p class="text-lg font-title font-medium text-[#5B5B5B] mb-6"> Fill in the form with your details and attach your CV. We will get in touch with you. </p> </div> <div class="col-span-1"></div> <div class="col-span-12 lg:col-span-6 mt-10 xl:mt-0" x-data="dataTrabaja" data-messages="{&#34;curriculumTamano&#34;:&#34;The file cannot exceed 20MB&#34;,&#34;errorSubida&#34;:&#34;Your CV could not be uploaded. Please try again.&#34;,&#34;errorEnvio&#34;:&#34;The form could not be sent. Please try again.&#34;}"> <form name="Trabaja con nosotros" x-show="!sent" @submit.prevent="submit"> <div class="grid sm:grid-cols-2 gap-x-6"> <div> <label class="block mb-2 ml-3" for="nombre">Name*</label> <input x-model="form.nombre" class="form-input w-full p-5 rounded border-gray-400 focus:ring-black focus:border-black" type="text" id="nombre" placeholder="What is your first name?" autocomplete="given-name" required> </div> <div> <label class="block mb-2 ml-3" for="apellidos">Surname*</label> <input x-model="form.apellidos" class="form-input w-full p-5 rounded border-gray-400 focus:ring-black focus:border-black" type="text" id="apellidos" placeholder="What is your surname?" autocomplete="family-name" required> </div> </div> <div> <label class="block mb-2 ml-3" for="email">Email</label> <input x-model="form.email" class="form-input w-full p-5 rounded border-gray-400 focus:ring-black focus:border-black" type="email" id="email" placeholder="We need your email to contact you" autocomplete="email"> </div> <div> <label class="block mb-2 ml-3" for="telefono">Phone</label> <input x-model="form.telefono" class="form-input w-full p-5 rounded border-gray-400 focus:ring-black focus:border-black" type="tel" id="telefono" placeholder="+34 600 000 000" autocomplete="tel"> <p class="text-sm text-[#5B5B5B] mt-1 ml-3">We will only use your phone number to contact you</p> </div> <div class="mb-3 mt-3"> <label class="block mb-2 ml-3" for="curriculum">Attach your CV</label> <input @change="selectFile" class="w-full p-4 rounded border border-gray-400 bg-white file:mr-4 file:py-2 file:px-4 file:border-0 file:bg-black file:text-white file:uppercase file:text-sm cursor-pointer" type="file" id="curriculum" accept=".pdf,.doc,.docx,.odt,application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,application/vnd.oasis.opendocument.text"> <p class="text-sm text-[#5B5B5B] mt-1 ml-3">Recommended formats are PDF and Microsoft Word (max. 20MB)</p> </div> <div class="flex space-x-3 mb-2 ml-3"> <input x-model="form.aceptoPolitica" class="form-checkbox border-gray-600 w-5 h-5 bg-transparent mt-0.5 text-black cursor-pointer !ring-0" id="acepto-politica" type="checkbox" required> <label class="cursor-pointer" for="acepto-politica">I understand and accept the <a href="/en/privacy-policy/" target="_blank" class="underline">privacy policy</a> and the processing of my personal data for the purpose of managing my application.*</label> </div> <p x-show="error" x-text="error" x-cloak class="text-red-700 ml-3 mb-2" role="alert"></p> <button :disabled="sending" class="h-16 font-medium uppercase py-4 block ml-auto bg-black bg-opacity-[35%] text-white w-full sm:w-56 border border-white disabled:opacity-50 disabled:cursor-not-allowed" type="submit"> <span x-show="!sending">Send</span>
159 <svg x-show="sending" x-cloak class="animate-spin h-5 w-5 text-white mx-auto" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle><path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path></svg> </button> </form> <div x-show="sent" x-cloak class="bg-white p-10 text-center"> <img src="/images/logo.svg" alt="Doccia Group" class="h-12 mx-auto mb-8"> <h2 class="text-2xl font-title font-medium mb-2">We have received your CV</h2> <p class="text-lg text-[#5B5B5B] mb-8">Thank you very much</p> <a href="/en/" class="font-medium uppercase py-4 inline-block bg-black text-white px-10">Go back to the main page</a> </div> </div> </div> </div> </div>  <footer class="bg-black pt-12 md:pt-16 pb-14"> <div class="container mb-16"> <div class="flex flex-col lg:flex-row justify-between items-start"> <div class="order-2 lg:order-1 mt-14 md:mt-16 lg:mt-0"> <a href="/en" aria-label="Doccia Group"> <img src="/images/logo-white.svg" alt="Doccia Group" class="mb-5 w-48"> </a> <p class="text-sm/6 mb-4 text-white">
160Polígono Industrial San Nicolás Uno, nº 34 <br>
16141500 Alcalá de Guadaira. SEVILLA<br> <a href="mailto:[email protected]">[email protected]</a><br> <a href="tel:954 038 390">(+34) 954 038 390</a> </p> <div class="flex items-center space-x-3"> <a href="https://www.facebook.com/docciagroup" target="_blank" rel="noopener" aria-label="Facebook Doccia Group"> <img class="w-8" src="/images/icon-fb-white.png" alt="Facebook Doccia Group"> </a> <a href="https://www.instagram.com/docciagroup/" target="_blank" rel="noopener" aria-label="Instagram Doccia Group"> <img class="w-8" src="/images/icon-ig-white.png" alt="Instagram Doccia Group"> </a> <a href="https://www.youtube.com/channel/UCh8qRNKKQewOJICzebW1egg?view_as=subscriber" target="_blank" rel="noopener" aria-label="Youtube Doccia Group"> <img class="w-8" src="/images/icon-yt-white.png" alt="Youtube Doccia Group"> </a> <a href="https://www.linkedin.com/company/mamparas-doccia/" target="_blank" rel="noopener" aria-label="Linkedin Doccia Group"> <img class="w-8" src="/images/icon-linkedin-white.png" alt="Linkedin Doccia Group"> </a> </div> </div> <div class="order-1 lg:order-2 text-white text-sm md:text-base"> <div class="flex space-x-14 sm:space-x-20 md:space-x-32 lg:space-x-20 justify-start lg:justify-center"> <ul> <li class="mb-4 text-white font-title font-semibold text-base md:text-lg">Catálogo</li> <li class="mb-1 last:mb-0"><a href="/en/bathroom-enclosures">Bathroom enclosures</a></li><li class="mb-1 last:mb-0"><a href="/en/shower-trays">Shower trays</a></li><li class="mb-1 last:mb-0"><a href="/en/wall-panels">Wall panels</a></li><li class="mb-1 last:mb-0"><a href="/en/bathtubs">Bathtubs</a></li><li class="mb-1 last:mb-0"><a href="/en/puertas-de-paso">Puertas de paso</a></li><li class="mb-1 last:mb-0"><a href="/en/bathroom-furniture">Bathroom furniture</a></li><li class="mb-1 last:mb-0"><a href="/en/worktops">Worktops</a></li><li class="mb-1 last:mb-0"><a href="/en/washbasins">Washbasins</a></li><li class="mb-1 last:mb-0"><a href="/en/totems">Totems</a></li> </ul> <ul> <li class="mb-4 text-white font-title font-semibold text-base md:text-lg">Sobre nosotros</li> <li class="mb-1"><a href="/en/quality-and-environment">Quality and Environment</a></li> <li class="mb-1"><a href="/en/company">Company</a></li> <li class="mb-1"><a href="/en/blog">Blog</a></li> <li class="mb-1"><a href="/en/contact">Contact</a></li> <li><a href="https://clients.docciagroup.com/es/login" target="_blank" rel="noopener">Profesionals</a></li> </ul> </div> </div> </div> </div> <div class="container"> <ul class="text-xs sm:text-sm text-gray-300 font-medium"> <li class="pr-5 inline-block whitespace-nowrap"> <a href="https://ingade-reporting.com/mamparas-doccia-home/" target="_blank"> Compliance channel </a> </li> <li class="pr-5 inline-block whitespace-nowrap"> <a href="/images/doccia_plan_de_igualdad.pdf" target="_blank"> Affirmative Action Plan </a> </li> <li class="pr-5 inline-block whitespace-nowrap"><a href="/en/legal-advice">Legal Advice</a></li><li class="pr-5 inline-block whitespace-nowrap"><a href="/en/privacy-policy">Privacy Policy</a></li><li class="pr-5 inline-block whitespace-nowrap">
161<a href="/en/cookies-policy">Cookies Policy</a></li> </ul> <p class="block text-xs mt-1 font-light text-gray-400"> © 2025 Doccia Group. All rights reserved.</p> </div> </footer> 
161<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/ecommerce.js" defer></script>
161  </body> </html> 

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.