PageSourceSearch

https://nubulus.es/ca/erp/assessoria-holded-som-partners-oficials

html nubulus.es collected 2026-10-04 19:42:28 UTC 253,933 bytes, 7,973 lines download raw bytes

1
2<!DOCTYPE html>
3<html data-version="4.0.3" lang="ca">
4<head>
5    <title>
6        Implementaci&#243; i consultoria Holded - Solution Partners Gold Oficials
7    </title>
8    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
9    <meta charset="utf-8">
10    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
11    <link rel="canonical" href="https://nubulus.cat/ca/erp/assessoria-holded-som-partners-oficials" />
12    <meta http-equiv="Content-Language" content="ca" />
13    <meta http-equiv="Pragma" content="no-cache">
14    <meta http-equiv="expires" content="dg., 11 oct. 2026 19:42:27 GMT">
15    <meta name="content-id" content="4546101c-21e9-4477-8a9a-df9f8a55965f" />
16    <meta name="robots" content="index,follow" />
17    <meta name="description" content="Partners Gold oficials de Holded a Lleida. Implementem, migrem dades i formem el teu equip en facturaci&#243;, CRM i comptabilitat." />
18    <meta name="keywords" content="Holded, ERP Holded, partner Holded, Solution Partner Gold Holded, consultoria Holded, implementaci&#243; Holded, migraci&#243; de dades ERP, formaci&#243; Holded, automatitzaci&#243; de processos, facturaci&#243;, CRM, gesti&#243; de projectes, comptabilitat, Holded Lleida" />
19    <meta name="category" content="HOLDED">
20    <meta name="language" content="ca">
21
22    <meta http-equiv="last-modified" content="dc., 11 juny 2025 22:00:00 GMT" />
23
24    <meta property="og:site_name" content="nubulus.cat">
25    <meta property="og:title" content="Implementaci&#243; i consultoria Holded - Solution Partners Gold Oficials">
26    <meta property="og:url" content="https://nubulus.cat/ca/erp/assessoria-holded-som-partners-oficials">
27    <meta property="og:image" content="https:///">
28    <meta property="og:description" content="Partners Gold oficials de Holded a Lleida. Implementem, migrem dades i formem el teu equip en facturaci&#243;, CRM i comptabilitat.">
29
30    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
31    
32
33<!-- Google Tag Manager -->
34<script>
vendor: 331 bytes, lines 34-38
34(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
35new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
36j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
37'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
38})(window,document,'script','dataLayer','
38GTM-W4HQMDW
vendor: 3 bytes, line 38
38');
38</script>
38
39<!-- End Google Tag Manager --><meta name='ir-site-verification-token' value='-1617588466'>
40<meta name="p:domain_verify" content="135be5cadc673b8ec8a9870a8be958e5"/><link rel="icon" type="image/x-icon" href="//nubulus.cat/storage/Files/image/favicon/favicon.ico">
41
42<link rel="apple-touch-icon" sizes="180x180" href="//nubulus.cat/storage/Files/image/favicon/apple-touch-icon.png">
43<link rel="shortcut icon" type="image/png" sizes="512x512" href="//nubulus.cat/storage/Files/image/favicon/android-chrome-512x512.png">
44<link rel="shortcut icon" type="image/png" sizes="192x192" href="//nubulus.cat/storageFiles/image/favicon/android-chrome-192x192.png">
45<link rel="shortcut icon" type="image/png" sizes="48x48" href="//nubulus.cat/storage/Files/image/favicon/favicon.png">
46
47<meta name="facebook-domain-verification" content="fmwmzfpsymiq0xfduaqsl3xry6x54j" />
47<script>
48    document.addEventListener("DOMContentLoaded", function() {
49      if (document.querySelector("model-viewer")) {
50        const script = document.createElement("script");
51        script.type = "module";
52        script.src = "https://unpkg.com/@google/model-viewer/dist/model-viewer.min.js";       
53        document.head.appendChild(script);
54      }
55});
56</script>
56
57    
57<script type="application/ld+json">
58{
59  "@context": "https://schema.org",
60  "@type": "Service",
61  "name": "Consultoria Holded i Transformació Digital",
62  "description": "Consultoria digital especialitzada en la implementació, migració i formació d'equips en Holded per a empreses que volen millorar la gestió de pressupostos, facturació, CRM, projectes, inventari i comptabilitat.",
63  "provider": {
64    "@type": "Organization",
65    "name": "Nubulus",
66    "url": "https://www.nubulus.cat",
67    "logo": "https://panel.nubulus.es/Webs/nubulus.cat/Files/image/Brand/logo-nubulus-white.svg",
68    "contactPoint": {
69      "@type": "ContactPoint",
70      "telephone": "+34 618 29 99 61",
71      "contactType": "atenció al client",
72      "email": "[email protected]"
73    }
74  },
75  "areaServed": {
76    "@type": "Country",
77    "name": "Espanya"
78  },
79  "serviceType": [
80    "Consultoria Holded",
81    "Implementació ERP",
82    "Migració de dades",
83    "Automatització de processos",
84    "Formació d'equips"
85  ],
86  "audience": [
87    {
88      "@type": "Audience",
89      "audienceType": "Empreses que volen digitalitzar la seva gestió"
90    },
91    {
92      "@type": "Audience",
93      "audienceType": "Equips que volen treballar millor"
94    },
95    {
96      "@type": "Audience",
97      "audienceType": "Professionals que volen créixer sense complicacions"
98    }
99  ],
100  "hasOfferCatalog": {
101    "@type": "OfferCatalog",
102    "name": "Serveis Nubulus",
103    "itemListElement": [
104      {
105        "@type": "Offer",
106        "itemOffered": {
107          "@type": "Service",
108          "name": "Implementació de Holded"
109        }
110      },
111      {
112        "@type": "Offer",
113        "itemOffered": {
114          "@type": "Service",
115          "name": "Migració de dades a Holded"
116        }
117      },
118      {
119        "@type": "Offer",
120        "itemOffered": {
121          "@type": "Service",
122          "name": "Formació d'equips en Holded"
123        }
124      },
125      {
126        "@type": "Offer",
127        "itemOffered": {
128          "@type": "Service",
129          "name": "Automatització de processos amb Holded"
130        }
131      }
132    ]
133  }
134}
135</script>
vendor: 2 bytes, line 135
135
136<script type="application/ld+json">
137{
138  "@context": "https://schema.org",
139  "@type": "FAQPage",
140  "mainEntity": [
141    {
142      "@type": "Question",
143      "name": "Què fem en una assessoria especialitzada en Holded?",
144      "acceptedAnswer": {
145        "@type": "Answer",
146        "text": "T’ajudem a implementar, personalitzar i treure profit de Holded connectant-lo amb la realitat del teu negoci. No és només posar-lo en marxa: és saber-lo utilitzar bé."
147      }
148    },
149    {
150      "@type": "Question",
151      "name": "Podeu migrar des d’un altre ERP o programa?",
152      "acceptedAnswer": {
153        "@type": "Answer",
154        "text": "Sí. I no patiràs pel canvi. Ens ocupem de tot perquè no perdis temps ni dades."
155      }
156    },
157    {
158      "@type": "Question",
159      "name": "I si no sé si Holded és per a mi?",
160      "acceptedAnswer": {
161        "@type": "Answer",
162        "text": "Parlem-ne. No venem per vendre. Si no et serveix, t’ho direm clarament."
163      }
164    }
165  ]
166}
167</script>
167
168
169
170
171    <style>
172@font-face {
173    font-family: 'Roboto Slab';
174    font-style: normal;
175    font-weight: 200;
176    src: url('//nubulus.cat/storage/Files/file/font/roboto-slab-v34-latin-200.otf');
177}
178
179@font-face {
180    font-family: 'Roboto Slab';
181    font-style: normal;
182    font-weight: 400;
183    src: url('//nubulus.cat/storage/Files/file/font/roboto-slab-v34-latin-regular.otf');
184}
185
186@font-face {
187    font-family: 'Raleway';
188    font-style: normal;
189    font-weight: 400;
190    src: url('//nubulus.cat/storage/Files/file/font/raleway-v34-latin-regular.otf');
191}
192
193@font-face {
194    font-family: 'Raleway';
195    font-style: normal;
196    font-weight: 700;
197    src: url('//nubulus.cat/storage/Files/file/font/raleway-v34-latin-700.otf');
198}:root {
199    --blau-p: #2b4246;
200  	--blau-p-t: #2b424612;
201  	--blau-p-t-2: #2b424659;
202    --blau-s: #7fb9c6;
203  	--gris-1: rgba(87, 87, 86,1);
204  	--groc:rgba(244, 152, 0, 1);
205  	--negrecorp:#021012;
206  	--gris:#F0F0F0;
207  	--blaufons:rgba(230, 241, 243,1);
208  	--blanc: #FFF;
209  	--negre: #000;
210  	--blanc-1: #dfdfdf;
211  	--white: #fff;
212  	--gris-fondo: #fafafa;
213  	--padding-y: 5rem;  	
214  	--secondary-filter: brightness(0) saturate(100%) invert(73%) sepia(16%) saturate(687%) hue-rotate(144deg) brightness(93%) contrast(89%);
215  	--gradient: radial-gradient(circle, rgba(43,66,70,1) 10%, rgba(127,185,198,1) 50%, rgba(43,66,70,1) 90%);  	
216	--gradient-linear: linear-gradient(to left top, #7fb9c6, #6999a4, #537b83, #3e5e64, #2b4246);
217  --primary: #0891b2;
218  --primary-dark: #0e7490;
219  --primary-light: #06b6d4;
220  --secondary: #2b4246;
221  --accent: #f59e0b;
222  --text-primary: #1f2937;
223  --text-secondary: #4b5563;
224  --text-muted: #6b7280;
225  --bg-light: #f8fafc;
226  --bg-white: #ffffff;
227  --border: #e5e7eb;
228  --success: #10b981;
229  --warning: #f59e0b;
230  --danger: #ef4444;
231  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
232  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
233  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
234  --radius-sm: 6px;
235  --radius-md: 10px;
236  --radius-lg: 16px;
237  --transition: all 0.3s ease;
238}
239
240@keyframes typing {
241    from { width: 0 }
242    to { width: 100% }
243}
244
245@keyframes slide-up {
246    from {
247        opacity: 0;
248        transform: translateY(20px);
249    }
250    to {
251        opacity: 1;
252        transform: translateY(0);
253    }
254}
255@keyframes gradient {
256	0% {
257		background-position: 0% 50%;
258	}
259	50% {
260		background-position: 100% 50%;
261	}
262	100% {
263		background-position: 0% 50%;
264	}
265}
266html{
267  scroll-behavior: smooth;
268}
269img,
270figure{
271	border-radius: 5px;
272}
273.contact-btn{
274  	display: block;
275    width: fit-content;
276    margin: 3rem auto;
277    background-color: var(--blau-p);
278    color: #fff;
279    padding: 0.75rem 3rem;
280    border-radius: 2rem;
281    text-decoration: none;
282    font-weight: bold;
283  	transition: background-color 0.7s;
284  	text-decoration: none;
285  	font-size: 1.8rem;
286  	text-align: center;
287}
288.contact-btn:hover{
289	background-color: var(--blau-p);
290  	color: #fff;  	
291  	text-decoration: none;
292}
293
294.auditoria-btn{
295  	position: fixed;
296    z-index: 999999;
297    bottom: 0;
298    left: 0;
299    width: 100%;
300    background-color: var(--blau-p);
301    color: #fff;
302    text-decoration: none;
303    padding: 2rem;
304    text-align: center;
305}
306.auditoria-btn:hover{
307	color: #fff;
308    text-decoration: none;
309}
310.pagination{
311    margin: 5rem auto 8rem;
312    display: flex;
313    justify-content: center;
314    align-items: center;
315}
316.pagination li a{
317  	color: var(--blau-p);
318    height: 45px;
319    display: flex;
320    justify-content: center;
321    align-items: center;
322}
323.pagination li:first-child a,
324.pagination li:last-child a{
325  	background-color: var(--blau-s);
326}
327.pagination li:first-child a > span,
328.pagination li:last-child a > span{
329  	color: #fff;
330}
331model-viewer{
332	box-shadow: none!important;
333  	margin: 1rem auto!important;
334}
335
336.shopify-link{
337	font-size: 1.4em;
338    text-align: center;
339    margin-top: 2rem;
340}
341.shopify-link a{
342	font-weight: bold;
343}
344.shopify-link svg{
345	margin-left: 1rem;
346}
347
348.holded-link{
349	font-size: 1.4em;
350    text-align: center;
351    margin-top: 2rem;
352}
353.holded-link a{
354	font-weight: bold;
355  	display: block;
356}
357.holded-link svg{
358	margin-left: 1rem;
359}
360
361.tabla-contenidos {
362    padding: 15px;
363    border: 1px solid var(--blau-p);
364    border-radius: 5px;
365  	margin-bottom: 4rem;
366}
367[data-type="b"] main.container{
368	width: 100%!important;
369}
370.item{
371	cursor: pointer;
372}
373.container-fluid{
374 	padding:0px; 
375}
376
377p,a,li,span,h2,h3,h4{  
378  font-family: 'Raleway', sans-serif;
379  color:var(--blau-p);
380  word-wrap: break-word;
381}
382
383h1{
384 font-family: 'Roboto Slab', serif; 
385}
386
387p, span,li{
388  font-weight:300;
389  font-size: clamp(1.8rem, 2vi, 2rem);
390  line-height: 1.6;
391}
392
393a{
394	font-weight:700;
395	color: var(--blau-p);
396  	text-decoration:underline;
397}
398
399a, li{
400  font-weight:400;
401}
402
403b, strong{
404  font-weight:700;
405}
406
407h1,h2,h3,h4{
408  font-weight:400;
409}
410
411
412h2{
413   font-size:1.8em;
414  
415}
416
417h3{
418   font-size:1.6em;
419  
420}
421
422ul ul li{
423 	font-size:1em; 
424}
425
426li h2{
427 	font-size:1.5em; 
428}
429
430li h3{
431 	font-size: clamp(2rem, 3vi, 2.2rem); 
432}
433
434article li{
435 	padding-bottom:10px; 
436}
437
438.box-btn-info{
439 	margin:40px 0px; 
440}
441
442.btn-info,
443.btn-info:hover,
444.btn-info:focus,
445.btn-info:visited{
446  	color: #fff;
447    background-color: var(--blau-s);
448    padding: 10px 15px;
449    border-radius: .5em;
450  	font-size:1.5em;    
451}
452
453.btn-info:hover{
454 	 background-color: var(--blau-s); 
455}
456.btn{
457	background-color: var(--blau-s); 
458	color: #333;
459  	border: none;
460  	margin: 2rem 0;
461  	transition: all 0.6s;
462}
463.btn:hover{
464	background-color: var(--blau-p); 
465	color: #fff;
466  	border: none;
467}
468#languages{  
469  display:none;
470}
471
472.form-flex{
473 	display:flex;
474    justify-content: space-around;
475    align-items: center;
476}
477
478.whats{
479	position: fixed;
480    width: 6rem;
481    height: 6rem;
482  	bottom: 8rem;
483    right: 15px;
484    background-color: var(--blau-s);
485    color: #FFF;
486    border-radius: 50px;
487    font-size: 30px;
488    box-shadow: 2px 2px 3px #999;
489    z-index: 100;
490    display: flex;
491    justify-content: center;
492    align-items: center;
493    padding-bottom: 5px;
494}
495
496.whats img{
497 	width: 3rem;
498    height: auto;
499}
500
501[data-type="page"] > article .portfolio .article-title{
502  text-align:center;
503}
504
505.grid-col-2{
506  display: grid;
507  grid-template-columns: 1fr 1fr;
508  gap:25px;
509}
510
511.text-destacat {
512    background-color: var(--blau-p-t);
513    padding: 15px;
514}
515
516.text-destacat .text-grown{
517	margin-top: 0px;
518}
519
520.text-grown{
521 	font-size:2em;
522  	text-align:center;
523  	margin-top: 50px;
524}
525
526.grid-options{
527    display: grid;
528    gap: 2rem;
529    grid-auto-flow: dense;
530    grid-auto-rows: auto;
531    grid-template-columns: repeat(auto-fill, minmax(min(100%,20rem),1fr));
532  	margin-top: 50px;
533  	justify-content: center;
534    align-items: stretch;
535}
536
537.grid-options > div{
538    background-color: var(--blau-p-t-2);    
539    border-radius: .5rem;
540}
541
542.grid-options .num-option,
543.grid-options .title-option,
544.grid-options .des-option{
545	text-align:center;
546  	padding: 0px 15px;
547}
548.grid-options .des-option{
549	padding: 15px 15px;
550}
551
552.grid-options .des-option ul{
553	list-style: none;
554  	padding: 0;
555}
556
557
558.grid-options .title-option{
559	font-size: 1.2em;
560    background-color: var(--blau-p);
561    color: white;
562    height: 90px;
563    display: flex;
564    align-items: center;
565    justify-content: center;
566}
567.grid-options .title-option h2,
568.grid-options .title-option h3{
569    color: white;
570}
571
572.grid-options .num-option{
573  font-size:2.5em;
574}
575
576
577@media (max-width: 768px){
578  .form-flex{
579 	flex-direction: column;
580}
581  
582  .text-grown{
583 	font-size:1em;
584  	text-align:center;
585  	margin-top: 50px;
586}
587  
588  .grid-col-2{
589  display: grid;
590    grid-template-columns: 1fr;
591}
592  #document .article-header-content p iframe{
593    height: 24vh!important;
594  }
595}
596
597#document .article-header-content p iframe{
598  	width: 100%;
599    height: 85vh;
600  }
601
602#operacio{
603	display: flex;
604  	flex-direction: row;
605}
606
607.article-header-group,
608.article-header-date{
609	display: none;
610}
611.article-title{
612  	margin-top: 11rem;
613	color: var(--gris-1);
614    padding-bottom: 15px;
615    margin-bottom: 20px;
616    text-align: center;
617}
618
619form .alert{}
620form .alert h2{
621  	margin: 0;
622    font-size: clamp(2rem, 3vi, 2.4rem) !important;
623}
624form .alert-success{}
625form .alert-danger{}[data-type="home"] .navbar {
626    background-color: transparent;
627    border: 0;
628}
629
630.navbar,
631.navbar.min{
632    background-color: var(--blau-p);
633    border: 0;
634  	transition: background-color 0.5s linear;
635}
636
637.navbar > .container-fluid{
638    display: flex;
639    justify-content: space-between;
640  	min-height: 70px;
641    align-items: center;
642}
643
644.navbar-brand {
645    height:auto!important;
646}
647
648.navbar-brand>img {
649    width: 110px;
650	transition: all 0.6s;
651}
652.navbar-brand:hover>img{
653	filter: var(--secondary-filter);
654}
655.navbar ul.nav > li > a {
656    font-weight: 700;
657    text-transform: uppercase;
658  	text-decoration:none;   
659    color: #fff;
660    color: rgba(255, 255, 255, 0.8);
661  	padding:0px 15px;
662}
663.navbar ul.nav > li > a::after{
664	  content: '';
665      position: absolute;
666      width: 0;
667      height: 2px;
668      display: block;
669      margin: auto;
670      background: white;
671      left: 0;
672      right: 0;
673      bottom: 0px;
674      transition: width 0.5s ease-in-out;
675}
676.navbar ul.nav > li > a:hover::after{
677	 width: 90%;
678}
679.navbar ul.nav > li > a > span{
680 	font-size:1em;
681}
682
683.navbar ul.nav > li > a:hover,
684.navbar ul.nav > li > a:focus,
685.navbar ul.nav > li > a:active {
686    color: rgba(244, 152, 0, 1);
687    background: none;
688    background-color: transparent;
689}
690
691.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
692    color: #555;
693    background-color: transparent;
694}
695
696.navbar-nav>li>.dropdown-menu {
697    margin-top: 15px;
698}
699
700ul.multi-level >  li > a > span{
701    font-size:1em;
702}
703
704
705.navbar ul.nav > li > a span{
706	color:#fff;
707  	font-family: 'Roboto Slab', serif; 
708}
709
710
711@media (max-width: 1100px){
712  .navbar-header,
713  .navbar-collapse{
714  	background-color: rgb(43, 66, 70);
715  }
716  .navbar,
717  .navbar.min{
718    background-color: transparent!important;
719  }
720  .navbar > .container{
721    display: block;
722  }
723  
724  .navbar-brand>img {
725    width: 100px;
726  }
727  
728  .navbar-toggle {
729    padding: 10px 10px;
730    margin-top: 15px;
731    border: none;
732    background-color: transparent!important;
733  }
734  .navbar-header button:active > .icon-bar{
735    background-color: white !important;
736  }
737  ul.multi-level >  li > a > span{
738  	color: white;
739  }
740  .navbar-collapse{
741  	width: 40vh;
742    max-height: 80vh!important;
743    margin-left: -100vh!important;
744    transition: margin-left 0.5s linear;
745    
746  }
747  .navbar-collapse.in{
748  	width: 40vh;
749    margin-left: -15px!important;
750    transition: margin-left 0.3s linear;
751  }
752  .navbar-collapse ul > li{
753  	margin: 15px 0px;
754  }
755}@media (max-width: 1100px) and (min-width: 768px){
756  .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
757      width: 100%;
758  }
759}
760@media (max-width: 1100px) {
761  .navbar-header {
762      float: none;
763  }
764  .navbar-left,.navbar-right {
765      float: none !important;
766  }
767  .navbar-toggle {
768      display: block;
769  }
770  .navbar-collapse {
771      border: none;
772      box-shadow: none;
773  }
774  .navbar-fixed-top {
775      top: 0;
776      border-width: 0 0 1px;
777  }
778  .navbar-collapse.collapse {
779      display: none!important;
780  }
781  .navbar-nav {
782      float: none!important;
783      margin-top: 7.5px;
784  }
785  .navbar-nav>li {
786      float: none;
787  }
788  .navbar-nav>li>a {
789      padding-top: 10px;
790      padding-bottom: 10px;
791  }
792  .collapse.in{
793      display:block !important;
794  }
795  .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
796    margin-right: -15px;
797    margin-left: -15px;
798  }
799  
800  #menu-bar .navbar-header .navbar-toggle{
801  	margin-top: 1.7rem;
802    border-color: transparent;
803  }
804  .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
805    background-color: var(--blau-s);
806  }
807  .navbar-default .navbar-toggle .icon-bar{
808  	background-color: #fff;
809  }
810  #menu-bar .navbar-collapse{
811  	background-color: var(--blau-p);
812  }
813}[data-id="header"] .page-header {
814    padding-bottom: 0px;
815    margin: 0;
816  	background-image: linear-gradient(to left top, #7fb9c6, #6999a4, #537b83, #3e5e64, #2b4246);
817}
818
819[data-id="header"] .page-header #Header {
820    color: #fff;
821    padding: 0px;
822    background-color: transparent;
823    width: 100%;
824    display: flex;
825    align-items: center;
826    justify-content: start;
827  	height: 80vh;
828}
829[data-id="header"] .page-header #Header .header-container{
830    width: 100%;
831    height: 100%;
832    display: grid;
833    justify-content: center;
834    align-items: center;
835    grid-template-columns: 65% 35%;
836}
837[data-id="header"] .page-header #Header .header-box { 
838    display: flex;
839    flex-direction: column;
840    gap: 3rem;
841    /*background-color: #2b4246cc;*/
842    padding: 4rem 5rem;
843    border-radius: 0 2rem 2rem 0;
844}
845
846[data-id="header"] .page-header #Header .header-box .header-title {
847    color: #fff;
848    margin: 0;
849    padding: 0;
850    font-size: 4em;
851    font-weight: 200;
852    overflow: hidden;
853}
854
855[data-id="header"] .page-header #Header .header-box h1 {
856    color: #fff;
857    margin: 0;
858    padding: 0;
859    font-weight: 300;
860    font-size: 2.5em;
861    overflow: hidden;
862    /*width: 0;
863    animation: typing 2s steps(30, end) forwards 1.5s;*/
864}
865
866[data-id="header"] .page-header #Header .header-box h2 a{
867	text-decoration: none;
868  	color: #fff;
869}
870
871[data-id="header"] .page-header #Header .header-box #consultori {
872	color: #fff;
873    margin: 0;
874    padding: 0;
875    font-weight: 300;
876    font-size: 1.5em;
877    overflow: hidden;
878}
879
880/*[data-id="header"] .page-header #Header .header-box #consultori a {
881    font-weight: bold;
882    letter-spacing: normal;
883    line-height: 100%;
884    text-align: center;
885    text-decoration: none;
886    border-radius: 5px;   
887    box-shadow: none;
888    padding: 0 15px;
889  	background-color:var(--blau-s);
890  	margin: 0 auto;
891  	display: none;
892  	width: fit-content;
893  	opacity: 0;
894    transform: translateY(20px);
895    animation: slide-up 1.3s ease-out forwards 4s;
896}*/
897[data-id="header"] .page-header #Header .right-float-box {   
898  	background-color: #fff;
899  	padding: 2rem 3rem 4rem;
900    border-radius: 1rem;
901  	margin: 0;
902    max-width: 450px;
903}
904[data-id="header"] .page-header #Header .right-float-box h2{
905	font-size: 32px;
906  	text-align: center;
907}
908[data-id="header"] .page-header #Header .right-float-box > p{
909  	font-size: 15px;
910    line-height: 1.4;
911  	text-align: center;
912}
913
914[data-id="header"] .page-header #Header .right-float-box form label{
915	display: none;
916}
917[data-id="header"] .page-header #Header .right-float-box form input,
918[data-id="header"] .page-header #Header .right-float-box form select{
919	border-radius: 2rem;
920}
921[data-id="header"] .page-header #Header .right-float-box form .my-3{
922	margin: 2rem 0;  	
923  	display: flex;
924    justify-content: center;
925    align-items: center;
926    gap: 1rem;  	
927}
928[data-id="header"] .page-header #Header .right-float-box form .my-3 input{
929	margin: 0;
930}
931[data-id="header"] .page-header #Header .right-float-box form .my-3 label{
932  	display: inline-flex;
933    color: var(--blau-p);
934  	margin: 0;
935}
936
937[data-id="header"] .page-header #Header .right-float-box form .btn-enviar{
938  	display: block;
939    width: 100%;
940    border: none;
941    background-color: var(--blau-s);
942    color: #fff;
943    border-radius: 1rem;
944    padding: 0.75rem;
945    font-size: 16px;
946    text-transform: uppercase;
947}
948
949[data-id="header"] .page-header #slogan {
950    width: 100%;
951    background-color: var(--blau-p);;
952}
953[data-id="header"] .page-header #slogan .container{
954	padding-top: 2.5rem;
955  	padding-bottom: 4rem;
956  	display: flex;
957    flex-direction: column;
958    justify-content: center;
959    align-items: center;
960    gap: 2rem;
961}
962
963[data-id="header"] .page-header #slogan p {
964  	color: #fff;
965    font-size: 2rem;
966    text-align: center;
967}
968[data-id="header"] .page-header #slogan h3{
969  	color: #fff;
970    text-align: center;
971    font-size: 2.8rem;
972    font-weight: bold;
973}
974
975[data-id="header"] .page-header #slogan .btn{
976	color: #fff;
977    text-decoration: none;
978    font-size: 1.8rem;
979    width: 250px;
980    padding: 0.75rem 0;
981  	border: 2px solid transparent;
982}
983[data-id="header"] .page-header #slogan .btn:hover{
984	border-color: #fff;
985}
986
987@media (max-width: 1680px) { 
988	[data-id="header"] .page-header #Header .right-float-box{
989    	display: none;
990    }
991    [data-id="header"] .page-header #Header .header-container{
992      grid-template-columns: auto;
993  	}
994}
995@media (max-width: 1100px) {  
996  [data-id="header"] .page-header #Header .header-container{
997  	grid-template-columns: auto;
998    height: 50vh;
999  }
1000    [data-id="header"] .page-header #Header .header-box {
1001        gap: 3rem;
1002        padding: 1rem;
1003        width: 100%;
1004      	text-align: center;
1005      	padding-top: 10rem;
1006    }
1007
1008    [data-id="header"] .page-header #Header .header-box .header-title {
1009        font-size: 1.8em;
1010        animation: none;
1011        white-space: normal;
1012        display: block;
1013        width: 100%;
1014    }
1015
1016    [data-id="header"] .page-header #Header .header-box h1 {
1017        font-size: 1.3em;
1018      	animation: none;
1019        white-space: normal;
1020        display: block;
1021        width: 100%;
1022    }
1023
1024    [data-id="header"] .page-header #Header #video-box {
1025        overflow: hidden;
1026        height: 50vh;
1027        margin-bottom: 0;
1028    }
1029
1030    [data-id="header"] .page-header #Header .header-box #consultori a {
1031        font-size: 1em;
1032    }
1033
1034    [data-id="header"] .page-header #slogan h3 {
1035        padding: 12px;
1036        vertical-align: middle;
1037        color: #fff;
1038        margin: 5px;
1039        font-size: 1.2em;
1040    }
1041
1042}[data-id="free-text"] .why-nubulus{
1043	padding: 5rem 0;
1044}
1045
1046[data-id="free-text"] .why-nubulus header h2{
1047	color: var(--gris-1);
1048    padding: 30px 0;
1049    margin: 20px 0;
1050    text-align: center;
1051    text-transform: uppercase;
1052}
1053[data-id="free-text"] .why-nubulus header p{
1054	text-align: center;
1055  	font-size: 2rem;
1056  	margin-bottom: 5rem;
1057}
1058[data-id="free-text"] .why-nubulus .grid{
1059    display: grid;
1060    grid-template-columns: 1fr 1fr 1fr;
1061    text-align: center;
1062    grid-gap: 2rem
1063}
1064[data-id="free-text"] .why-nubulus .grid .item-grid{
1065    background-color: var(--gris-1);
1066    border-radius: 2rem;
1067    padding: 5rem 1.5rem;
1068}
1069[data-id="free-text"] .why-nubulus .grid .item-grid .img{
1070 	width: 64px;
1071  	height: auto;
1072}
1073[data-id="free-text"] .why-nubulus .grid .item-grid .title{
1074  	color: #fff;
1075    height: 5rem;
1076    display: flex;
1077    align-items: center;
1078    justify-content: center;
1079  	font-size: 2.4rem;
1080}
1081[data-id="free-text"] .why-nubulus .grid .item-grid .desc{
1082	padding: 0 1.5rem;
1083    color: #fff;
1084    height: 6rem;
1085    display: flex;
1086    justify-content: center;
1087    align-items: center;
1088    margin-top: 3rem;
1089    line-height: 1.4;
1090  	font-size: 1.8rem;
1091}
1092
1093@media (max-width: 768px){  
1094	[data-id="free-text"] .why-nubulus .grid{
1095      grid-template-columns: auto;
1096	}
1097}
1098[data-id="section-1"]{
1099	padding: 5rem 0;
1100}
1101[data-id="section-1"] .hide{
1102	display: block!important;
1103}
1104[data-id="section-1"] header h2{
1105	color: var(--gris-1);
1106    padding: 30px 0;
1107    margin: 20px 0;
1108    text-align: center;
1109    text-transform: uppercase;
1110}
1111[data-id="section-1"] header p.hide{
1112	display: none!important;
1113}
1114[data-id="section-1"] .grid {
1115	display: grid;
1116  	grid-template-columns: 25% 25% 25% 25%;
1117    width: 90%;
1118  	margin: auto;
1119}
1120[data-id="section-1"] .grid .card .item{
1121	cursor: pointer;
1122    color: var(--blanc);
1123    border: none;
1124    display: grid;
1125  	grid-template-areas: 
1126      "img"
1127      "title"
1128      "url";
1129    overflow: hidden;
1130    align-items: center;
1131    justify-content: center;
1132    background-color: transparent;
1133    box-shadow: none;
1134}
1135[data-id="section-1"] .grid .card .item .item-title{
1136  	grid-area: title;
1137	text-align: center;
1138    font-size: 2rem;
1139  	transition: color 0.5s; 
1140  	height: 5rem;
1141  	display: flex;
1142  	justify-content: center;
1143  	align-items: center;
1144}
1145[data-id="section-1"] .grid .card .item:hover .item-title{
1146	color: var(--blau-s);
1147}
1148[data-id="section-1"] .grid .card .item picture{
1149  	grid-area: img;
1150  	display: flex;
1151    align-items: center;    
1152    width: 100%;
1153    overflow: hidden;
1154  	flex-direction: column;
1155  	height: 30rem;
1156  	border-radius: 5px;
1157}
1158[data-id="section-1"] .grid .card .item picture img{
1159	width: 100%;
1160    height: 100%;
1161  	object-fit: cover;
1162  	transition: transform 0.5s; 
1163  	filter: grayscale(1);
1164}
1165[data-id="section-1"] .grid .card .item:hover picture img{
1166    transform: scale(1.2);
1167}
1168[data-id="section-1"] .grid .card .item .item-url{
1169  	grid-area: url;
1170    display: block;
1171    width: fit-content;
1172    border: none;
1173    background-color: var(--blau-s);
1174    color: #fff;
1175    border-radius: 1rem;
1176    padding: 0.75rem 5rem;
1177    font-size: 16px;
1178    margin: 2rem auto;
1179    text-decoration: none;
1180}
1181[data-id="section-1"] .grid .card .item .item-date,
1182[data-id="section-1"] .grid .card .item .item-group,
1183[data-id="section-1"] .grid .card .item .item-description{
1184	display: none;
1185}
1186
1187@media (max-width: 768px){  
1188	[data-id="section-1"] .grid .card .item picture{
1189      height: 20rem;
1190	}
1191}[data-id="free-text"]{
1192	background-color: #f0f0f0;
1193}.faqs{
1194	padding: 5rem 0;
1195}
1196.faqs header h2{
1197	color: var(--gris-1);
1198    padding: 30px 0;
1199    margin: 20px 0;
1200    text-align: center;
1201    text-transform: uppercase;
1202}
1203.faqs .panel-group{
1204	margin: 1rem 0 5rem;
1205}
1206.faqs .panel-group .panel {
1207    border: none;
1208    background-color: var(--blau-p);
1209    color: var(--white);
1210  	border-radius: 5px;
1211}
1212.faqs .panel-group .panel-heading {
1213    background-color: var(--blau-p);
1214    color: var(--white);  	
1215}
1216.faqs .panel-group .panel-heading .glyphicon {
1217  	color: var(--white);
1218}
1219.faqs .panel-group .panel-heading a {
1220    text-decoration: none;
1221    width: 100%;
1222    display: block;
1223    position: relative;
1224  	padding: 2rem 1.5rem;
1225  	font-size: 2.2rem;
1226}
1227.faqs .panel-group .panel-heading a .acordion-icon {
1228    position: absolute;
1229    right: 0;
1230    transition: transform 0.5s;
1231    transform: rotate(180deg);
1232  	color: #fff;
1233  	top: 10px;
1234}
1235.faqs .panel-group .panel-heading a.collapsed .acordion-icon {
1236  	transform: rotate(0deg);
1237}
1238.faqs .panel-group .panel-body{
1239	background-color: #4d5e60;  
1240    border-radius: 0 0 5px 5px;
1241}
1242.faqs .panel-group .panel-body *{
1243	font-size: 1.8rem;
1244  	color: #fff;
1245}
1246.faqs .panel-group .panel-body a{
1247	color: var(--blau-s);
1248  	font-weight: bold;
1249  	text-decoration: none;
1250}[data-id="section-2"]{	
1251  	background: var(--gradient);
1252  	padding: 8rem 5rem 5rem;
1253}
1254[data-id="section-2"] .btn-more{
1255  	font-weight: bold;
1256    line-height: 100%;
1257    text-align: center;
1258    text-decoration: none;
1259    border-radius: 5px;
1260    box-shadow: none;
1261    padding: 1.5rem;
1262    background-color: var(--blanc);
1263  	color: var(--blau-p);
1264    margin: 0 auto;
1265    display: block;
1266    width: fit-content;
1267    font-size: 1.2em;
1268  	margin-top: 2rem;
1269  	transition: color 0.5s, background-color 0.3s;
1270}
1271[data-id="section-2"] .btn-more:hover{
1272	color: var(--blanc);
1273  	background-color: var(--blau-p);
1274}
1275[data-id="section-2"] header h2{
1276	color: var(--blanc);
1277    padding: 30px 0;    
1278    text-align: center;
1279    text-transform: uppercase; 
1280  	font-weight: bold;
1281}
1282[data-id="section-2"] header p{
1283  	display: block !important;
1284    color: #fff;
1285    text-align: center;
1286    max-width: 1100px;
1287    margin: 1rem auto 5rem; 
1288  	font-size: 2rem;
1289}
1290[data-id="section-2"] .grid {
1291	display: grid;
1292  	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
1293    width: 95%;
1294  	margin: auto;
1295  	grid-gap: 3rem;
1296}
1297[data-id="section-2"] .grid .card{
1298	display: none;
1299  	padding: 0;
1300}
1301[data-id="section-2"] .grid .card:nth-child(1),
1302[data-id="section-2"] .grid .card:nth-child(2),
1303[data-id="section-2"] .grid .card:nth-child(3),
1304[data-id="section-2"] .grid .card:nth-child(4),
1305[data-id="section-2"] .grid .card:nth-child(5){
1306	display: block;
1307}
1308[data-id="section-2"] .grid .card .item{
1309	cursor: pointer;    
1310    border: none;
1311    display: grid;
1312  	grid-template-areas: 
1313      "img"
1314      "date"
1315      "title"
1316      "desc";
1317    overflow: hidden;
1318    align-items: center;
1319    justify-content: space-between;
1320    background-color: var(--blanc);
1321    box-shadow: none;
1322  	padding: 0;
1323  	border-radius: 1rem;
1324  	padding-bottom: 2rem;
1325  	transition: background-color 0.8s;
1326}
1327[data-id="section-2"] .grid .card .item:hover {
1328	background-color: var(--blanc-1);
1329}
1330[data-id="section-2"] .grid .card .item .item-title{
1331	grid-area: title;
1332  	padding: 0 1.5rem;
1333    font-size: 1.3em;
1334  	height: 6rem;
1335    overflow: hidden;
1336    text-overflow: ellipsis;
1337    display: -webkit-box;
1338    -webkit-line-clamp: 3;
1339    -webkit-box-orient: vertical;
1340  	margin: 2rem 0;
1341}
1342[data-id="section-2"] .grid .card .item .item-date{
1343	grid-area: date;
1344  	padding: 0 15px;
1345    background-color: var(--blau-s);
1346    display: block;
1347    width: fit-content;
1348    margin-left: 1.5rem;
1349    margin-top: 1rem;
1350    border-radius: 3rem;
1351    font-size: 12px;
1352    color: var(--blanc);
1353}
1354
1355[data-id="section-2"] .grid .card .item .item-description{
1356  	grid-area: desc;
1357    padding: 0 1.5rem;
1358    height: 7.5rem;
1359    overflow: hidden;
1360    text-overflow: ellipsis;
1361    display: -webkit-box;
1362    -webkit-line-clamp: 4;
1363    -webkit-box-orient: vertical;
1364    line-height: normal;
1365    font-size: 16px;
1366  	margin: 1rem 0;
1367}
1368
1369[data-id="section-2"] .grid .card .item figure{
1370  	grid-area: img;
1371  	display: flex;
1372    align-items: center;    
1373    width: 100%;
1374    overflow: hidden;
1375  	flex-direction: column;
1376  	height: 20rem;
1377  	border-radius: 0;
1378}
1379[data-id="section-2"] .grid .card .item figure figcaption{
1380	display: none!important;
1381}
1382[data-id="section-2"] .grid .card .item figure img{
1383	width: 100%;
1384    height: 100%;
1385  	object-fit: cover;
1386  	transition: transform 0.5s;
1387  	border-radius: 0;
1388}
1389[data-id="section-2"] .grid .card .item:hover figure img{
1390    transform: scale(1.2);
1391}
1392
1393[data-id="section-2"] .grid .card .item .item-group,
1394[data-id="section-2"] .grid .card .item .item-url{
1395	display: none;
1396}[data-id="section-3"] .carousel:nth-child(2){    
1397  	padding-bottom: 5rem;
1398}
1399
1400[data-id="section-3"] header h2{
1401	color: rgba(87, 87, 86,1);
1402    padding: 30px 0;
1403    margin: 20px 0;
1404    text-align: center;
1405    text-transform: uppercase;
1406}
1407[data-id="section-3"] header p{
1408	display: block !important;
1409    text-align: center;
1410    max-width: 1100px;
1411    margin: 1rem auto 5rem; 
1412  	font-size: 2rem;
1413}
1414
1415[data-id="section-3"] .carousel-indicators{
1416    display: none;
1417}
1418[data-id="section-3"] .carousel-control{
1419	background-image: none;
1420}
1421
1422[data-id="section-3"] .carousel-inner {
1423    width: 80%;
1424  	margin: auto;
1425}
1426[data-id="section-3"] .carousel-inner .item .row > div {    
1427    cursor: pointer;
1428    box-shadow: none;
1429}
1430
1431[data-id="section-3"] .carousel-inner .item .row > div .item-figure{
1432    display: flex;
1433    align-items: center;
1434    width: 100%;
1435    overflow: hidden;
1436  	height: 20rem;
1437}
1438[data-id="section-3"] .carousel-inner .item .row > div .item-figure img {
1439    width: 100%;
1440    height: 100%;
1441    object-fit: contain;
1442  	filter: saturate(10%) contrast(50%) brightness(50%);
1443}
1444
1445[data-id="section-3"] .carousel-inner .item .row > div .item-caption .item-caption-title,
1446[data-id="section-3"] .carousel-inner .item .row > div .item-caption .item-caption-description,
1447[data-id="section-3"] .carousel-inner .item .row > div .item-caption .item-date,
1448[data-id="section-3"] .carousel-inner .item .row > div .item-figure figcaption,
1449[data-id="section-3"] .carousel-inner .item  .row> div .item-caption .item-caption-url{
1450	display: none;
1451}
1452
1453
1454@media (max-width: 768px){
1455    
1456}[data-id="section-3"] header:nth-child(3){
1457  	padding-top: 5rem;
1458    background-color: var(--blau-s);
1459}
1460
1461[data-id="section-3"] header:nth-child(3) h2{
1462	color: var(--blanc);
1463}
1464[data-id="section-3"] header:nth-child(3) p{
1465  	margin: 0 auto;
1466  	color: var(--blanc);
1467}
1468[data-id="section-3"] .carousel:nth-child(4){
1469    background-color: var(--blau-s);
1470  	padding: 5rem 0;
1471}
1472[data-id="section-3"] .carousel:nth-child(4) .carousel-control span{
1473	color: var(--blanc);
1474}
1475[data-id="section-3"] .carousel:nth-child(4) .carousel-inner .item .row > div .item-figure img {
1476  	filter: none;
1477}[data-id="footer"] {
1478    background-color: var(--blau-p)!important;
1479    color: var(--blanc);
1480}
1481[data-id="footer"] #footer{
1482  	width: 100%;
1483    margin: 0;
1484    padding: 0;
1485}
1486[data-id="footer"] #footer .newsletter{
1487	background-color: var(--blanc);
1488}
1489[data-id="footer"] #footer .newsletter .grid{
1490  	display: flex;
1491    justify-content: center;
1492    align-items: stretch;
1493  	flex-wrap: no-wrap;
1494}
1495[data-id="footer"] #footer .newsletter .grid figure{
1496	width: 100%;
1497    max-width: 1200px;
1498}
1499[data-id="footer"] #footer .newsletter .grid figure img{
1500	width: 100%;
1501  	height: 100%;
1502  	object-fit: cover;
1503  	border-radius: 0;
1504}
1505[data-id="footer"] #footer .newsletter .grid .newsletter-form{
1506	width: 100%;
1507    max-width: 705px;
1508  	display: flex;
1509    justify-content: center;
1510    align-items: center
1511}
1512[data-id="footer"] #footer .newsletter .grid .newsletter-form ._inline-form{
1513	max-width: 650px;
1514  	padding: 1.5rem 3rem;
1515  	margin:0;
1516}
1517[data-id="footer"] #footer .newsletter .grid .newsletter-form ._inline-form ._form-content{
1518	display: flex;
1519  	justify-content: space-between;
1520  	align-items: center;
1521  	flex-wrap: wrap;  
1522}
1523[data-id="footer"] #footer .newsletter .grid .newsletter-form ._inline-form ._form-content > div:nth-child(1){
1524	width: 100%;  	
1525}
1526[data-id="footer"] #footer .newsletter .grid .newsletter-form ._inline-form ._form-content > div:nth-child(2){
1527	max-width: 290px;
1528}
1529[data-id="footer"] #footer .newsletter .grid .newsletter-form ._inline-form ._form-content > div:nth-child(3){
1530	max-width: 290px;
1531}
1532[data-id="footer"] #footer .newsletter .grid .newsletter-form ._inline-form ._form-content ._button-wrapper button{
1533	width: 100%; 
1534}
1535[data-id="footer"] #footer .footer-grid{
1536  	display: grid;
1537    grid-template-columns: 30% 30% 30%;
1538    column-gap: 5%;
1539    grid-template-areas: "menu logo contact";
1540    justify-content: center;
1541    align-items: center;
1542  	width: 100%;
1543  	max-width: 1280px;
1544  	margin: auto;
1545  	padding: 10rem 0;
1546}
1547[data-id="footer"] #footer .footer-grid .menu{
1548	grid-area: menu;
1549  	padding: 0 1.5rem;
1550}
1551[data-id="footer"] #footer .footer-grid .menu h3{
1552	color: var(--blanc);
1553    font-family: 'Raleway';
1554    font-size: clamp(1.8rem, 3vi, 2.2rem);
1555    font-weight: bold;
1556  	border-bottom: 3px solid var(--blanc);
1557    padding-bottom: 0.5rem;    
1558  	width: 70%;
1559}
1560[data-id="footer"] #footer .footer-grid .menu ul{
1561  	padding: 0;
1562    margin: 0;
1563  	list-style: none;
1564}
1565[data-id="footer"] #footer .footer-grid .menu ul li a{
1566  	color: var(--blanc);
1567    text-decoration: none;
1568    font-size: clamp(1.4rem, 2vi, 1.6rem);
1569  	transition: all 0.6s;
1570}
1571[data-id="footer"] #footer .footer-grid .menu ul li a:hover{
1572	color: var(--blau-s);
1573}
1574[data-id="footer"] #footer .footer-grid .logo{
1575	grid-area: logo;
1576    display: flex;
1577    justify-content: center;
1578    align-items: center;
1579    flex-direction: column;
1580}  	
1581[data-id="footer"] #footer .footer-grid .logo > img{
1582	width: 100%;
1583    height: auto;
1584    margin: 0 auto 3rem;
1585    max-width: 280px;
1586  	transition: all 0.6s;
1587}
1588[data-id="footer"] #footer .footer-grid .logo > img:hover{
1589	filter: var(--secondary-filter);
1590}
1591[data-id="footer"] #footer .footer-grid .logo .xxss{
1592	display: flex;
1593  	flex-wrap: wrap;
1594  	justify-content: center;
1595  	align-items: center;
1596  	gap: 1.5rem;
1597}
1598[data-id="footer"] #footer .footer-grid .logo .xxss a{
1599	text-decoration: none;  	
1600}
1601[data-id="footer"] #footer .footer-grid .logo .xxss a img{
1602	width: 24px;
1603  	height: 24px;
1604  	transition: all 0.6s;
1605}
1606[data-id="footer"] #footer .footer-grid .logo .xxss a img:hover{
1607	filter: var(--secondary-filter);
1608}
1609
1610
1611[data-id="footer"] #footer .footer-grid .contact{
1612	grid-area: contact;
1613  	padding: 0 1.5rem;
1614  	text-align: end;
1615}
1616[data-id="footer"] #footer .footer-grid .contact h3{
1617	color: var(--blanc);
1618    font-family: 'Raleway';
1619    font-size: clamp(1.8rem, 3vi, 2.2rem);
1620    font-weight: bold;
1621  	border-bottom: 3px solid var(--blanc);
1622    padding-bottom: 0.5rem;
1623  	width: 70%;
1624  	margin-left: auto;
1625}
1626[data-id="footer"] #footer .footer-grid .contact ul{
1627  	padding: 0;
1628    margin: 0;	
1629  	list-style: none;
1630}
1631[data-id="footer"] #footer .footer-grid .contact ul li a{
1632  	color: var(--blanc);
1633    text-decoration: none;
1634    font-size: clamp(1.4rem, 2vi, 1.6rem);
1635  	transition: all 0.6s;
1636}
1637[data-id="footer"] #footer .footer-grid .contact ul li a:hover{
1638	color: var(--blau-s);
1639}
1640@media (max-width: 1200px){
1641  [data-id="footer"] #footer .newsletter .grid{
1642  	flex-wrap: wrap;
1643  }
1644}
1645@media (max-width: 1280px){
1646    [data-id="footer"] #footer .footer-grid{
1647        grid-template-columns: 100%;
1648        grid-template-areas: 
1649          "logo"
1650          "menu"
1651          "contact";
1652    }
1653  	[data-id="footer"] #footer .footer-grid .menu,
1654  	[data-id="footer"] #footer .footer-grid .contact{
1655    	text-align: center;
1656    }
1657}
1658
1659#lw-footer .lw-footer-wrapper > div:hover{
1660	font-weight: normal!important;
1661  	transition: all 0.6s;
1662  	color: var(--blau-s);
1663}[data-type="page"] .article-header-date,
1664[data-type="page"] .article-header-group,
1665[data-type="blocs"] .article-header-date,
1666[data-type="blocs"] .article-header-group,
1667[data-type="blocs"] [data-id="section-1"]{
1668	display:none; 
1669}
1670
1671[data-type="blocs"] .article-title,
1672[data-type="page"] .article-title{
1673    text-align:center;
1674	font-size:2.8em;
1675  	font-weight:200;
1676}
1677
1678[data-type="blocs"] .article-title::before{
1679    content:'';
1680  	width:200px;
1681  	border-bottom:1px solid;
1682}
1683
1684[data-type="page"] article,
1685[data-type="blocs"] article{
1686	margin:130px 0 50px;
1687}
1688
1689[data-type="blocs"] > .container{
1690 	width:100%; 
1691}
1692
1693[data-type="blocs"]  #blocs .row::before{
1694 	display:none; 
1695}
1696
1697[data-type="blocs"]  #blocs .row{
1698    display: grid;
1699    /*gap: 1rem;*/
1700    grid-auto-flow: dense;
1701    grid-auto-rows: auto;
1702    grid-template-columns: repeat(auto-fill, minmax(min(100%,32rem),1fr));
1703}
1704
1705[data-type="blocs"]  #blocs .row > div{
1706 	width:100%;
1707  	padding:0;
1708}
1709
1710
1711[data-type="blocs"] #blocs .row > div > .item{
1712    background-color: transparent;
1713    cursor: pointer;
1714    color: #fff;
1715    border: none;
1716    display: flex;
1717    flex-direction: column-reverse;
1718    justify-content: space-between;
1719  	box-shadow: none;
1720}
1721
1722[data-type="blocs"] .blog #blocs .row > div > .item{
1723 	/*box-shadow: 2px 2px 5px #7fb9c6;*/
1724  	align-items: normal;
1725  	height: 450px;
1726}
1727
1728[data-type="blocs"] .blog  #blocs .item-date,
1729[data-type="blocs"] .blog  #blocs .item-title{
1730 	display:block;
1731  	text-align:left;
1732  	color:#2b4246;
1733  	font-weight:400;
1734  	
1735}
1736
1737[data-type="blocs"] .blog  #blocs figure{
1738  	text-align:center;
1739}
1740
1741[data-type="blocs"] .blog #blocs  figure .item-figure-image{
1742     width: 100%;
1743}
1744
1745[data-type="blocs"] #blocs .row > div > .item .item-title{
1746	text-align: center;
1747    font-size: 1.2em;  
1748}
1749
1750[data-type="blocs"] #blocs .item-group,
1751[data-type="blocs"]  #blocs .item-date,
1752[data-type="blocs"] #blocs .item .item-url,
1753[data-type="blocs"] #blocs .item-description{
1754    display:none;  
1755}
1756[data-type="blocs"] #blocs  figure .item-figure-image{
1757     width: 100%;
1758}
1759#casos-exit #blocs .item-title{
1760	display:none;
1761}
1762#casos-exit #blocs .item-description{
1763	display:block;
1764  	text-align: center;
1765}
1766
1767#serveis{
1768    grid-template-columns: repeat(auto-fill, minmax(min(100%,49rem),1fr))!important;
1769}
1770
1771[data-type="blocs"] .container #document .article-header-content{
1772    width: 80%;
1773 	margin: auto;
1774}[data-type="c"] .article-header-content > h2{
1775	padding-top: calc(75px + 1rem) !important;
1776    padding-bottom: 2rem;
1777  	font-size: 26px;
1778    font-weight: 700;
1779    color: var(--secondary);
1780    margin: 0 0 20px;
1781    border-bottom: 2px solid var(--border);
1782}
1783[data-type="c"] .article-header-content > p > img{
1784	margin-top: 4rem;
1785}
1786
1787
1788/* ========================================
1789   FAQ ACCORDION
1790   ======================================== */
1791[data-type="c"] .faq-accordion {
1792  margin-top: 24px;
1793}
1794
1795[data-type="c"] .faq-item {
1796  background: var(--bg-white);
1797  border: 1px solid var(--border);
1798  border-radius: var(--radius-md);
1799  margin-bottom: 12px;
1800  overflow: hidden;
1801  transition: var(--transition);
1802}
1803
1804[data-type="c"].faq-item:hover {
1805  border-color: var(--primary-light);
1806}
1807
1808[data-type="c"] .faq-item.active {
1809  border-color: var(--primary);
1810  box-shadow: var(--shadow-md);
1811}
1812
1813[data-type="c"] .faq-question {
1814  width: 100%;
1815  display: flex;
1816  align-items: center;
1817  justify-content: space-between;
1818  padding: 20px 24px;
1819  background: transparent;
1820  border: none;
1821  cursor: pointer;
1822  text-align: left;
1823  transition: var(--transition);
1824  font-family: inherit;
1825}
1826
1827[data-type="c"] .faq-question:hover {
1828  background: var(--bg-light);
1829}
1830
1831[data-type="c"] .faq-question:focus {
1832  outline: 2px solid var(--primary);
1833  outline-offset: -2px;
1834}
1835
1836[data-type="c"] .faq-question span {
1837  font-size: 16px;
1838  font-weight: 600;
1839  color: var(--secondary);
1840  padding-right: 16px;
1841}
1842
1843[data-type="c"] .faq-icon {
1844  flex-shrink: 0;
1845  color: var(--primary);
1846  transition: transform 0.3s ease;
1847}
1848
1849[data-type="c"] .faq-item.active .faq-icon {
1850  transform: rotate(180deg);
1851}
1852
1853[data-type="c"] .faq-answer {
1854  max-height: 0;
1855  overflow: hidden;
1856  transition: max-height 0.3s ease;
1857}
1858
1859[data-type="c"] .faq-item.active .faq-answer {
1860  max-height: 300px;
1861}
1862
1863[data-type="c"] .faq-answer p {
1864  padding: 0 24px 24px;
1865  margin: 0;
1866  font-size: 15px;
1867  line-height: 1.7;
1868  color: var(--text-secondary);
1869  border-top: 1px solid var(--border);
1870  padding-top: 16px;
1871}
1872
1873/* ========================================
1874   CTA BOX
1875   ======================================== */
1876[data-type="c"] .cta-box {
1877  background: linear-gradient(135deg, var(--secondary) 0%, #2d4a6f 100%);
1878  border-radius: var(--radius-lg);
1879  padding: 48px;
1880  text-align: center;
1881  color: white;
1882}
1883
1884[data-type="c"].cta-box h2 {
1885  font-size: 26px;
1886  font-weight: 700;
1887  margin: 0 0 16px;
1888  color: white;
1889  border: none;
1890  padding: 0;
1891}
1892
1893[data-type="c"] .cta-box p {
1894  font-size: 17px;
1895  opacity: 0.9;
1896  max-width: 600px;
1897  margin: 0 auto 28px;
1898  line-height: 1.7;
1899  color: rgba(255, 255, 255, 0.9);
1900}
1901
1902[data-type="c"] .btn-cta {
1903  display: inline-flex;
1904  align-items: center;
1905  gap: 10px;
1906  background: white;
1907  color: var(--secondary);
1908  padding: 14px 32px;
1909  border-radius: var(--radius-sm);
1910  font-weight: 600;
1911  font-size: 16px;
1912  text-decoration: none;
1913  transition: var(--transition);
1914}
1915
1916[data-type="c"] .btn-cta:hover,
1917[data-type="c"] .btn-cta:focus {
1918  background: var(--primary-light);
1919  color: white;
1920  text-decoration: none;
1921}
1922
1923/* ---- Taula comparativa ---- */
1924[data-type="c"] .article-header-content table{
1925  width:100%;
1926  border-collapse:collapse;
1927  margin:2.5rem 0;
1928  font-size:clamp(1.6rem,1.8vi,1.8rem);
1929  border-radius:var(--radius-sm);
1930  overflow:hidden;
1931}
1932[data-type="c"] .article-header-content thead th{
1933  background:var(--secondary);
1934  color:var(--blanc);
1935  text-align:left;
1936  font-weight:700;
1937  padding:1.4rem 1.6rem;
1938}
1939[data-type="c"] .article-header-content tbody td{
1940  padding:1.4rem 1.6rem;
1941  border-bottom:1px solid var(--border);
1942  vertical-align:top;
1943}
1944[data-type="c"] .article-header-content tbody tr:nth-child(even){background:var(--bg-light);}
1945
1946/* ========================================
1947   RESPONSIVE
1948   ======================================== */
1949@media (max-width: 991px) {
1950[data-type="c"]  .article-title {
1951    font-size: 30px;
1952  }
1953
1954[data-type="c"]  .article-intro {
1955    font-size: 17px;
1956  }
1957
1958[data-type="c"]  .feature-grid {
1959    grid-template-columns: repeat(2, 1fr);
1960  }
1961
1962[data-type="c"]  .invoice-preview__elements {
1963    grid-template-columns: repeat(2, 1fr);
1964  }
1965
1966[data-type="c"]  .toc-wrapper {
1967    position: static;
1968    margin-bottom: 32px;
1969  }
1970
1971[data-type="c"]  .highlight-box {
1972    flex-direction: column;
1973    text-align: center;
1974  }
1975}
1976
1977@media (max-width: 767px) {
1978[data-type="c"]  .blog-article {
1979    padding: 24px 0 40px;
1980  }
1981
1982[data-type="c"]  .article-title {
1983    font-size: 24px;
1984  }
1985
1986[data-type="c"]  .article-intro {
1987    font-size: 16px;
1988  }
1989
1990[data-type="c"]  .article-meta {
1991    gap: 10px;
1992  }
1993
1994 [data-type="c"] .content-section h2 {
1995    font-size: 22px;
1996  }
1997
1998 [data-type="c"] .feature-grid {
1999    grid-template-columns: 1fr;
2000  }
2001
2002 [data-type="c"] .comparison-cards {
2003    grid-template-columns: 1fr;
2004  }
2005
2006 [data-type="c"] .invoice-preview__elements {
2007    grid-template-columns: 1fr;
2008  }
2009
2010 [data-type="c"] .timeline {
2011    padding-left: 24px;
2012  }
2013
2014 [data-type="c"] .timeline-marker {
2015    left: -20px;
2016    width: 12px;
2017    height: 12px;
2018  }
2019
2020 [data-type="c"] .cta-box {
2021    padding: 32px 24px;
2022  }
2023
2024 [data-type="c"] .cta-box h2 {
2025    font-size: 22px;
2026  }
2027
2028 [data-type="c"] .faq-question {
2029    padding: 16px 20px;
2030  }
2031
2032 [data-type="c"] .faq-question span {
2033    font-size: 15px;
2034  }
2035
2036 [data-type="c"] .faq-answer p {
2037    padding: 0 20px 20px;
2038    font-size: 14px;
2039  }
2040}
2041
2042/* ========================================
2043   PRINT STYLES
2044   ======================================== */
2045@media print {
2046 [data-type="c"] .toc-wrapper,
2047 [data-type="c"] .cta-box,
2048 [data-type="c"] .btn-cta {
2049    display: none;
2050  }
2051
2052 [data-type="c"] .blog-article {
2053    padding: 0;
2054  }
2055
2056[data-type="c"] .content-section {
2057    page-break-inside: avoid;
2058  }
2059
2060 [data-type="c"] .faq-item.active .faq-answer {
2061    max-height: none;
2062  }
2063}#generic_price_table .generic_content{
2064	background-color: #fff;
2065}
2066
2067#generic_price_table .generic_content .generic_head_price{
2068	background-color: #f6f6f6;
2069}
2070
2071#generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg{
2072	border-color: rgba(230, 241, 243,1) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(230, 241, 243,1);
2073}
2074
2075#generic_price_table .generic_content .generic_head_price .generic_head_content .head span{
2076	color: #525252;
2077}
2078
2079#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .sign{
2080    color: #414141;
2081}
2082
2083#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .currency{
2084    color: #414141;
2085}
2086
2087#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .cent{
2088    color: #414141;
2089}
2090
2091#generic_price_table .generic_content .generic_head_price .generic_price_tag .month{
2092    color: #414141;
2093}
2094
2095#generic_price_table .generic_content .generic_feature_list ul li{	
2096	color: #a7a7a7;
2097}
2098
2099#generic_price_table .generic_content .generic_feature_list ul li span{
2100	color: #414141;
2101  	font-size:1em!important;
2102}
2103#generic_price_table .generic_content .generic_feature_list ul li:hover{
2104	background-color: #E4E4E4;
2105	border-left: 5px solid rgb(43, 66, 70);
2106}
2107
2108#generic_price_table .generic_content .generic_price_btn a{
2109	border: 1px solid rgb(43, 66, 70); 
2110    color: rgb(43, 66, 70);
2111} 
2112
2113#generic_price_table .generic_content.active .generic_head_price .generic_head_content .head_bg,
2114#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head_bg{
2115	border-color: rgb(43, 66, 70) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgb(43, 66, 70);
2116	color: #fff;
2117}
2118
2119#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head span,
2120#generic_price_table .generic_content.active .generic_head_price .generic_head_content .head span{
2121	color: #fff;
2122}
2123
2124#generic_price_table .generic_content:hover .generic_price_btn a,
2125#generic_price_table .generic_content.active .generic_price_btn a{
2126	background-color: rgba(127, 185, 198, 1);
2127	color: #fff;
2128} 
2129#generic_price_table{
2130	margin: 50px 0 50px 0;
2131    
2132}
2133.row .table{
2134    padding: 28px 0;
2135}
2136
2137/*PRICE BODY CODE START*/
2138
2139#generic_price_table .col-md-4{
2140 	min-height:695px; 
2141}
2142
2143#generic_price_table .generic_content{
2144	overflow: hidden;
2145	position: relative;
2146	text-align: center;
2147}
2148
2149#generic_price_table .generic_content .generic_head_price {
2150	margin: 0 0 20px 0;
2151}
2152
2153#generic_price_table .generic_content .generic_head_price .generic_head_content{
2154	margin: 0 0 37px 0;
2155  	min-height:100px;
2156}
2157
2158#generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg{
2159    border-style: solid;
2160    border-width: 90px 1411px 23px 399px;
2161	position: absolute;
2162}
2163
2164#generic_price_table .generic_content .generic_head_price .generic_head_content .head{
2165	padding-top: 40px;
2166	position: relative;
2167	z-index: 1;
2168}
2169
2170#generic_price_table .generic_content .generic_head_price .generic_head_content .head span{
2171    
2172    font-size: 15px;
2173    font-weight: 400;
2174    letter-spacing: 2px;
2175    margin: 0;
2176    padding: 0;
2177    text-transform: uppercase;
2178  	font-weight: bold;
2179}
2180
2181#generic_price_table .generic_content .generic_head_price .generic_price_tag{
2182	padding: 0 0 20px;
2183}
2184
2185#generic_price_table .generic_content .generic_head_price .generic_price_tag .price{
2186	display: block;
2187}
2188
2189#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .sign{
2190    display: inline-block;
2191   
2192    font-size: 28px;
2193    font-weight: 400;
2194    vertical-align: middle;
2195}
2196
2197#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .currency{
2198    
2199    font-size: 50px;
2200    font-weight: 300;
2201    letter-spacing: -2px;
2202    line-height: 60px;
2203    padding: 0;
2204    vertical-align: middle;
2205}
2206
2207#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .cent{
2208    display: inline-block;
2209    
2210    font-size: 24px;
2211    font-weight: 400;
2212    vertical-align: bottom;
2213}
2214
2215#generic_price_table .generic_content .generic_head_price .generic_price_tag .month{
2216    
2217    font-size: 18px;
2218    font-weight: 400;
2219    letter-spacing: 3px;
2220    vertical-align: bottom;
2221}
2222
2223#generic_price_table .generic_content .generic_feature_list ul{
2224	list-style: none;
2225	padding: 0;
2226	margin: 0;
2227}
2228
2229#generic_price_table .generic_content .generic_feature_list ul li{
2230	
2231	font-size: 18px;
2232	padding: 10px 0;
2233	transition: all 0.3s ease-in-out 0s;
2234}
2235#generic_price_table .generic_content .generic_feature_list ul li:hover{
2236	transition: all 0.3s ease-in-out 0s;
2237	-moz-transition: all 0.3s ease-in-out 0s;
2238	-ms-transition: all 0.3s ease-in-out 0s;
2239	-o-transition: all 0.3s ease-in-out 0s;
2240	-webkit-transition: all 0.3s ease-in-out 0s;
2241
2242}
2243#generic_price_table .generic_content .generic_feature_list ul li .fa{
2244	padding: 0 10px;
2245}
2246#generic_price_table .generic_content .generic_price_btn{
2247	margin: 20px 0 32px;
2248}
2249
2250#generic_price_table .generic_content .generic_price_btn a{
2251    border-radius: 50px;
2252	-moz-border-radius: 50px;
2253	-ms-border-radius: 50px;
2254	-o-border-radius: 50px;
2255	-webkit-border-radius: 50px;
2256    display: inline-block;
2257    font-family: "Lato",sans-serif;
2258    font-size: 18px;
2259    outline: medium none;
2260    padding: 12px 30px;
2261    text-decoration: none;
2262    text-transform: uppercase;
2263  	font-weight: bold;
2264}
2265
2266#generic_price_table .generic_content,
2267#generic_price_table .generic_content:hover,
2268#generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg,
2269#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head_bg,
2270#generic_price_table .generic_content .generic_head_price .generic_head_content .head h2,
2271#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head h2,
2272#generic_price_table .generic_content .price,
2273#generic_price_table .generic_content:hover .price,
2274#generic_price_table .generic_content .generic_price_btn a,
2275#generic_price_table .generic_content:hover .generic_price_btn a{
2276	transition: all 0.3s ease-in-out 0s;
2277	-moz-transition: all 0.3s ease-in-out 0s;
2278	-ms-transition: all 0.3s ease-in-out 0s;
2279	-o-transition: all 0.3s ease-in-out 0s;
2280	-webkit-transition: all 0.3s ease-in-out 0s;
2281} 
2282@media (max-width: 320px) {	
2283}
2284
2285@media (max-width: 767px) {
2286	#generic_price_table .generic_content{
2287		margin-bottom:75px;
2288	}
2289}
2290@media (min-width: 768px) and (max-width: 991px) {
2291	#generic_price_table .col-md-3{
2292		float:left;
2293		width:50%;
2294	}
2295	
2296	#generic_price_table .col-md-4{
2297		float:left;
2298		width:50%;
2299	}
2300	
2301	#generic_price_table .generic_content{
2302		margin-bottom:75px;
2303	}
2304}
2305@media (min-width: 992px) and (max-width: 1199px) {
2306}
2307@media (min-width: 1200px) {
2308}
2309#generic_price_table_home{
2310	 font-family: 'Raleway', sans-serif;
2311}
2312
2313.text-center h1,
2314.text-center h1 a{
2315	color: #7885CB;
2316	font-size: 30px;
2317	font-weight: 300;
2318	text-decoration: none;
2319}
2320.demo-pic{
2321	margin: 0 auto;
2322}
2323.demo-pic:hover{
2324	opacity: 0.7;
2325}
2326
2327#generic_price_table_home ul{
2328	margin: 0 auto;
2329	padding: 0;
2330	list-style: none;
2331	display: table;
2332}
2333#generic_price_table_home li{
2334	float: left;
2335}
2336#generic_price_table_home li + li{
2337	margin-left: 10px;
2338	padding-bottom: 10px;
2339}
2340#generic_price_table_home li a{
2341	display: block;
2342	width: 50px;
2343	height: 50px;
2344	font-size: 0px;
2345}
2346#generic_price_table_home .blue{
2347	background: #3498DB;
2348	transition: all 0.3s ease-in-out 0s;
2349}
2350#generic_price_table_home .emerald{
2351	background: rgb(43, 66, 70);
2352	transition: all 0.3s ease-in-out 0s;
2353}
2354#generic_price_table_home .grey{
2355	background: #7F8C8D;
2356	transition: all 0.3s ease-in-out 0s;
2357}
2358#generic_price_table_home .midnight{
2359	background: #34495E;
2360	transition: all 0.3s ease-in-out 0s;
2361}
2362#generic_price_table_home .orange{
2363	background: #E67E22;
2364	transition: all 0.3s ease-in-out 0s;
2365}
2366#generic_price_table_home .purple{
2367	background: #9B59B6;
2368	transition: all 0.3s ease-in-out 0s;
2369}
2370#generic_price_table_home .red{
2371	background: #E74C3C;
2372	transition:all 0.3s ease-in-out 0s;
2373}
2374#generic_price_table_home .turquoise{
2375	background: #1ABC9C;
2376	transition: all 0.3s ease-in-out 0s;
2377}
2378
2379#generic_price_table_home .blue:hover,
2380#generic_price_table_home .emerald:hover,
2381#generic_price_table_home .grey:hover,
2382#generic_price_table_home .midnight:hover,
2383#generic_price_table_home .orange:hover,
2384#generic_price_table_home .purple:hover,
2385#generic_price_table_home .red:hover,
2386#generic_price_table_home .turquoise:hover{
2387	border-bottom-left-radius: 50px;
2388    border-bottom-right-radius: 50px;
2389    border-top-left-radius: 50px;
2390    border-top-right-radius: 50px;
2391	transition: all 0.3s ease-in-out 0s;
2392}
2393#generic_price_table_home .divider{
2394	border-bottom: 1px solid #ddd;
2395	margin-bottom: 20px;
2396	padding: 20px;
2397}
2398#generic_price_table_home .divider span{
2399	width: 100%;
2400	display: table;
2401	height: 2px;
2402	background: #ddd;
2403	margin: 50px auto;
2404	line-height: 2px;
2405}
2406#generic_price_table_home .itemname{
2407	text-align: center;
2408	font-size: 50px ;
2409	padding: 50px 0 20px ;
2410	border-bottom: 1px solid #ddd;
2411	margin-bottom: 40px;
2412	text-decoration: none;
2413    font-weight: 300;
2414}
2415#generic_price_table_home .itemnametext{
2416    text-align: center;
2417    font-size: 20px;
2418    padding-top: 5px;
2419    text-transform: uppercase;
2420    display: inline-block;
2421}
2422#generic_price_table_home .footer{
2423	padding:40px 0;
2424}
2425
2426.price-heading{
2427    text-align: center;
2428}
2429.price-heading h1{
2430	color: #666;
2431	margin: 0;
2432	padding: 0 0 50px 0;
2433}
2434.demo-button {
2435    background-color: #333333;
2436    color: #ffffff;
2437    display: table;
2438    font-size: 20px;
2439    margin-left: auto;
2440    margin-right: auto;
2441    margin-top: 20px;
2442    margin-bottom: 50px;
2443    outline-color: -moz-use-text-color;
2444    outline-style: none;
2445    outline-width: medium ;
2446    padding: 10px;
2447    text-align: center;
2448    text-transform: uppercase;
2449}
2450.bottom_btn{
2451	background-color: #333333;
2452    color: #ffffff;
2453    display: table;
2454    font-size: 28px;
2455    margin: 60px auto 20px;
2456    padding: 10px 25px;
2457    text-align: center;
2458    text-transform: uppercase;
2459}
2460.demo-button:hover{
2461	background-color: #666;
2462	color: #FFF;
2463	text-decoration:none;
2464	
2465}
2466.bottom_btn:hover{
2467	background-color: #666;
2468	color: #FFF;
2469	text-decoration:none;
2470}
2471.header_utm{
2472  width: 60vw;
2473  text-align: center;
2474  margin: 0 auto;
2475}
2476#form {
2477  text-align: center;
2478}
2479
2480#form div {
2481  padding: 0 20px;
2482}
2483
2484#form div input {
2485  padding: 10px;
2486  width: 45vw;
2487  margin: auto;
2488}
2489#form .btn{
2490  margin: 10px 0 30px;
2491}
2492#utm-url {
2493  width: 90% !important;
2494}
2495.vermell{
2496  color: red;
2497}
2498.exemple{
2499  color: grey;
2500  margin: 0 auto 20px;
2501  width: 44vw;
2502  text-align: start;
2503}
2504#form div label .fa{
2505color: #7fb9c6;
2506}@media (max-width: 768px){  	
2507    .grid{
2508        display: grid;
2509        grid-template-columns: auto!important;
2510    }
2511	.navbar > .container-fluid {
2512      display: block;
2513      min-height: 0;
2514      padding: 0 15px;
2515	}
2516}.service-landing{
2517
2518}
2519.service-landing section .contact-btn.disabled {
2520    pointer-events: none;
2521}
2522.service-landing section.gris{
2523	background-color: var(--gris-fondo);
2524}
2525.service-landing section.blau{
2526	background-color: var(--blau-s);
2527}
2528.service-landing section.blau h2,
2529.service-landing section.blau p,
2530.service-landing section.blau p strong{
2531	color: var(--blanc);
2532}
2533.service-landing section.blau p{
2534	font-size: clamp(1.8rem, 2vi, 2rem);
2535}
2536.service-landing section.blau .contact-btn{
2537	border: 2px solid var(--blanc);
2538}
2539.service-landing h2{
2540	text-align: center;
2541  	margin-bottom: var(--padding-y);
2542  	font-size: clamp(2.6rem, 2vi, 3.2rem);
2543}
2544.service-landing img,
2545.service-landing video{
2546  	width: 100%;
2547    height: auto;
2548  	border-radius: 5px;
2549}
2550.service-landing section{
2551	padding: var(--padding-y) 0;
2552}
2553.service-landing .text{
2554	  	
2555}
2556.service-landing .text p{
2557	text-align: center;
2558}
2559
2560.service-landing .text-img .grid{
2561  	display: grid;
2562    grid-template-columns: 48% 50%;
2563    column-gap: 2%;
2564  	row-gap: 2rem;
2565    align-items: center;
2566}
2567.service-landing .grid-4 > div >  p{
2568	text-align: center;
2569}
2570.service-landing .grid-4 .grid{
2571	display: grid;
2572  	grid-template-columns: 1fr 1fr 1fr 1fr;
2573  	grid-gap: 4rem;
2574  	padding: 3rem 0;
2575}
2576.service-landing .grid-4 .grid .grid-item{
2577  	display: flex;
2578    flex-direction: column;
2579    justify-content: start;
2580    align-items: center;
2581    box-shadow: 0px 0px 5px 5px var(--gris);
2582    border-radius: 1rem;
2583    padding: 2rem 1.5rem;
2584  	transition: all 0.7s;
2585}
2586.service-landing .grid-4 .grid .grid-item:hover{
2587	box-shadow: 0px 0px 5px 5px var(--blau-s);
2588}
2589.service-landing .grid-4 .grid .grid-item img{
2590	filter: var(--secondary-filter);
2591  	width: 64px;
2592}
2593.service-landing .grid-4 .grid .grid-item h3{
2594  	height: 7rem;
2595    text-align: center;
2596  	display: flex;
2597    justify-content: center;
2598    align-items: center;
2599}
2600
2601.service-landing .grid-4 .grid .grid-item p{
2602}
2603.service-landing .grid-3{
2604  	background: var(--gradient);
2605}
2606.service-landing .grid-3 h2{
2607	color: #fff;
2608}
2609.service-landing .grid-3 > div >  p{
2610	text-align: center;
2611  	color: #fff;
2612  	font-size: clamp(1.8rem, 2vi, 2rem);
2613}
2614.service-landing .grid-3 .grid{
2615	display: grid;
2616  	grid-template-columns: 1fr 1fr 1fr;
2617  	grid-gap: 4rem;
2618  	padding: 3rem 0;
2619}
2620.service-landing .grid-3 .grid .grid-item{
2621  	background-color: #fff;
2622    border-radius: 3rem;
2623    overflow: hidden;
2624  	display: flex;
2625  	flex-direction: column;
2626  	padding-bottom: 3rem;
2627}
2628.service-landing .grid-3 .grid .grid-item figure{
2629  	height: 25rem;
2630    width: 25rem;
2631    margin: 0 auto;
2632}
2633.service-landing .grid-3 .grid .grid-item figure img{
2634	width: 100%;
2635    height: 100%;
2636    object-fit: cover;
2637    border-radius: 50%;
2638    padding: 3rem;
2639  	transition: all 0.7s;
2640}
2641.service-landing .grid-3 .grid .grid-item:hover figure img{
2642  	transform: scale(1.2);
2643}
2644
2645.service-landing .grid-3 .grid .grid-item figure.svg{
2646	height: 15rem;
2647    width: 15rem;
2648}
2649.service-landing .grid-3 .grid .grid-item figure.svg svg{
2650	width: 100%;
2651    height: 100%;
2652  	object-fit: cover;
2653    padding: 3rem;
2654  	transition: all 0.7s;
2655}
2656.service-landing .grid-3 .grid .grid-item:hover figure.svg svg{
2657  	transform: scale(1.2);
2658}
2659
2660.service-landing .grid-3 .grid .grid-item h3{
2661  	height: 5rem;
2662    text-align: center;
2663    padding: 0 1.5rem;
2664  	display: flex;
2665    justify-content: center;
2666    align-items: center;
2667}
2668.service-landing .grid-3 .grid .grid-item p{
2669	padding: 0 1.5rem;
2670}
2671
2672.service-landing .casos > div > p{
2673	text-align: center;
2674}
2675.service-landing .casos .row{
2676	margin-bottom: 5rem;
2677  	margin-top: 5rem;
2678}
2679.service-landing .preguntes .faqs{
2680  padding: 0;
2681}
2682.service-landing .buttons-grid p{
2683	text-align: center;
2684}
2685.service-landing .buttons-grid .grid{
2686	display: grid;
2687    grid-template-columns: 1fr 1fr 1fr;
2688    grid-gap: 5rem;
2689    justify-content: center;
2690    align-items: center;
2691    padding: 3rem 0 5rem;
2692}
2693.service-landing .buttons-grid .grid .grid-button{
2694	display: block;
2695    text-align: center;
2696    font-size: 2rem;
2697    border-radius: 3rem;
2698    padding: 1.5rem 0;
2699    background-color: var(--blau-p);
2700  	transition: all 0.7s;
2701}
2702.service-landing .buttons-grid .grid .grid-button:hover{
2703	background-color: var(--blau-s);
2704}
2705.service-landing .buttons-grid .grid .grid-button a{
2706	text-decoration: none;
2707  	color: #fff;
2708  	pointer-events: none;
2709}
2710
2711.service-landing .kit-digital h3{
2712  	font-size: clamp(2rem, 2vi, 2.6rem);
2713    margin: 5rem 0 3rem;
2714}
2715.service-landing .kit-digital .grid{
2716	display: grid;
2717    grid-template-columns: repeat(auto-fill, 200px);
2718  	justify-content: center;
2719    grid-gap: 2rem;
2720    padding: 3rem 0 8rem;
2721}
2722.service-landing .kit-digital .grid .grid-item{
2723  	background-color: var(--blanc-1);
2724    border-radius: 3rem;
2725    padding: 3rem 0rem 5rem;
2726}
2727.service-landing .kit-digital .grid .grid-item .importe{
2728  	display: block;
2729    text-align: center;
2730    font-size: 3.6rem;
2731}
2732.service-landing .kit-digital .grid .grid-item .empleados{
2733  	display: block;
2734	text-align: center;
2735}
2736.service-landing .grid-5 > div >  p{
2737	text-align: center;
2738}
2739.service-landing .grid-5 .grid{
2740	display: grid;
2741  	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
2742  	grid-gap: 4rem;
2743  	padding: 3rem 0;
2744}
2745.service-landing .grid-5 .grid .grid-item{
2746  	display: flex;
2747    flex-direction: column;
2748    justify-content: start;
2749    align-items: center;
2750    box-shadow: 0px 0px 5px 5px var(--gris);
2751    border-radius: 1rem;
2752    padding: 2rem 1.5rem;
2753  	transition: all 0.7s;
2754  	background-color: transparent;
2755}
2756.service-landing .grid-5 .grid .grid-item:hover{
2757	box-shadow: 0px 0px 5px 5px var(--blau-s);
2758}
2759.service-landing .grid-5 .grid .grid-item h3 a{
2760  	text-decoration: none;
2761    font-size: 1.6rem;
2762    text-align: center;
2763    display: block;
2764    pointer-events: none;
2765}
2766.service-landing .grid-5 .grid .grid-item h3 a span{
2767    font-size: 2.1rem;
2768    font-weight: bold;
2769}
2770
2771
2772
2773@media (max-width: 768px){ 
2774  	.service-landing .grid-4 .grid,
2775  	.service-landing .grid-3 .grid,
2776  	.service-landing .text-img .grid,
2777  	.service-landing .kit-digital .grid{
2778  		grid-template-columns: 100%;
2779	}
2780}.service-landing .precios .generic_content {
2781    background-color: #fff;
2782}
2783
2784.service-landing .precios .generic_content .generic_head_price {
2785    background-color: #f6f6f6;
2786}
2787
2788.service-landing .precios .generic_content .generic_head_price .generic_head_content .head_bg {
2789    border-color: rgba(230, 241, 243, 1) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(230, 241, 243, 1);
2790}
2791
2792.service-landing .precios .generic_content .generic_head_price .generic_head_content .head span {
2793    color: #525252;
2794}
2795
2796.service-landing .precios .generic_content .generic_head_price .generic_price_tag .price .sign {
2797    color: #414141;
2798}
2799
2800.service-landing .precios .generic_content .generic_head_price .generic_price_tag .price .currency {
2801    color: #414141;
2802}
2803
2804.service-landing .precios .generic_content .generic_head_price .generic_price_tag .price .cent {
2805    color: #414141;
2806}
2807
2808.service-landing .precios .generic_content .generic_head_price .generic_price_tag .month {
2809    color: #414141;
2810}
2811
2812.service-landing .precios .generic_content .generic_feature_list ul li {
2813    color: #a7a7a7;
2814}
2815
2816.service-landing .precios .generic_content .generic_feature_list ul li span {
2817    color: #414141;
2818    font-size: 1em !important;
2819}
2820
2821.service-landing .precios .generic_content .generic_feature_list ul li:hover {
2822    background-color: #E4E4E4;
2823    border-left: 5px solid rgb(43, 66, 70);
2824}
2825
2826.service-landing .precios .generic_content .generic_price_btn a {
2827    border: 1px solid rgb(43, 66, 70);
2828    color: rgb(43, 66, 70);
2829}
2830
2831.service-landing .precios .generic_content.active .generic_head_price .generic_head_content .head_bg,
2832.service-landing .precios .generic_content:hover .generic_head_price .generic_head_content .head_bg {
2833    border-color: rgb(43, 66, 70) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgb(43, 66, 70);
2834    color: #fff;
2835}
2836
2837.service-landing .precios .generic_content:hover .generic_head_price .generic_head_content .head span,
2838.service-landing .precios .generic_content.active .generic_head_price .generic_head_content .head span {
2839    color: #fff;
2840}
2841
2842.service-landing .precios .generic_content:hover .generic_price_btn a,
2843.service-landing .precios .generic_content.active .generic_price_btn a {
2844    background-color: rgba(127, 185, 198, 1);
2845    color: #fff;
2846}
2847
2848.service-landing .precios {
2849    margin: 50px 0 50px 0;
2850
2851}
2852
2853.service-landing .precios .row .table {
2854    padding: 28px 0;
2855}
2856
2857/*PRICE BODY CODE START*/
2858
2859.service-landing .precios .col-md-4 {
2860    min-height: 695px;
2861}
2862
2863.service-landing .precios .generic_content {
2864    overflow: hidden;
2865    position: relative;
2866    text-align: center;
2867}
2868
2869.service-landing .precios .generic_content .generic_head_price {
2870    margin: 0 0 20px 0;
2871}
2872
2873.service-landing .precios .generic_content .generic_head_price .generic_head_content {
2874    margin: 0 0 37px 0;
2875    min-height: 100px;
2876}
2877
2878.service-landing .precios .generic_content .generic_head_price .generic_head_content .head_bg {
2879    border-style: solid;
2880    border-width: 90px 1411px 23px 399px;
2881    position: absolute;
2882}
2883
2884.service-landing .precios .generic_content .generic_head_price .generic_head_content .head {
2885    padding-top: 40px;
2886    position: relative;
2887    z-index: 1;
2888}
2889
2890.service-landing .precios .generic_content .generic_head_price .generic_head_content .head span {
2891
2892    font-size: 15px;
2893    font-weight: 400;
2894    letter-spacing: 2px;
2895    margin: 0;
2896    padding: 0;
2897    text-transform: uppercase;
2898    font-weight: bold;
2899}
2900
2901.service-landing .precios .generic_content .generic_head_price .generic_price_tag {
2902    padding: 0 0 20px;
2903}
2904
2905.service-landing .precios .generic_content .generic_head_price .generic_price_tag .price {
2906    display: block;
2907}
2908
2909.service-landing .precios .generic_content .generic_head_price .generic_price_tag .price .sign {
2910    display: inline-block;
2911
2912    font-size: 28px;
2913    font-weight: 400;
2914    vertical-align: middle;
2915}
2916
2917.service-landing .precios .generic_content .generic_head_price .generic_price_tag .price .currency {
2918
2919    font-size: 50px;
2920    font-weight: 300;
2921    letter-spacing: -2px;
2922    line-height: 60px;
2923    padding: 0;
2924    vertical-align: middle;
2925}
2926
2927.service-landing .precios .generic_content .generic_head_price .generic_price_tag .price .cent {
2928    display: inline-block;
2929
2930    font-size: 24px;
2931    font-weight: 400;
2932    vertical-align: bottom;
2933}
2934
2935.service-landing .precios .generic_content .generic_head_price .generic_price_tag .month {
2936
2937    font-size: 18px;
2938    font-weight: 400;
2939    letter-spacing: 3px;
2940    vertical-align: bottom;
2941}
2942
2943.service-landing .precios .generic_content .generic_feature_list ul {
2944    list-style: none;
2945    padding: 0;
2946    margin: 0;
2947}
2948
2949.service-landing .precios .generic_content .generic_feature_list ul li {
2950
2951    font-size: 18px;
2952    padding: 10px 0;
2953    transition: all 0.3s ease-in-out 0s;
2954}
2955
2956.service-landing .precios .generic_content .generic_feature_list ul li:hover {
2957    transition: all 0.3s ease-in-out 0s;
2958    -moz-transition: all 0.3s ease-in-out 0s;
2959    -ms-transition: all 0.3s ease-in-out 0s;
2960    -o-transition: all 0.3s ease-in-out 0s;
2961    -webkit-transition: all 0.3s ease-in-out 0s;
2962
2963}
2964
2965.service-landing .precios .generic_content .generic_feature_list ul li .fa {
2966    padding: 0 10px;
2967}
2968
2969.service-landing .precios .generic_content .generic_price_btn {
2970    margin: 20px 0 32px;
2971}
2972
2973.service-landing .precios .generic_content .generic_price_btn a {
2974    border-radius: 50px;
2975    -moz-border-radius: 50px;
2976    -ms-border-radius: 50px;
2977    -o-border-radius: 50px;
2978    -webkit-border-radius: 50px;
2979    display: inline-block;
2980    font-family: "Lato", sans-serif;
2981    font-size: 18px;
2982    outline: medium none;
2983    padding: 12px 30px;
2984    text-decoration: none;
2985    text-transform: uppercase;
2986    font-weight: bold;
2987}
2988
2989.service-landing .precios .generic_content,
2990.service-landing .precios .generic_content:hover,
2991.service-landing .precios .generic_content .generic_head_price .generic_head_content .head_bg,
2992.service-landing .precios .generic_content:hover .generic_head_price .generic_head_content .head_bg,
2993.service-landing .precios .generic_content .generic_head_price .generic_head_content .head h2,
2994.service-landing .precios .generic_content:hover .generic_head_price .generic_head_content .head h2,
2995.service-landing .precios .generic_content .price,
2996.service-landing .precios .generic_content:hover .price,
2997.service-landing .precios .generic_content .generic_price_btn a,
2998.service-landing .precios .generic_content:hover .generic_price_btn a {
2999    transition: all 0.3s ease-in-out 0s;
3000    -moz-transition: all 0.3s ease-in-out 0s;
3001    -ms-transition: all 0.3s ease-in-out 0s;
3002    -o-transition: all 0.3s ease-in-out 0s;
3003    -webkit-transition: all 0.3s ease-in-out 0s;
3004}
3005
3006@media (max-width: 320px) {}
3007
3008@media (max-width: 767px) {
3009    .service-landing .precios .generic_content {
3010        margin-bottom: 75px;
3011    }
3012}
3013
3014@media (min-width: 768px) and (max-width: 991px) {
3015    .service-landing .precios .col-md-3 {
3016        float: left;
3017        width: 50%;
3018    }
3019
3020    .service-landing .precios .col-md-4 {
3021        float: left;
3022        width: 50%;
3023    }
3024
3025    .service-landing .precios .generic_content {
3026        margin-bottom: 75px;
3027    }
3028}
3029
3030@media (min-width: 992px) and (max-width: 1199px) {}
3031
3032@media (min-width: 1200px) {}
3033
3034.service-landing .precios_home {
3035    font-family: 'Raleway', sans-serif;
3036}
3037
3038.service-landing .precios .text-center h1,
3039.service-landing .precios .text-center h1 a {
3040    color: #7885CB;
3041    font-size: 30px;
3042    font-weight: 300;
3043    text-decoration: none;
3044}
3045
3046.service-landing .precios .demo-pic {
3047    margin: 0 auto;
3048}
3049
3050.service-landing .precios .demo-pic:hover {
3051    opacity: 0.7;
3052}
3053
3054.service-landing .precios_home ul {
3055    margin: 0 auto;
3056    padding: 0;
3057    list-style: none;
3058    display: table;
3059}
3060
3061.service-landing .precios_home li {
3062    float: left;
3063}
3064
3065.service-landing .precios_home li+li {
3066    margin-left: 10px;
3067    padding-bottom: 10px;
3068}
3069
3070.service-landing .precios_home li a {
3071    display: block;
3072    width: 50px;
3073    height: 50px;
3074    font-size: 0px;
3075}
3076
3077.service-landing .precios_home .blue {
3078    background: #3498DB;
3079    transition: all 0.3s ease-in-out 0s;
3080}
3081
3082.service-landing .precios_home .emerald {
3083    background: rgb(43, 66, 70);
3084    transition: all 0.3s ease-in-out 0s;
3085}
3086
3087.service-landing .precios_home .grey {
3088    background: #7F8C8D;
3089    transition: all 0.3s ease-in-out 0s;
3090}
3091
3092.service-landing .precios_home .midnight {
3093    background: #34495E;
3094    transition: all 0.3s ease-in-out 0s;
3095}
3096
3097.service-landing .precios_home .orange {
3098    background: #E67E22;
3099    transition: all 0.3s ease-in-out 0s;
3100}
3101
3102.service-landing .precios_home .purple {
3103    background: #9B59B6;
3104    transition: all 0.3s ease-in-out 0s;
3105}
3106
3107.service-landing .precios_home .red {
3108    background: #E74C3C;
3109    transition: all 0.3s ease-in-out 0s;
3110}
3111
3112.service-landing .precios_home .turquoise {
3113    background: #1ABC9C;
3114    transition: all 0.3s ease-in-out 0s;
3115}
3116
3117.service-landing .precios_home .blue:hover,
3118.service-landing .precios_home .emerald:hover,
3119.service-landing .precios_home .grey:hover,
3120.service-landing .precios_home .midnight:hover,
3121.service-landing .precios_home .orange:hover,
3122.service-landing .precios_home .purple:hover,
3123.service-landing .precios_home .red:hover,
3124.service-landing .precios_home .turquoise:hover {
3125    border-bottom-left-radius: 50px;
3126    border-bottom-right-radius: 50px;
3127    border-top-left-radius: 50px;
3128    border-top-right-radius: 50px;
3129    transition: all 0.3s ease-in-out 0s;
3130}
3131
3132.service-landing .precios_home .divider {
3133    border-bottom: 1px solid #ddd;
3134    margin-bottom: 20px;
3135    padding: 20px;
3136}
3137
3138.service-landing .precios_home .divider span {
3139    width: 100%;
3140    display: table;
3141    height: 2px;
3142    background: #ddd;
3143    margin: 50px auto;
3144    line-height: 2px;
3145}
3146
3147.service-landing .precios_home .itemname {
3148    text-align: center;
3149    font-size: 50px;
3150    padding: 50px 0 20px;
3151    border-bottom: 1px solid #ddd;
3152    margin-bottom: 40px;
3153    text-decoration: none;
3154    font-weight: 300;
3155}
3156
3157.service-landing .precios_home .itemnametext {
3158    text-align: center;
3159    font-size: 20px;
3160    padding-top: 5px;
3161    text-transform: uppercase;
3162    display: inline-block;
3163}
3164
3165.service-landing .precios_home .footer {
3166    padding: 40px 0;
3167}
3168
3169.service-landing .precios .price-heading {
3170    text-align: center;
3171}
3172
3173.service-landing .precios .price-heading h1 {
3174    color: #666;
3175    margin: 0;
3176    padding: 0 0 50px 0;
3177}
3178
3179.service-landing .precios .demo-button {
3180    background-color: #333333;
3181    color: #ffffff;
3182    display: table;
3183    font-size: 20px;
3184    margin-left: auto;
3185    margin-right: auto;
3186    margin-top: 20px;
3187    margin-bottom: 50px;
3188    outline-color: -moz-use-text-color;
3189    outline-style: none;
3190    outline-width: medium;
3191    padding: 10px;
3192    text-align: center;
3193    text-transform: uppercase;
3194}
3195
3196.service-landing .precios .bottom_btn {
3197    background-color: #333333;
3198    color: #ffffff;
3199    display: table;
3200    font-size: 28px;
3201    margin: 60px auto 20px;
3202    padding: 10px 25px;
3203    text-align: center;
3204    text-transform: uppercase;
3205}
3206
3207.service-landing .precios .demo-button:hover {
3208    background-color: #666;
3209    color: #FFF;
3210    text-decoration: none;
3211
3212}
3213
3214.service-landing .precios .bottom_btn:hover {
3215    background-color: #666;
3216    color: #FFF;
3217    text-decoration: none;
3218}.service-landing div.to-header{
3219  	margin-top: -30rem;
3220    padding-bottom: 5rem;
3221    text-align: center;
3222}
3223.service-landing div.to-header p{
3224	text-align: center;
3225  	font-size: clamp(1.8rem, 2vi, 2rem);
3226  	color: var(--blanc);
3227}
3228@media (max-width: 768px){
3229	.service-landing div.to-header{
3230      margin-top: -20rem;
3231      padding-bottom: 8rem;
3232	}
3233}.kits-landing {}
3234
3235.kits-landing h2 {
3236    text-align: center;
3237    margin-bottom: var(--padding-y);
3238    font-size: clamp(2.6rem, 2vi, 3.2rem);
3239}
3240
3241.kits-landing img {
3242    width: 100%;
3243    height: auto;
3244}
3245
3246.kits-landing section {
3247    padding: var(--padding-y) 0;
3248}
3249.kits-landing section.gris {
3250    background-color: var(--gris-fondo);
3251}
3252
3253.kits-landing .text {}
3254
3255.kits-landing .text p {
3256    text-align: center;
3257}
3258
3259.kits-landing .text-img {
3260    padding: var(--padding-y) 0;    
3261}
3262
3263.kits-landing .text-img .grid {
3264    display: grid;
3265    grid-template-columns: 48% 50%;
3266    column-gap: 2%;
3267    row-gap: 2rem;
3268    align-items: center;
3269}
3270
3271.kits-landing .text-img-grid {
3272    padding: var(--padding-y) 0;
3273}
3274
3275.kits-landing .text-img-grid .grid {
3276    display: grid;
3277    grid-template-columns: 38% 60%;
3278    column-gap: 2%;
3279    row-gap: 2rem;
3280    align-items: center;
3281}
3282
3283.kits-landing .text-img-grid .grid div .grid-prices,
3284.kits-landing .segments .grid{
3285    display: grid;
3286    grid-template-columns: repeat(auto-fill, 200px);
3287    justify-content: center;
3288    grid-gap: 2rem;
3289    padding: 3rem 0 8rem;
3290}
3291
3292.kits-landing .text-img-grid .grid div .grid-prices .grid-item,
3293.kits-landing .segments .grid .grid-item{
3294    background-color: var(--blanc-1);
3295    border-radius: 3rem;
3296    padding: 3rem 0rem 5rem;
3297}
3298
3299.kits-landing .text-img-grid .grid div .grid-prices .grid-item .
3299importe,
3300.kits-landing .segments .grid .grid-item .importe{
3301    display: block;
3302    text-align: center;
3303    font-size: 3.6rem;
3304}
3305
3306.kits-landing .text-img-grid .grid div .grid-prices .grid-item .empleados,
3307.kits-landing .segments .grid .grid-item .empleados{
3308    display: block;
3309    text-align: center;
3310}
3311
3312.kits-landing .grid-3 {
3313    background: var(--gradient);
3314}
3315
3316.kits-landing .grid-3 h2 {
3317    color: #fff;
3318}
3319
3320.kits-landing .grid-3 .grid {
3321    display: grid;
3322    grid-template-columns: 1fr 1fr 1fr;
3323    grid-gap: 4rem;
3324    padding: 3rem 0;
3325    width: 80%;
3326    margin: auto;
3327}
3328
3329.kits-landing .grid-3 .grid .grid-item {
3330    background-color: #fff;
3331    border-radius: 3rem;
3332    overflow: hidden;
3333    display: flex;
3334    flex-direction: column;
3335    padding-bottom: 3rem;
3336}
3337
3338.kits-landing .grid-3 .grid .grid-item figure {
3339    height: 25rem;
3340    width: 25rem;
3341    margin: 0 auto;
3342}
3343
3344.kits-landing .grid-3 .grid .grid-item figure img {
3345    width: 100%;
3346    height: 100%;
3347    object-fit: cover;
3348    border-radius: 50%;
3349    padding: 3rem;
3350    transition: all 0.7s;
3351}
3352
3353.kits-landing .grid-3 .grid .grid-item:hover figure img {
3354    transform: scale(1.2);
3355}
3356
3357.kits-landing .grid-3 .grid .grid-item h3 {
3358    height: 6rem;
3359    text-align: center;
3360    padding: 0 1.5rem;
3361    display: flex;
3362    justify-content: center;
3363    align-items: center;
3364    font-size: 2.4rem;
3365    margin-bottom: 3rem;
3366}
3367
3368.kits-landing .grid-3 .grid .grid-item p {
3369    padding: 0 1.5rem;
3370}
3371
3372.kits-landing .grid-3 .grid .grid-item ul {
3373    padding: 0;
3374    list-style: none;
3375}
3376
3377.kits-landing .grid-3 .grid .grid-item ul li {
3378    padding: 1rem 2.5rem 0;
3379    border-bottom: 1px solid #ddd;
3380}
3381
3382.kits-landing .grid-3 .grid .grid-item span {
3383    display: block;
3384    margin: 3rem auto 1rem;
3385    background-color: var(--blau-s);
3386    padding: 0.5rem 1.5rem;
3387    border-radius: 0.5rem;
3388    font-size: 1.8rem;
3389    color: #fff;
3390}
3391.kits-landing .grid-3 .grid .grid-item > a{
3392  	display: block;
3393    margin: 3rem auto 1rem;
3394    text-decoration: none;
3395    font-size: 1.8rem;
3396    text-transform: uppercase;
3397    background-color: var(--blau-s);
3398    color: #fff;
3399    padding: 0.5rem 3rem;
3400    border-radius: 3rem;
3401    transition: all 0.5s;
3402}
3403.kits-landing .grid-3 .grid .grid-item > a:hover{
3404  	background-color: var(--blau-p);
3405}
3406
3407
3408.kits-landing .grid-4 .grid {
3409    display: flex;
3410    flex-direction: row;
3411  	justify-content: center;
3412  	align-items: stretch;
3413  	flex-wrap: wrap;
3414    gap: 4rem;
3415    padding: 3rem 0;
3416}
3417
3418.kits-landing .grid-4 .grid .grid-item {
3419    display: flex;
3420    flex-direction: column;
3421    justify-content: start;
3422    align-items: center;
3423    box-shadow: 0px 0px 5px 5px var(--gris);
3424    border-radius: 1rem;
3425    padding: 2rem 1.5rem;
3426    transition: all 0.7s;
3427  	cursor: pointer;
3428  	width: 100%;
3429  	max-width: 255px;
3430}
3431
3432.kits-landing .grid-4 .grid .grid-item:hover {
3433    box-shadow: 0px 0px 5px 5px var(--blau-s);
3434}
3435
3436.kits-landing .grid-4 .grid .grid-item img {
3437    filter: var(--secondary-filter);
3438    width: 64px;
3439}
3440
3441.kits-landing .grid-4 .grid .grid-item h3 {
3442    height: 12rem;
3443    text-align: center;
3444    display: flex;
3445    justify-content: center;
3446    align-items: center;
3447}
3448.kits-landing .custom-list{
3449  	padding: 0;
3450    list-style: none;
3451}
3452.kits-landing .custom-list li{
3453  	border: 1px solid #ddd;
3454    padding: 0.5rem 1.5rem;
3455}
3456
3457
3458@media (max-width: 768px) {
3459  .kits-landing .grid-3 .grid{
3460  	width: 90%;
3461  }
3462    .kits-landing .grid-3 .grid,
3463    .kits-landing .grid-4 .grid,
3464    .kits-landing .text-img .grid,
3465    .kits-landing .text-img-grid .grid div .grid-prices {
3466        grid-template-columns: auto;
3467    }
3468}.kits-landing .modals .category-dialog {
3469  	position: fixed;
3470  	inset:0;
3471    max-width: 600px;
3472    width: 90%;
3473    padding: 0;
3474    border: none;
3475    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
3476    background: white;
3477    border-radius: 15px;
3478}
3479.kits-landing .modals .category-dialog::backdrop {
3480    background: rgba(0, 0, 0, 0.5);
3481    backdrop-filter: blur(4px);
3482}
3483.kits-landing .modals .category-dialog .dialog-content {
3484    padding: 40px;
3485    position: relative;
3486}
3487
3488.kits-landing .modals .category-dialog .dialog-content .close-btn {
3489    position: absolute;
3490    top: 15px;
3491    right: 15px;
3492    background: transparent;
3493    border: none;
3494    font-size: 2rem;
3495    color: #666;
3496    cursor: pointer;
3497    width: 40px;
3498    height: 40px;
3499    display: flex;
3500    align-items: center;
3501    justify-content: center;
3502    border-radius: 50%;
3503    transition: all 0.2s ease;
3504    line-height: 1;
3505}
3506
3507.kits-landing .modals .category-dialog .dialog-content .close-btn:hover {
3508    background: #f5f5f5;
3509    color: #333;
3510}
3511
3512@media (max-width: 768px) {
3513    .kits-landing .modals .category-dialog .dialog-content {
3514        padding: 30px 20px;
3515    }
3516}#formcontainer{
3517	padding-top: 12rem;
3518  	margin-top: -12rem; 
3519}
3520
3521[data-type="c"] .custom-adds-box {   
3522  	width: 100%;
3523  	background-color: transparent;
3524  	padding-bottom: 4rem;
3525  	max-width: 60rem;
3526  	margin: auto;
3527}
3528[data-type="c"] .custom-adds-box h2{
3529	font-size: 32px;
3530  	text-align: center;
3531}
3532[data-type="c"] .custom-adds-box > p{
3533  	font-size: 15px;
3534    line-height: 1.4;
3535  	text-align: center;
3536  	margin-bottom: 3rem;
3537}
3538
3539[data-type="c"] .custom-adds-box form label{
3540	display: none;
3541}
3542[data-type="c"] .custom-adds-box form input,
3543[data-type="c"] .custom-adds-box form select,
3544[data-type="c"] .custom-adds-box form textarea{
3545	border-radius: 2rem;
3546}
3547[data-type="c"] .custom-adds-box form .my-3{
3548	margin: 2rem 0;  	
3549  	display: flex;
3550    justify-content: center;
3551    align-items: center;
3552    gap: 1rem;
3553
3554}
3555[data-type="c"] .custom-adds-box form .my-3 input
3556[data-type="c"] .custom-adds-box form .my-3 select
3557[data-type="c"] .custom-adds-box form .my-3 textarea{
3558	margin: 0;
3559}
3560[data-type="c"] .custom-adds-box form .my-3 label{
3561  	display: inline-flex;
3562    color: var(--blau-p);
3563  	text-wrap: balance;
3564  	margin: 0;
3565}
3566
3567[data-type="c"] .custom-adds-box form .btn-enviar{
3568  	display: block;
3569    width: 100%;
3570    border: none;
3571    background-color: var(--blau-p);
3572    color: #fff;
3573    border-radius: 1rem;
3574    padding: 0.75rem;
3575    font-size: 16px;
3576    text-transform: uppercase;
3577}/* ==========================================================================
3578   ADDS LANDING - Estil base per totes les landings
3579   Sistema de components modular i reutilitzable
3580   ========================================================================== */
3581
3582/* Variables generals */
3583.adds-landing {
3584  --gradient-primary: linear-gradient(135deg, var(--blau-p) 0%, var(--blau-s) 100%);
3585  --gradient-secondary: linear-gradient(135deg, #36a1ba 0%, var(--blau-s) 100%);
3586  --shadow-sm: 0 2px 8px rgba(43, 66, 70, 0.08);
3587  --shadow-md: 0 4px 16px rgba(43, 66, 70, 0.12);
3588  --shadow-lg: 0 8px 32px rgba(43, 66, 70, 0.16);
3589}
3590
3591/* Reset de seccions */
3592.adds-landing section {
3593  padding: var(--padding-y) 0;
3594}
3595
3596.adds-landing section.gris {
3597  background-color: var(--gris-fondo);
3598}
3599
3600.adds-landing section.blau {
3601  background-color: var(--blau-s);
3602}
3603
3604.adds-landing section.blau h2,
3605.adds-landing section.blau h3,
3606.adds-landing section.blau p,
3607.adds-landing section.blau p strong,
3608.adds-landing section.blau li {
3609  color: var(--blanc);
3610}
3611
3612.adds-landing section.blau p {
3613  font-size: clamp(1.8rem, 2vi, 2rem);
3614}
3615
3616.adds-landing section.blau .contact-btn {
3617  border: 2px solid var(--blanc);
3618}
3619
3620.adds-landing .container {
3621  width: 90%;
3622  max-width: 1200px;
3623  margin: 0 auto;
3624}
3625
3626/* ==========================================================================
3627   COMPONENT: HERO - Versió Gradient amb Overlay
3628   ========================================================================== */
3629
3630.adds-landing .hero-immobiliari,
3631.adds-landing .hero-gradient {
3632  position: relative;
3633  min-height: 75vh;
3634  display: flex;
3635  align-items: center;
3636  background: linear-gradient(135deg, var(--blau-p) 0%, #36a1ba 50%, var(--blau-s) 100%);
3637  overflow: hidden;
3638  padding: 10rem 0 8rem;
3639}
3640
3641.adds-landing .hero-overlay {
3642  position: absolute;
3643  top: 0;
3644  left: 0;
3645  right: 0;
3646  bottom: 0;
3647  background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.03)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
3648  opacity: 0.5;
3649}
3650
3651.adds-landing .hero-content {
3652  position: relative;
3653  z-index: 2;
3654  max-width: 850px;
3655}
3656
3657.adds-landing .hero-tag {
3658  display: inline-block;
3659  background: rgba(255, 255, 255, 0.2);
3660  color: var(--blanc);
3661  padding: 0.8rem 2rem;
3662  border-radius: 3rem;
3663  font-size: 1.4rem;
3664  font-weight: 600;
3665  text-transform: uppercase;
3666  letter-spacing: 1px;
3667  margin-bottom: 2rem;
3668  backdrop-filter: blur(10px);
3669}
3670
3671.adds-landing .hero-title {
3672  font-size: clamp(3.2rem, 5vi, 5.6rem);
3673  color: var(--blanc);
3674  font-weight: 700;
3675  line-height: 1.2;
3676  margin-bottom: 2rem;
3677}
3678
3679.adds-landing .hero-subtitle {
3680  font-size: clamp(2rem, 3vi, 2.8rem);
3681  color: var(--blanc);
3682  font-weight: 400;
3683  margin-bottom: 2.5rem;
3684  opacity: 0.95;
3685}
3686
3687.adds-landing .hero-text {
3688  font-size: clamp(1.8rem, 2.2vi, 2.2rem);
3689  color: var(--blanc);
3690  line-height: 1.7;
3691  margin-bottom: 3rem;
3692  opacity: 0.9;
3693}
3694
3695.adds-landing .hero-features {
3696  display: flex;
3697  flex-wrap: wrap;
3698  gap: 2rem;
3699  margin-bottom: 4rem;
3700}
3701
3702.adds-landing .hero-feature-item {
3703  display: flex;
3704  align-items: center;
3705  gap: 1rem;
3706  color: var(--blanc);
3707  font-size: 1.8rem;
3708  font-weight: 500;
3709}
3710
3711.adds-landing .feature-icon {
3712  display: flex;
3713  align-items: center;
3714  justify-content: center;
3715  width: 2.8rem;
3716  height: 2.8rem;
3717  background: rgba(255, 255, 255, 0.25);
3718  border-radius: 50%;
3719  font-size: 1.6rem;
3720  backdrop-filter: blur(10px);
3721}
3722
3723/* HERO Simple (estil anterior compatible) */
3724.adds-landing .hero {
3725  text-align: center;
3726  padding: 8rem 0;
3727}
3728
3729.adds-landing .hero h1 {
3730  margin-bottom: 1.5rem;
3731}
3732
3733.adds-landing .hero h2 {
3734  color: var(--blau-s);
3735  font-weight: 400;
3736  margin-bottom: 3rem;
3737}
3738
3739.adds-landing .hero p {
3740  max-width: 800px;
3741  margin: 0 auto 3rem;
3742}
3743
3744/* ==========================================================================
3745   COMPONENT: SECTION HEADER
3746   ========================================================================== */
3747
3748.adds-landing .section-header {
3749  text-align: center;
3750  margin-bottom: 6rem;
3751}
3752
3753.adds-landing .section-header.left {
3754  text-align: left;
3755}
3756
3757.adds-landing .section-tag {
3758  display: inline-block;
3759  color: var(--blau-s);
3760  font-size: 1.4rem;
3761  font-weight: 700;
3762  text-transform: uppercase;
3763  letter-spacing: 2px;
3764  margin-bottom: 1.5rem;
3765}
3766
3767.adds-landing .section-header h2 {
3768  font-size: clamp(3rem, 4vi, 4.2rem);
3769  color: var(--blau-p);
3770  margin-bottom: 2rem;
3771  font-weight: 700;
3772}
3773
3774.adds-landing .section-intro {
3775  font-size: clamp(1.8rem, 2.2vi, 2.2rem);
3776  color: var(--gris-1);
3777  max-width: 700px;
3778  margin: 0 auto;
3779}
3780
3781.adds-landing .section-header.left .section-intro {
3782  margin: 0;
3783}
3784
3785/* ==========================================================================
3786   COMPONENT: RESULTATS CARDS
3787   ========================================================================== */
3788
3789.adds-landing .resultats-section {
3790  padding: 8rem 0;
3791  background: var(--blanc);
3792}
3793
3794.adds-landing .resultats-grid {
3795  display: grid;
3796  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
3797  gap: 3rem;
3798}
3799
3800.adds-landing .resultat-card {
3801  background: var(--gris-fondo);
3802  border-radius: 2rem;
3803  padding: 4rem 3rem;
3804  text-align: center;
3805  transition: all 0.3s ease;
3806  border: 2px solid transparent;
3807}
3808
3809.adds-landing .resultat-card:hover {
3810  transform: translateY(-8px);
3811  box-shadow: var(--shadow-lg);
3812  border-color: var(--blau-s);
3813}
3814
3815.adds-landing .resultat-icon {
3816  font-size: 4.5rem;
3817  margin-bottom: 2rem;
3818}
3819
3820.adds-landing .resultat-number {
3821  font-size: 5rem;
3822  font-weight: 700;
3823  color: var(--blau-s);
3824  line-height: 1;
3825  margin-bottom: 1.5rem;
3826}
3827
3828.adds-landing .resultat-text {
3829  font-size: 1.8rem;
3830  color: var(--blau-p);
3831  line-height: 1.5;
3832  font-weight: 500;
3833}
3834
3835/* ==========================================================================
3836   COMPONENT: SERVEIS - Layout Asimètric
3837   ========================================================================== */
3838
3839.adds-landing .serveis-section {
3840  padding: 8rem 0;
3841  background: var(--gris-fondo);
3842}
3843
3844.adds-landing .serveis-wrapper {
3845  display: flex;
3846  flex-direction: column;
3847  gap: 6rem;
3848}
3849
3850.adds-landing .servei-block {
3851  display: grid;
3852  grid-template-columns: 1fr 1fr;
3853  gap: 5rem;
3854  align-items: center;
3855  background: var(--blanc);
3856  border-radius: 2rem;
3857  overflow: hidden;
3858  box-shadow: var(--shadow-md);
3859}
3860
3861.adds-landing .servei-left .servei-content {
3862  padding: 5rem 5rem 5rem 8rem;
3863}
3864
3865.adds-landing .servei-left .servei-image {
3866  padding: 0;
3867}
3868
3869.adds-landing .servei-right .servei-content {
3870  padding: 5rem 8rem 5rem 5rem;
3871}
3872
3873.adds-landing .servei-right .servei-image {
3874  padding: 0;
3875}
3876
3877.adds-landing .servei-number {
3878  display: inline-block;
3879  font-size: 7rem;
3880  font-weight: 700;
3881  color: var(--blau-s);
3882  opacity: 0.2;
3883  line-height: 1;
3884  margin-bottom: 1rem;
3885}
3886
3887.adds-landing .servei-content h3 {
3888  font-size: clamp(2.4rem, 3vi, 3.2rem);
3889  color: var(--blau-p);
3890  margin-bottom: 2.5rem;
3891  font-weight: 700;
3892}
3893
3894.adds-landing .servei-content p {
3895  font-size: 1.9rem;
3896  line-height: 1.7;
3897  margin-bottom: 2rem;
3898}
3899
3900.adds-landing .servei-list {
3901  list-style: none;
3902  padding: 0;
3903  margin: 2.5rem 0;
3904}
3905
3906.adds-landing .servei-list li {
3907  font-size: 1.8rem;
3908  padding: 1.2rem 0;
3909  border-bottom: 1px solid #e0e0e0;
3910}
3911
3912.adds-landing .servei-list li:last-child {
3913  border-bottom: none;
3914}
3915
3916.adds-landing .servei-highlight {
3917  background: linear-gradient(135deg, var(--blau-p) 0%, var(--blau-s) 100%);
3918  color: var(--blanc);
3919  padding: 2rem 2.5rem;
3920  border-radius: 1rem;
3921  font-size: 1.9rem;
3922  font-weight: 600;
3923  margin-top: 2.5rem;
3924}
3925
3926.adds-landing .servei-image img {
3927  width: 100%;
3928  height: 100%;
3929  object-fit: cover;
3930  min-height: 450px;
3931}
3932
3933/* Plataformes grid */
3934.adds-landing .plataformes-grid {
3935  display: grid;
3936  grid-template-columns: repeat(3, 1fr);
3937  gap: 2rem;
3938  margin: 3rem 0;
3939}
3940
3941.adds-landing .plataforma-item {
3942  background: var(--gris-fondo);
3943  padding: 2rem;
3944  border-radius: 1rem;
3945  text-align: center;
3946}
3947
3948.adds-landing .plataforma-icon {
3949  width: 5rem;
3950  height: 5rem;
3951  background: var(--gradient-primary);
3952  color: var(--blanc);
3953  border-radius: 50%;
3954  display: flex;
3955  align-items: center;
3956  justify-content: center;
3957  font-size: 2.4rem;
3958  font-weight: 700;
3959  margin: 0 auto 1.5rem;
3960}
3961
3962.adds-landing .plataforma-item strong {
3963  display: block;
3964  font-size: 1.7rem;
3965  margin-bottom: 0.5rem;
3966  color: var(--blau-p);
3967}
3968
3969.adds-landing .plataforma-item span {
3970  display: block;
3971  font-size: 1.4rem;
3972  color: var(--gris-1);
3973}
3974
3975/* Segmentació box */
3976.adds-landing .segmentacio-box {
3977  background: var(--gris-fondo);
3978  padding: 2.5rem;
3979  border-radius: 1rem;
3980  margin: 3rem 0;
3981}
3982
3983.adds-landing .segmentacio-box h4 {
3984  font-size: 1.8rem;
3985  color: var(--blau-p);
3986  margin-bottom: 1.5rem;
3987  font-weight: 600;
3988}
3989
3990.adds-landing .segmentacio-tags {
3991  display: flex;
3992  flex-wrap: wrap;
3993  gap: 1rem;
3994}
3995
3996.adds-landing .segmentacio-tags .tag {
3997  background: var(--blanc);
3998  color: var(--blau-p);
3999  padding: 0.8rem 1.8rem;
4000  border-radius: 3rem;
4001  font-size: 1.5rem;
4002  font-weight: 600;
4003  border: 2px solid var(--blau-s);
4004}
4005
4006/* ==========================================================================
4007   COMPONENT: POTENCIEM CARDS (2 columnes)
4008   ========================================================================== */
4009
4010.adds-landing .potenciem-section {
4011  padding: 8rem 0;
4012  background: var(--blanc);
4013}
4014
4015.adds-landing .potenciem-grid {
4016  display: grid;
4017  grid-template-columns: 1fr 1fr;
4018  gap: 4rem;
4019  margin-top: 5rem;
4020}
4021
4022.adds-landing .potenciem-card {
4023  background: var(--gris-fondo);
4024  border-radius: 2rem;
4025  overflow: hidden;
4026  transition: all 0.3s ease;
4027}
4028
4029.adds-landing .potenciem-card:hover {
4030  transform: translateY(-8px);
4031  box-shadow: var(--shadow-lg);
4032}
4033
4034.adds-landing .potenciem-visual {
4035  position: relative;
4036  height: 350px;
4037  overflow: hidden;
4038}
4039
4040.adds-landing .potenciem-visual img {
4041  width: 100%;
4042  height: 100%;
4043  object-fit: cover;
4044}
4045
4046.adds-landing .visual-badge {
4047  position: absolute;
4048  top: 2rem;
4049  right: 2rem;
4050  background: var(--gradient-primary);
4051  color: var(--blanc);
4052  padding: 1rem 2.5rem;
4053  border-radius: 3rem;
4054  font-size: 1.6rem;
4055  font-weight: 700;
4056  box-shadow: var(--shadow-md);
4057}
4058
4059.adds-landing .potenciem-info {
4060  padding: 3.5rem;
4061}
4062
4063.adds-landing .potenciem-info h3 {
4064  font-size: 2.6rem;
4065  color: var(--blau-p);
4066  margin-bottom: 1.5rem;
4067  font-weight: 700;
4068}
4069
4070.adds-landing .potenciem-info p {
4071  font-size: 1.8rem;
4072  line-height: 1.7;
4073  margin-bottom: 2rem;
4074}
4075
4076.adds-landing .benefits-list {
4077  display: flex;
4078  flex-direction: column;
4079  gap: 1.5rem;
4080  margin-top: 2.5rem;
4081}
4082
4083.adds-landing .benefit-item {
4084  display: flex;
4085  align-items: center;
4086  gap: 1.5rem;
4087  background: var(--blanc);
4088  padding: 1.5rem 2rem;
4089  border-radius: 1rem;
4090  font-size: 1.7rem;
4091  font-weight: 600;
4092  color: var(--blau-p);
4093}
4094
4095.adds-landing .benefit-icon {
4096  font-size: 2.4rem;
4097}
4098
4099.adds-landing .ia-list {
4100  list-style: none;
4101  padding: 0;
4102  margin: 2rem 0;
4103}
4104
4105.adds-landing .ia-list li {
4106  padding: 1rem 0 1rem 3rem;
4107  position: relative;
4108  font-size: 1.7rem;
4109  line-height: 1.6;
4110}
4111
4112.adds-landing .ia-cta-box {
4113  background: var(--gradient-primary);
4114  color: var(--blanc);
4115  padding: 2.5rem;
4116  border-radius: 1rem;
4117  margin-top: 2.5rem;
4118}
4119
4120.adds-landing .ia-cta-box p {
4121  color: var(--blanc);
4122  margin-bottom: 1rem;
4123}
4124
4125.adds-landing .ia-cta-box p:last-child {
4126  margin-bottom: 0;
4127}
4128
4129/* ==========================================================================
4130   COMPONENT: TIMELINE
4131   ========================================================================== */
4132
4133.adds-landing .enfocament-section,
4134.adds-landing .timeline-section {
4135  padding: 8rem 0;
4136  background: var(--gris-fondo);
4137}
4138
4139.adds-landing .timeline {
4140  position: relative;
4141  max-width: 900px;
4142  margin: 5rem auto 0;
4143  padding-left: 5rem;
4144}
4145
4146.adds-landing .timeline::before {
4147  content: '';
4148  position: absolute;
4149  left: 1.8rem;
4150  top: 0;
4151  bottom: 0;
4152  width: 3px;
4153  background: var(--gradient-primary);
4154}
4155
4156.adds-landing .timeline-item {
4157  position: relative;
4158  margin-bottom: 4rem;
4159}
4160
4161.adds-landing .timeline-marker {
4162  position: absolute;
4163  left: -5rem;
4164  width: 4rem;
4165  height: 4rem;
4166  background: var(--gradient-primary);
4167  color: var(--blanc);
4168  border-radius: 50%;
4169  display: flex;
4170  align-items: center;
4171  justify-content: center;
4172  font-size: 2rem;
4173  font-weight: 700;
4174  box-shadow: 0 0 0 8px var(--gris-fondo);
4175}
4176
4177.adds-landing .timeline-content {
4178  background: var(--blanc);
4179  padding: 3rem;
4180  border-radius: 1.5rem;
4181  box-shadow: var(--shadow-sm);
4182  transition: all 0.3s ease;
4183}
4184
4185.adds-landing .timeline-content:hover {
4186  box-shadow: var(--shadow-md);
4187  transform: translateX(8px);
4188}
4189
4190.adds-landing .timeline-content h4 {
4191  font-size: 2.2rem;
4192  color: var(--blau-p);
4193  margin-bottom: 1rem;
4194  font-weight: 700;
4195}
4196
4197.adds-landing .timeline-content p {
4198  font-size: 1.7rem;
4199  line-height: 1.6;
4200  margin: 0;
4201}
4202
4203/* ==========================================================================
4204   COMPONENT: FAQ ACCORDION
4205   ========================================================================== */
4206
4207.adds-landing .faq-section {
4208  padding: 8rem 0;
4209  background: var(--blanc);
4210}
4211
4212.adds-landing .faq-accordion {
4213  max-width: 900px;
4214  margin: 0 auto;
4215}
4216
4217.adds-landing .faq-item {
4218  background: var(--gris-fondo);
4219  border-radius: 1.5rem;
4220  margin-bottom: 2rem;
4221  overflow: hidden;
4222  transition: all 0.3s ease;
4223}
4224
4225.adds-landing .faq-item:hover {
4226  box-shadow: var(--shadow-md);
4227}
4228
4229.adds-landing .faq-question {
4230  display: flex;
4231  justify-content: space-between;
4232  align-items: center;
4233  padding: 2.5rem 3rem;
4234  cursor: pointer;
4235  font-size: 2rem;
4236  font-weight: 700;
4237  color: var(--blau-p);
4238  transition: all 0.3s ease;
4239}
4240
4241.adds-landing .faq-question:hover {
4242  color: var(--blau-s);
4243}
4244
4245.adds-landing .faq-icon {
4246  font-size: 3rem;
4247  font-weight: 300;
4248  color: var(--blau-s);
4249  transition: transform 0.3s ease;
4250}
4251
4252.adds-landing .faq-answer {
4253  padding: 0 3rem 2.5rem;
4254  background: var(--blanc);
4255}
4256
4257.adds-landing .faq-answer p {
4258  font-size: 1.8rem;
4259  line-height: 1.7;
4260  margin: 0;
4261}
4262
4263/* ==========================================================================
4264   COMPONENT: CTA FINAL
4265   ========================================================================== */
4266
4267.adds-landing .cta-final-section {
4268  padding: 8rem 0;
4269  background: var(--gradient-primary);
4270}
4271
4272.adds-landing .cta-final-box {
4273  text-align: center;
4274  color: var(--blanc);
4275  max-width: 800px;
4276  margin: 0 auto;
4277}
4278
4279.adds-landing .cta-final-box h2 {
4280  font-size: clamp(3rem, 4vi, 4.2rem);
4281  color: var(--blanc);
4282  margin-bottom: 2rem;
4283  font-weight: 700;
4284}
4285
4286.adds-landing .cta-final-box p {
4287  font-size: clamp(1.8rem, 2.2vi, 2.2rem);
4288  color: var(--blanc);
4289  margin-bottom: 1.5rem;
4290  opacity: 0.95;
4291}
4292
4293.adds-landing .cta-promise {
4294  font-size: 2.2rem;
4295  margin: 3rem 0;
4296  opacity: 1;
4297}
4298
4299.adds-landing .cta-buttons {
4300  display: flex;
4301  justify-content: center;
4302  gap: 2rem;
4303  flex-wrap: wrap;
4304  margin-top: 3rem;
4305}
4306
4307/* ==========================================================================
4308   COMPONENT: BOTONS CTA
4309   ========================================================================== */
4310
4311.adds-landing .cta-primary {
4312  display: inline-block;
4313  background: var(--blanc);
4314  color: var(--blau-p);
4315  padding: 1.8rem 4.5rem;
4316  border-radius: 5rem;
4317  font-size: 1.9rem;
4318  font-weight: 700;
4319  text-decoration: none;
4320  transition: all 0.3s ease;
4321  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
4322}
4323
4324.adds-landing .cta-primary:hover {
4325  transform: translateY(-3px);
4326  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
4327  color: var(--blau-p);
4328  text-decoration: none;
4329}
4330
4331.adds-landing .cta-secondary {
4332  display: inline-block;
4333  background: transparent;
4334  color: var(--blanc);
4335  padding: 1.8rem 4.5rem;
4336  border-radius: 5rem;
4337  font-size: 1.9rem;
4338  font-weight: 700;
4339  text-decoration: none;
4340  border: 3px solid var(--blanc);
4341  transition: all 0.3s ease;
4342}
4343
4344.adds-landing .cta-secondary:hover {
4345  background: var(--blanc);
4346  color: var(--blau-p);
4347  text-decoration: none;
4348  transform: translateY(-3px);
4349}
4350
4351/* Botó contact (estil anterior compatible) */
4352.adds-landing .contact-btn {
4353  display: inline-block;
4354  margin: 3rem auto;
4355  background-color: var(--blau-s);
4356  color: #fff;
4357  padding: 1.5rem 4rem;
4358  border-radius: 3rem;
4359  text-decoration: none;
4360  font-weight: bold;
4361  font-size: 1.8rem;
4362  text-align: center;
4363  transition: all 0.7s;
4364  border: 2px solid var(--blau-s);
4365}
4366
4367.adds-landing .contact-btn:hover {
4368  background-color: var(--blau-p);
4369  border-color: var(--blau-p);
4370  color: #fff;
4371  text-decoration: none;
4372  transform: translateY(-2px);
4373  box-shadow: 0 4px 12px rgba(43, 66, 70, 0.3);
4374}
4375
4376.adds-landing .contact-btn.secondary {
4377  background-color: transparent;
4378  color: var(--blau-s);
4379  border: 2px solid var(--blau-s);
4380}
4381
4382.adds-landing .contact-btn.secondary:hover {
4383  background-color: var(--blau-s);
4384  color: #fff;
4385}
4386
4387.adds-landing .contact-btn.disabled {
4388  pointer-events: none;
4389  opacity: 0.6;
4390}
4391
4392/* ==========================================================================
4393   COMPONENT: TEXT SECTIONS (mantingut per compatibilitat)
4394   ========================================================================== */
4395
4396.adds-landing .text {
4397  text-align: center;
4398}
4399
4400.adds-landing .text p {
4401  text-align: center;
4402}
4403
4404.adds-landing .text-img h2 {
4405  text-align: center;
4406  margin-bottom: 4rem;
4407}
4408
4409.adds-landing .text-img .grid {
4410  display: grid;
4411  grid-template-columns: 48% 50%;
4412  column-gap: 2%;
4413  row-gap: 2rem;
4414  align-items: center;
4415}
4416
4417.adds-landing .text-img .grid.reverse {
4418  direction: rtl;
4419}
4420
4421.adds-landing .text-img .grid.reverse>div {
4422  direction: ltr;
4423}
4424
4425.adds-landing .text-img .grid>div>img {
4426  width: 100%;
4427  height: auto;
4428}
4429
4430/* ==========================================================================
4431   COMPONENT: GRID 3/4 (mantingut per compatibilitat)
4432   ========================================================================== */
4433
4434.adds-landing .grid-3 {
4435  background: var(--gradient);
4436}
4437
4438.adds-landing .grid-3 h2 {
4439  color: #fff;
4440}
4441
4442.adds-landing .grid-3>div>p {
4443  text-align: center;
4444  color: #fff;
4445  font-size: clamp(1.8rem, 2vi, 2rem);
4446}
4447
4448.adds-landing .grid-3 .grid {
4449  display: grid;
4450  grid-template-columns: 1fr 1fr 1fr;
4451  grid-gap: 4rem;
4452  padding: 3rem 0;
4453}
4454
4455.adds-landing .grid-3 .grid .grid-item {
4456  background-color: #fff;
4457  border-radius: 3rem;
4458  overflow: hidden;
4459  display: flex;
4460  flex-direction: column;
4461  padding-bottom: 3rem;
4462}
4463
4464.adds-landing .grid-3 .grid .grid-item figure {
4465  height: 25rem;
4466  width: 25rem;
4467  margin: 0 auto;
4468}
4469
4470.adds-landing .grid-3 .grid .grid-item figure img {
4471  width: 100%;
4472  height: 100%;
4473  object-fit: cover;
4474  border-radius: 50%;
4475  padding: 3rem;
4476  transition: all 0.7s;
4477}
4478
4479.adds-landing .grid-3 .grid .grid-item:hover figure img {
4480  transform: scale(1.2);
4481}
4482
4483.adds-landing .grid-3 .grid .grid-item figure.svg {
4484  height: 15rem;
4485  width: 15rem;
4486}
4487
4488.adds-landing .grid-3 .grid .grid-item figure.svg svg {
4489  width: 100%;
4490  height: 100%;
4491  object-fit: cover;
4492  padding: 3rem;
4493  transition: all 0.7s;
4494}
4495
4496.adds-landing .grid-3 .grid .grid-item:hover figure.svg svg {
4497  transform: scale(1.2);
4498}
4499
4500.adds-landing .grid-3 .grid .grid-item h3 {
4501  height: 5rem;
4502  text-align: center;
4503  padding: 0 1.5rem;
4504  display: flex;
4505  justify-content: center;
4506  align-items: center;
4507}
4508
4509.adds-landing .grid-3 .grid .grid-item p {
4510  padding: 0 1.5rem;
4511}
4512
4513.adds-landing .grid-4 h2 {
4514  text-align: center;
4515  margin-bottom: 4rem;
4516}
4517
4518.adds-landing .grid-4>div>p {
4519  text-align: center;
4520}
4521
4522.adds-landing .grid-4 .grid {
4523  display: grid;
4524  grid-template-columns: 1fr 1fr 1fr 1fr;
4525  grid-gap: 4rem;
4526  padding: 3rem 0;
4527}
4528
4529.adds-landing .grid-4 .grid .grid-item {
4530  display: flex;
4531  flex-direction: column;
4532  justify-content: start;
4533  align-items: center;
4534  box-shadow: 0px 0px 5px 5px var(--gris);
4535  border-radius: 1rem;
4536  padding: 2rem 1.5rem;
4537  transition: all 0.7s;
4538}
4539
4540.adds-landing .grid-4 .grid .grid-item:hover {
4541  box-shadow: 0px 0px 5px 5px var(--blau-s);
4542}
4543
4544.adds-landing .grid-4 .grid .grid-item img {
4545  filter: var(--secondary-filter);
4546  width: 64px;
4547}
4548
4549.adds-landing .grid-4 .grid .grid-item h3 {
4550  height: 7rem;
4551  text-align: center;
4552  display: flex;
4553  justify-content: center;
4554  align-items: center;
4555}
4556
4557/* ==========================================================================
4558   COMPONENT: LLISTES (mantingut per compatibilitat)
4559   ========================================================================== */
4560
4561.adds-landing .numbered-list ol {
4562  counter-reset: item;
4563  list-style: none;
4564  padding: 0;
4565  max-width: 800px;
4566  margin: 0 auto;
4567}
4568
4569.adds-landing .numbered-list ol li {
4570  counter-increment: item;
4571  padding: 2rem 0 2rem 6rem;
4572  position: relative;
4573  border-bottom: 1px solid #ddd;
4574}
4575
4576.adds-landing .numbered-list ol li:before {
4577  content: counter(item);
4578  position: absolute;
4579  left: 0;
4580  top: 50%;
4581  transform: translateY(-50%);
4582  background: var(--blau-s);
4583  color: white;
4584  width: 4rem;
4585  height: 4rem;
4586  border-radius: 50%;
4587  display: flex;
4588  align-items: center;
4589  justify-content: center;
4590  font-size: 2rem;
4591  font-weight: bold;
4592}
4593
4594.adds-landing .styled-list ul,
4595.adds-landing .styled-list {
4596  list-style: none;
4597  padding: 0;
4598}
4599
4600.adds-landing .styled-list ul li,
4601.adds-landing .styled-list li {
4602  padding: 1.5rem 0 1.5rem 4rem;
4603  position: relative;
4604  border-bottom: 1px solid #e0e0e0;
4605}
4606
4607
4608/* ==========================================================================
4609   COMPONENT: FORMULARI
4610   ========================================================================== */
4611
4612.adds-landing .form-service,
4613.adds-landing .form-service-immobiliari {
4614  padding: 8rem 0;
4615  background: var(--gris-fondo);
4616}
4617
4618.adds-landing .form-wrapper {
4619  display: grid;
4620  grid-template-columns: 45% 1fr;
4621  gap: 5rem;
4622  align-items: start;
4623}
4624
4625.adds-landing .form-info h2 {
4626  font-size: clamp(2.8rem, 4vi, 3.6rem);
4627  color: var(--blau-p);
4628  margin-bottom: 2rem;
4629  font-weight: 700;
4630}
4631
4632.adds-landing .form-info p {
4633  font-size: 1.9rem;
4634  line-height: 1.7;
4635  margin-bottom: 3rem;
4636}
4637
4638.adds-landing .form-benefits {
4639  display: flex;
4640  flex-direction: column;
4641  gap: 1.5rem;
4642}
4643
4644.adds-landing .form-benefit {
4645  display: flex;
4646  align-items: center;
4647  gap: 1.5rem;
4648  font-size: 1.8rem;
4649  font-weight: 600;
4650  color: var(--blau-p);
4651}
4652
4653.adds-landing .benefit-check {
4654  display: flex;
4655  align-items: center;
4656  justify-content: center;
4657  width: 3rem;
4658  height: 3rem;
4659  background: var(--blau-s);
4660  color: var(--blanc);
4661  border-radius: 50%;
4662  font-size: 1.6rem;
4663  font-weight: 700;
4664}
4665
4666.adds-landing .custom-adds-box,
4667.adds-landing .form-box {
4668  max-width: 700px;
4669  margin: 0 auto;
4670  padding: 4.5rem;
4671  background-color: var(--blanc);
4672  border-radius: 2rem;
4673  box-shadow: var(--shadow-lg);
4674}
4675
4676.adds-landing .custom-adds-box h2,
4677.adds-landing .form-box h2 {
4678  text-align: center;
4679  margin-bottom: 2rem;
4680  color: var(--blau-p);
4681}
4682
4683.adds-landing .custom-adds-box>p {
4684  text-align: center;
4685  margin-bottom: 3rem;
4686  color: var(--blau-p);
4687}
4688
4689.adds-landing .form-group {
4690  margin-bottom: 2.5rem;
4691}
4692
4693.adds-landing .form-row {
4694  display: grid;
4695  grid-template-columns: 1fr 1fr;
4696  gap: 2rem;
4697}
4698
4699.adds-landing .form-group label {
4700  display: block;
4701  font-size: 1.6rem;
4702  font-weight: 700;
4703  color: var(--blau-p);
4704  margin-bottom: 1rem;
4705}
4706
4707.adds-landing .form-control {
4708  width: 100%;
4709  padding: 1.5rem 2rem;
4710  font-size: 1.7rem;
4711  font-family: 'Raleway', sans-serif;
4712  color: var(--blau-p);
4713  background-color: var(--gris-fondo);
4714  border: 2px solid transparent;
4715  border-radius: 1rem;
4716  transition: all 0.3s ease;
4717}
4718
4719.adds-landing .form-control:focus {
4720  outline: none;
4721  border-color: var(--blau-s);
4722  background-color: var(--blanc);
4723  box-shadow: 0 0 0 4px rgba(127, 185, 198, 0.1);
4724}
4725
4726.adds-landing .form-control::placeholder {
4727  color: #999;
4728}
4729
4730.adds-landing select.form-control {
4731  cursor: pointer;
4732  appearance: none;
4733  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237fb9c6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
4734  background-repeat: no-repeat;
4735  background-position: right 10px center;
4736  background-size: 20px;
4737  padding-right: 40px;
4738}
4739
4740.adds-landing textarea.form-control {
4741  resize: vertical;
4742  min-height: 140px;
4743}
4744
4745.adds-landing .form-checkbox {
4746  display: flex;
4747  align-items: start;
4748  gap: 1.2rem;
4749}
4750
4751.adds-landing .form-checkbox input[type="checkbox"],
4752.adds-landing .form-group input[type="checkbox"] {
4753  width: 22px;
4754  height: 22px;
4755  margin-top: 2px;
4756  cursor: pointer;
4757  accent-color: var(--blau-s);
4758}
4759
4760.adds-landing .form-checkbox label,
4761.adds-landing .form-group label[for="fmr_acceptinfo"] {
4762  margin: 0;
4763  font-size: 1.5rem;
4764  font-weight: 400;
4765  cursor: pointer;
4766}
4767
4768.adds-landing .btn-enviar,
4769.adds-landing .btn-submit {
4770  width: 100%;
4771  padding: 2rem;
4772  font-size: 1.9rem;
4773  font-weight: 700;
4774  color: var(--blanc);
4775  background: var(--gradient-primary);
4776  border: none;
4777  border-radius: 1rem;
4778  cursor: pointer;
4779  transition: all 0.3s ease;
4780}
4781
4782.adds-landing .btn-enviar:hover,
4783.adds-landing .btn-submit:hover {
4784  transform: translateY(-3px);
4785  box-shadow: 0 8px 25px rgba(43, 66, 70, 0.3);
4786}
4787
4788.adds-landing .btn-enviar:active,
4789.adds-landing .btn-submit:active {
4790  transform: translateY(0);
4791}
4792
4793.adds-landing .loader {
4794  text-align: center;
4795  margin: 2rem 0;
4796}
4797
4798.adds-landing .loader img {
4799  width: 60px;
4800  height: 60px;
4801  animation: spin 1s linear infinite;
4802}
4803
4804@keyframes spin {
4805  from {
4806    transform: rotate(0deg);
4807  }
4808
4809  to {
4810    transform: rotate(360deg);
4811  }
4812}
4813
4814.adds-landing .hide {
4815  display: none !important;
4816}
4817
4818.adds-landing .alert {
4819  padding: 2.5rem;
4820  margin: 2rem 0;
4821  border-radius: 1rem;
4822  text-align: center;
4823}
4824
4825.adds-landing .alert h2 {
4826  margin: 0 0 1rem 0;
4827  font-size: clamp(2rem, 3vi, 2.4rem);
4828}
4829
4830.adds-landing .alert p {
4831  margin: 0;
4832  font-size: 1.7rem;
4833}
4834
4835.adds-landing .alert-success {
4836  background-color: #d4edda;
4837  border: 2px solid #28a745;
4838  color: #155724;
4839}
4840
4841.adds-landing .alert-success h2,
4842.adds-landing .alert-success p {
4843  color: #155724;
4844}
4845
4846.adds-landing .alert-danger {
4847  background-color: #f8d7da;
4848  border: 2px solid #dc3545;
4849  color: #721c24;
4850}
4851
4852.adds-landing .alert-danger h2,
4853.adds-landing .alert-danger p {
4854  color: #721c24;
4855}
4856
4857/* ==========================================================================
4858   UTILITATS
4859   ========================================================================== */
4860
4861.adds-landing .text-left {
4862  text-align: left;
4863}
4864
4865.adds-landing .text-center {
4866  text-align: center;
4867}
4868
4869.adds-landing .text-right {
4870  text-align: right;
4871}
4872
4873.adds-landing .mt-0 {
4874  margin-top: 0;
4875}
4876
4877.adds-landing .mt-1 {
4878  margin-top: 1rem;
4879}
4880
4881.adds-landing .mt-2 {
4882  margin-top: 2rem;
4883}
4884
4885.adds-landing .mt-3 {
4886  margin-top: 3rem;
4887}
4888
4889.adds-landing .mt-4 {
4890  margin-top: 4rem;
4891}
4892
4893.adds-landing .mt-5 {
4894  margin-top: 5rem;
4895}
4896
4897.adds-landing .mb-0 {
4898  margin-bottom: 0;
4899}
4900
4901.adds-landing .mb-1 {
4902  margin-bottom: 1rem;
4903}
4904
4905.adds-landing .mb-2 {
4906  margin-bottom: 2rem;
4907}
4908
4909.adds-landing .mb-3 {
4910  margin-bottom: 3rem;
4911}
4912
4913.adds-landing .mb-4 {
4914  margin-bottom: 4rem;
4915}
4916
4917.adds-landing .mb-5 {
4918  margin-bottom: 5rem;
4919}
4920
4921/* ==========================================================================
4922   RESPONSIVE
4923   ========================================================================== */
4924
4925@media (max-width: 1024px) {
4926  .adds-landing .servei-block {
4927    grid-template-columns: 1fr;
4928  }
4929
4930  .adds-landing .servei-left .servei-content,
4931  .adds-landing .servei-right .servei-content {
4932    padding: 4rem 3rem;
4933  }
4934
4935  .adds-landing .servei-image {
4936    order: -1;
4937  }
4938
4939  .adds-landing .potenciem-grid {
4940    grid-template-columns: 1fr;
4941  }
4942
4943  .adds-landing .form-wrapper {
4944    grid-template-columns: 1fr;
4945  }
4946
4947  .adds-landing .plataformes-grid {
4948    grid-template-columns: 1fr;
4949  }
4950}
4951
4952@media (max-width: 768px) {
4953  .adds-landing section {
4954    padding: 4rem 0;
4955  }
4956
4957  .adds-landing .hero-immobiliari,
4958  .adds-landing .hero-gradient {
4959    padding: 8rem 0 6rem;
4960    min-height: auto;
4961  }
4962
4963  .adds-landing .hero-features {
4964    flex-direction: column;
4965    gap: 1.5rem;
4966  }
4967
4968  .adds-landing .resultats-grid {
4969    grid-template-columns: 1fr;
4970  }
4971
4972  .adds-landing .grid-4 .grid,
4973  .adds-landing .grid-3 .grid,
4974  .adds-landing .text-img .grid {
4975    grid-template-columns: 100%;
4976  }
4977
4978  .adds-landing .numbered-list ol li {
4979    padding: 1.5rem 0 1.5rem 5rem;
4980  }
4981
4982  .adds-landing .styled-list ul li {
4983    padding: 1rem 0 1rem 3rem;
4984  }
4985
4986  .adds-landing .timeline {
4987    padding-left: 3.5rem;
4988  }
4989
4990  .adds-landing .timeline-marker {
4991    left: -3.5rem;
4992    width: 3rem;
4993    height: 3rem;
4994    font-size: 1.6rem;
4995  }
4996
4997  .adds-landing .timeline::before {
4998    left: 1.3rem;
4999  }
5000
5001  .adds-landing .cta-buttons {
5002    flex-direction: column;
5003  }
5004
5005  .adds-landing .cta-primary,
5006  .adds-landing .cta-secondary {
5007    width: 100%;
5008    text-align: center;
5009  }
5010
5011  .adds-landing .custom-adds-box,
5012  .adds-landing .form-box {
5013    padding: 3rem 2rem;
5014  }
5015
5016  .adds-landing .form-control {
5017    padding: 1.2rem 1.5rem;
5018    font-size: 1.5rem;
5019  }
5020
5021  .adds-landing .contact-btn {
5022    padding: 1.2rem 3rem;
5023    font-size: 1.6rem;
5024    width: 100%;
5025    margin: 2rem 0;
5026  }
5027
5028  .adds-landing .form-row {
5029    grid-template-columns: 1fr;
5030  }
5031
5032  .adds-landing .segmentacio-tags {
5033    flex-direction: column;
5034  }
5035
5036  .adds-landing .segmentacio-tags .tag {
5037    text-align: center;
5038  }
5039}.navbar-brand img{
5040  width: 110px;
5041  height: 44px;
5042  padding: 0;
5043}main.container,
5044article > .container{
5045	width: 100%; 
5046    padding:0;
5047}
5048.article-header{
5049    margin-top: 7.4rem;
5050    background:linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url("https://panel.nubulus.es/Webs/nubulus.cat/Files/image/serveis/assessoria-holded.webp");
5051    height: 60vh;
5052    display: flex;
5053    justify-content: center;
5054    align-items: center;
5055  	background-repeat: no-repeat;
5056    background-size: cover;
5057}
5058.article-title{
5059  	margin: 0;
5060  	color: #fff;
5061    padding-bottom: 20rem;
5062}
5062<script type="application/ld+json">
5063{
5064  "@context": "https://schema.org",
5065  "@type": "Service",
5066  "name": "Consultoria Holded i Transformació Digital",
5067  "description": "Consultoria digital especialitzada en la implementació, migració i formació d'equips en Holded per a empreses que volen millorar la gestió de pressupostos, facturació, CRM, projectes, inventari i comptabilitat.",
5068  "provider": {
5069    "@type": "Organization",
5070    "name": "Nubulus",
5071    "url": "https://www.nubulus.cat",
5072    "logo": "https://panel.nubulus.es/Webs/nubulus.cat/Files/image/Brand/logo-nubulus-white.svg",
5073    "contactPoint": {
5074      "@type": "ContactPoint",
5075      "telephone": "+34 618 29 99 61",
5076      "contactType": "atenció al client",
5077      "email": "[email protected]"
5078    }
5079  },
5080  "areaServed": {
5081    "@type": "Country",
5082    "name": "Espanya"
5083  },
5084  "serviceType": [
5085    "Consultoria Holded",
5086    "Implementació ERP",
5087    "Migració de dades",
5088    "Automatització de processos",
5089    "Formació d'equips"
5090  ],
5091  "audience": [
5092    {
5093      "@type": "Audience",
5094      "audienceType": "Empreses que volen digitalitzar la seva gestió"
5095    },
5096    {
5097      "@type": "Audience",
5098      "audienceType": "Equips que volen treballar millor"
5099    },
5100    {
5101      "@type": "Audience",
5102      "audienceType": "Professionals que volen créixer sense complicacions"
5103    }
5104  ],
5105  "hasOfferCatalog": {
5106    "@type": "OfferCatalog",
5107    "name": "Serveis Nubulus",
5108    "itemListElement": [
5109      {
5110        "@type": "Offer",
5111        "itemOffered": {
5112          "@type": "Service",
5113          "name": "Implementació de Holded"
5114        }
5115      },
5116      {
5117        "@type": "Offer",
5118        "itemOffered": {
5119          "@type": "Service",
5120          "name": "Migració de dades a Holded"
5121        }
5122      },
5123      {
5124        "@type": "Offer",
5125        "itemOffered": {
5126          "@type": "Service",
5127          "name": "Formació d'equips en Holded"
5128        }
5129      },
5130      {
5131        "@type": "Offer",
5132        "itemOffered": {
5133          "@type": "Service",
5134          "name": "Automatització de processos amb Holded"
5135        }
5136      }
5137    ]
5138  }
5139}
5140</script>
vendor: 2 bytes, line 5140
5140
5141<script type="application/ld+json">
5142{
5143  "@context": "https://schema.org",
5144  "@type": "FAQPage",
5145  "mainEntity": [
5146    {
5147      "@type": "Question",
5148      "name": "Què fem en una assessoria especialitzada en Holded?",
5149      "acceptedAnswer": {
5150        "@type": "Answer",
5151        "text": "T’ajudem a implementar, personalitzar i treure profit de Holded connectant-lo amb la realitat del teu negoci. No és només posar-lo en marxa: és saber-lo utilitzar bé."
5152      }
5153    },
5154    {
5155      "@type": "Question",
5156      "name": "Podeu migrar des d’un altre ERP o programa?",
5157      "acceptedAnswer": {
5158        "@type": "Answer",
5159        "text": "Sí. I no patiràs pel canvi. Ens ocupem de tot perquè no perdis temps ni dades."
5160      }
5161    },
5162    {
5163      "@type": "Question",
5164      "name": "I si no sé si Holded és per a mi?",
5165      "acceptedAnswer": {
5166        "@type": "Answer",
5167        "text": "Parlem-ne. No venem per vendre. Si no et serveix, t’ho direm clarament."
5168      }
5169    }
5170  ]
5171}
5172</script>
5172
5173    </style>
5174
5175    <meta name="ServerRenderTime" content="340 ms">
5176</head>
5177<body data-type="c">
5178    
5179
5180
5181<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
5182
5183
5184<div class="container-fluid" id="menu-bar">
5185    <nav class="navbar-header">
5186        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
5187            <span class="sr-only">Toggle navigation</span>
5188            <span class="icon-bar"></span>
5189            <span class="icon-bar"></span>
5190            <span class="icon-bar"></span>
5191        </button>
5192        
5193    </nav>
5194    <nav class="collapse navbar-collapse">
5195        <ul class="nav navbar-nav">
5196    <li>
5197        <a href="/ca/Qui-som/qui-som" title="Qui s&#243;m" longdesc="#434eed7a-1f28-46c5-8bd5-93f7b1e8a14c">
5198                <img class="hide" alt="Qui s&#243;m"/>
5199            <span>Qui som</span>
5200        </a>
5201        <span class="hide" id="434eed7a-1f28-46c5-8bd5-93f7b1e8a14c">
5202            .
5203        </span>
5204
5205    </li>
5206
5207    <li>
5208        <a href="/ca/serveis/tescoltem-i-ajudem-amb" title="Serveis de Nubulus" longdesc="#96adb462-904b-4219-8552-00a0dab59e74">
5209                <img class="hide" alt="Serveis de Nubulus"/>
5210            <span>SERVEIS</span>
5211        </a>
5212        <span class="hide" id="96adb462-904b-4219-8552-00a0dab59e74">
5213            Els serveis de Nubulus
5214        </span>
5215
5216    </li>
5217
5218    <li>
5219        <a href="/ca/erp/assessoria-holded-som-partners-oficials" title="Implementaci&#243; i consultoria Holded - Solution Partners Gold Oficials" longdesc="#cb64fad0-694f-460c-b781-05e9a8965f0f">
5220                <img class="hide" alt="Implementaci&#243; i consultoria Holded - Solution Partners Gold Oficials"/>
5221            <span>HOLDED</span>
5222        </a>
5223        <span class="hide" id="cb64fad0-694f-460c-b781-05e9a8965f0f">
5224            .
5225        </span>
5226
5227    </li>
5228
5229    <li>
5230        <a href="/ca/actualitat-nubulus/actualitat-nubulus-ecommerce-shopify-web-instagram-facebook" title="Blog" longdesc="#cd744c48-02ac-4d51-b941-ba0ee43d912e">
5231                <img class="hide" alt="Blog"/>
5232            <span>Blog</span>
5233        </a>
5234        <span class="hide" id="cd744c48-02ac-4d51-b941-ba0ee43d912e">
5235            .
5236        </span>
5237
5238    </li>
5239
5240    <li>
5241        <a href="/ca/recursos/recursos" title="Recursos" longdesc="#4d2f9df7-bdd4-45f2-b94b-fdbf57fb0015">
5242                <img class="hide" alt="Recursos"/>
5243            <span>Recursos</span>
5244        </a>
5245        <span class="hide" id="4d2f9df7-bdd4-45f2-b94b-fdbf57fb0015">
5246            .
5247        </span>
5248
5249    </li>
5250
5251    <li>
5252        <a href="/ca/tools/solucions-creades-per-nosaltres" title="Solucions creades per nosaltres" longdesc="#1e06fb4a-8741-459d-aebd-3226c0d555c8">
5253                <img class="hide" alt="Solucions creades per nosaltres"/>
5254            <span>Tools</span>
5255        </a>
5256        <span class="hide" id="1e06fb4a-8741-459d-aebd-3226c0d555c8">
5257            .
5258        </span>
5259
5260    </li>
5261
5262    <li>
5263        <a href="/ca/contactans/contactans-cat" title="Contacta&#39;ns" longdesc="#b1918b0c-bf92-4ec5-8706-0bd236a4d708">
5264                <img class="hide" alt="Contacta&#39;ns"/>
5265            <span>Contacta&#39;ns</span>
5266        </a>
5267        <span class="hide" id="b1918b0c-bf92-4ec5-8706-0bd236a4d708">
5268            .
5269        </span>
5270
5271    </li>
5272
5273
5274    <li>
5275        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
5276            <span>Idioma</span>
5277            <b class="caret"></b>
5278        </a>
5279        <ul class="dropdown-menu multi-level">
5280                <li>
5281                    <a href="/es" title="Espa&#241;ol" longdesc="#1138c349-9861-4934-99c3-4fb619672e79">
5282                        <span>Espa&#241;ol</span>
5283                    </a>
5284                    <span class="hide" id="1138c349-9861-4934-99c3-4fb619672e79">
5285                        Espa&#241;ol
5286                    </span>
5287
5288                </li>
5289                <li>
5290                    <a href="/ca" title="Catal&#224;" longdesc="#1138c349-9861-4934-99c3-4fb619672e79">
5291                        <span>Catal&#224;</span>
5292                    </a>
5293                    <span class="hide" id="1138c349-9861-4934-99c3-4fb619672e79">
5294                        Catal&#224;
5295                    </span>
5296
5297                </li>
5298                    </ul>
5299    </li>
5300        </ul>
5301        <ul class="nav navbar-nav navbar-right" id="icons">
5302            <li>
5303
5304            </li>
5305        </ul>
5306        <ul class="nav navbar-nav navbar-right" id="languages">
5307            <li class="dropdown">
5308                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><i class="glyphicon glyphicon-globe"></i><span id="curr-language"></span> <span class="caret"></span></a>
5309                <ul class="dropdown-menu">
5310                </ul>
5311            </li>
5312        </ul>
5313    </nav>
5314
5315</div>
5316
5317</nav>
5318
5319
5320
5321
5322
5323<main class="container">
5324    <article itemscope itemtype="http://schema.org/WebPage">
5325        <div class="container" id="document">
5326            <header class="article-header">
5327                <h2 class="article-header-group" itemprop="isRelatedTo">
5328                    HOLDED
5329                </h2>
5330                <h1 itemprop="name" class="article-title">
5331                    Implementaci&#243; i consultoria Holded - Solution Partners Gold Oficials
5332                </h1>
5333                <h3 class="article-header-date">
5334                    12/06/2025
5335                </h3>
5336            </header>
5337            <div class="content article-header-content" itemprop="description">
5338                <div class="service-landing">
5339<div class="to-header">
5340<div class="container">
5341<figure><img loading="lazy"alt="Solution Partner Gold Holded" src="https://panel.nubulus.es/Webs/nubulus.cat/Files/image/partners/Solution_Partner_Gold_Holded.png" style="width: 300px; height: 98px;" title="Solution Partner Gold Holded" /></figure>
5342
5343<p>Posem ordre al teu negoci: facturaci&oacute;, CRM i comptabilitat, tot connectat.</p>
5344
5345<p>El que no tens controlat, et controla.</p>
5346<a class="contact-btn" href="#service-form" title="T’ajudem a posar-hi ordre.">T&rsquo;ajudem a posar-hi ordre. </a></div>
5347</div>
5348
5349<section class="text-img">
5350<div class="container">
5351<div class="grid">
5352<div>
5353<p>Som una consultoria digital especialitzada en Holded des de fa anys.</p>
5354
5355<p>Com a partners oficials, treballem bra&ccedil; a bra&ccedil; amb empreses que volen tenir-ho tot sota control: pressupostos, factures, CRM, projectes, inventari i comptabilitat.</p>
5356</div>
5357
5358<div>
5359<div class="custom-adds-box" id="service-form">
5360<h2>Reserva una demo gratu&iuml;ta de Holded: facturaci&oacute;, CRM i comptabilitat, tot ordenat</h2>
5361
5362<form action="/ca/forms/service/" data-id="99f3e4ae-4f21-4563-8c65-1591ae87d87e" enctype="application/x-www-form-urlencoded" id="c" method="post" name="Serveis">
5363<p><input name="FullName" type="hidden" /><input name="Email" type="hidden" /><input name="Subject" type="hidden" value="" /><input name="Language" type="hidden" value="ca" /><input name="Item_Origen_del_formulario" type="hidden" value="" /></p>
5364
5365<div aria-hidden="true" style="position:absolute;left:-9999px;"><input autocomplete="off" id="Item_Website" name="Item_Website" style="display:none" tabindex="-1" type="text" /></div>
5366
5367<div class="form-group"><label for="Item_Nom">Nom i Cognoms</label> <input class="form-control" id="Item_Nom" name="Item_Nom" placeholder="Nom i Cognoms" required="required" type="text" /></div>
5368
5369<div class="form-group"><label for="Item_Empresa">Empresa</label> <input class="form-control" id="Item_Empresa" name="Item_Empresa" placeholder="Empresa" required="required" type="text" /></div>
5370
5371<div class="form-group"><label for="Item_Email">Email</label> <input class="form-control" id="Item_Email" name="Item_Email" placeholder="Email" required="required" type="email" /></div>
5372
5373<div class="form-group"><label for="Item_Phone">Tel&egrave;fon</label> <input class="form-control" id="Item_Phone" inputmode="numeric" name="Item_Phone" placeholder="Telèfon" required="required" type="text" /></div>
5374
5375<div class="form-group"><label for="Item_Treballador">Numero de treballadors</label> <select class="form-control" id="Item_Treballador" name="Item_Treballador"><option disabled="true" selected="true">Selecciona el numero de treballadors</option><option value="2">De 0 a 2 treballadors</option><option value="4">De 3 a 4 treballadors</option><option value="7">De 5 a 7 treballadors</option><option value="15">De 8 a 15 treballadors</option><option value="20">De 16 a 20 treballadors</option><option value="20+">Mes de 20 treballadors</option> </select></div>
5376
5377<div class="form-group my-3" style="text-wrap: nowrap"><input class="mr-1" id="fmr_acceptinfo" name="fmr_acceptinfo" type="checkbox" /> <label for="fmr_acceptinfo">
5377 Accepto els&nbsp;&nbsp;<a href="https://lawwwing.com/documents/e1e7eb50-edad-43b1-8951-877015589575/privacy-policy/ca/" target="_blank">termes i condicions</a>&nbsp; d&#39;aquest lloc web.</label></div>
5378
5379<p>Et respon una persona de l&#39;equip, no un bot.</p>
5380<button class="btn-enviar" type="submit">Ajudeu-me a posar-hi ordre</button>
5381
5382<div class="loader hide"><img loading="lazy"alt="" src="https://panel.nubulus.es/Webs/nubulus.cat/Files/image/loaders/nubulus-loader.svg" style="
5383                padding: 0;
5384                width: 128px;
5385                height: 128px;
5386                margin: auto;
5387                display: block;
5388              " /></div>
5389
5390<div class="alert alert-success hide">
5391<p>El formulari s&rsquo;ha enviat correctament!</p>
5392</div>
5393
5394<div class="alert alert-danger hide">
5395<p>S&#39;ha produ&iuml;t un error en enviar el formulari.</p>
5396</div>
5397</form>
5398</div>
5399</div>
5400</div>
5401</div>
5402</section>
5403
5404<section class="text-img gris">
5405<div class="container">
5406<h2>Encara gestiones la teva empresa sense un ERP com Holded?</h2>
5407
5408<div class="grid">
5409<div>
5410<figure>
5411<video controls="" id="myVideo" preload="metadata"><source media="(max-width:480px)" src="https://panel.nubulus.es/Webs/nubulus.cat/Files/video/holded/erp_holded_ca_480.webm" type="video/webm" /> <source media="(max-width:1280px)" src="https://panel.nubulus.es/Webs/nubulus.cat/Files/video/holded/erp_holded_ca_1280.webm" type="video/webm" /> <source media="(max-width:1680px)" src="https://panel.nubulus.es/Webs/nubulus.cat/Files/video/holded/erp_holded_ca_1680.webm" type="video/webm" /> <source media="(max-width:1920px)" src="https://panel.nubulus.es/Webs/nubulus.cat/Files/video/holded/erp_holded_ca_1920.webm" type="video/webm" /> <source src="https://panel.nubulus.es/Webs/nubulus.cat/Files/video/holded/erp_holded_ca_1920.mp4" type="video/mp4" /></video>
5412</figure>
5413</div>
5414
5415<div>
5416<p>Fer malabars amb fulls de c&agrave;lcul, e-mails perduts i eines desconnectades no &eacute;s gesti&oacute;, &eacute;s superviv&egrave;ncia.</p>
5417
5418<p>Et mereixes una eina que estigui a l&rsquo;altura del teu negoci.</p>
5419</div>
5420</div>
5421</div>
5422</section>
5423
5424<section class="grid-3">
5425<div class="container">
5426<h2>Holded no &eacute;s una eina. &Eacute;s la gesti&oacute; de facturaci&oacute;, CRM i comptabilitat que encara no coneixes.</h2>
5427
5428<p>&Eacute;s molt m&eacute;s que un ERP. &Eacute;s el teu nou assistent personal. No fa vacances, no s&rsquo;oblida de res i no es queixa:</p>
5429
5430<div class="grid">
5431<div class="grid-item">
5432<figure class="svg"><svg aria-hidden="true" class="h-6 w-6" fill="none" stroke="currentColor" stroke-width="2" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M12 19l9 2-9-18-9 18 9-2zm0 0v-8" stroke-linecap="round" stroke-linejoin="round"></path> </svg></figure>
5433
5434<h3>Factures</h3>
5435</div>
5436
5437<div class="grid-item">
5438<figure class="svg"><svg aria-hidden="true" class="h-6 w-6" fill="none" stroke="currentColor" stroke-width="2" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4" stroke-linecap="round" stroke-linejoin="round"></path> </svg></figure>
5439
5440<h3>Pressupostos</h3>
5441</div>
5442
5443<div class="grid-item">
5444<figure class="svg"><svg aria-hidden="true" class="h-6 w-6" fill="none" stroke="currentColor" stroke-width="2" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M8 14v3m4-3v3m4-3v3M3 21h18M3 10h18M3 7l9-4 9 4M4 10h16v11H4V10z" stroke-linecap="round" stroke-linejoin="round"></path> </svg></figure>
5445
5446<h3>Gesti&oacute; de projectes</h3>
5447</div>
5448
5449<div class="grid-item">
5450<figure class="svg"><svg aria-hidden="true" class="h-6 w-6" fill="none" stroke="currentColor" stroke-width="2" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M11 5.882V19.24a1.76 1.76 0 01-3.417.592l-2.147-6.15M18 13a3 3 0 100-6M5.436 13.683A4.001 4.001 0 017 6h1.832c4.1 0 7.625-1.234 9.168-3v14c-1.543-1.766-5.067-3-9.168-3H7a3.988 3.988 0 01-1.564-.317z" stroke-linecap="round" stroke-linejoin="round"></path> </svg></figure>
5451
5452<h3>CRM</h3>
5453</div>
5454
5455<div class="grid-item">
5456<figure class="svg"><svg aria-hidden="true" class="h-6 w-6" fill="none" stroke="currentColor" stroke-width="2" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z" stroke-linecap="round" stroke-linejoin="round"></path> </svg></figure>
5457
5458<h3>Inventari</h3>
5459</div>
5460
5461<div class="grid-item">
5462<figure class="svg"><svg aria-hidden="true" class="h-6 w-6" fill="none" stroke="currentColor" stroke-width="2" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z" stroke-linecap="round" stroke-linejoin="round"></path> </svg></figure>
5463
5464<h3>Comptabilitat</h3>
5465</div>
5466</div>
5467<a class="contact-btn" href="#service-form" target="_blank" title="Tot, en un sol lloc. Tot, sota control. Descobreix Holded">Tot, en un sol lloc. Tot, sota control. Descobreix Holded</a></div>
5468</section>
5469
5470<section class="text-img gris">
5471<div class="container">
5472<h2>Per a qui &eacute;s Holded?</h2>
5473
5474<div class="grid">
5475<div>
5476<ul>
5477	<li>Empreses cansades de perdre temps.</li>
5478	<li>Equips que volen treballar millor, no m&eacute;s.</li>
5479	<li>Professionals que volen cr&eacute;ixer sense tornar-se bojos.</li>
5480</ul>
5481
5482<p><strong>
5482Si ja</strong> tens Holded per&ograve; no li treus suc, tamb&eacute; &eacute;s per a tu. La implementaci&oacute; mal feta &eacute;s un cl&agrave;ssic&hellip; per&ograve; t&eacute; soluci&oacute;.</p>
5483</div>
5484
5485<div>
5486<figure><img loading="lazy"alt="Per a qui és Holded?" src="https://panel.nubulus.es/Webs/nubulus.cat/Files/image/serveis/per-qui-es-holded.webp" title="Per a qui és Holded?" /></figure>
5487</div>
5488</div>
5489</div>
5490</section>
5491
5492<section class="text-img">
5493<div class="container">
5494<h2>Qu&egrave; fem a Nubulus com a partners oficials de Holded: implementaci&oacute;, migraci&oacute; i formaci&oacute;</h2>
5495
5496<div class="grid">
5497<div>
5498<figure><img loading="lazy"alt="Encara gestiones l’empresa com fa 10 anys?" src="https://panel.nubulus.es/Webs/nubulus.cat/Files/image/serveis/gestio-empresa.webp" title="Encara gestiones l’empresa com fa 10 anys?" /></figure>
5499</div>
5500
5501<div>
5502<p><strong>T&rsquo;ajudem a:</strong></p>
5503
5504<ul>
5505	<li>Configurar l&rsquo;entorn de treball.</li>
5506	<li>Migrar dades i documents.</li>
5507	<li>Formar el teu equip.</li>
5508	<li>Automatitzar processos.</li>
5509</ul>
5510
5511<p><strong>Tu no has de tocar res. Nom&eacute;s has de fer clic&hellip; i respirar. </strong></p>
5512</div>
5513</div>
5514</div>
5515</section>
5516
5517<section class="text-img gris">
5518<div class="container">
5519<h2>El dia que en Jordi va deixar d&rsquo;odiar els dilluns</h2>
5520
5521<div class="grid">
5522<div>
5523<p><strong>En Jordi dirigeix una empresa d&rsquo;instal&middot;lacions industrials. </strong></p>
5524
5525<p>Cada dilluns era un caos: papers perduts, pressupostos que no trobava, projectes sense seguiment i trucades de clients que no sabia com respondre.</p>
5526
5527<p><cite>Em passava m&eacute;s hores buscant informaci&oacute; que fent feina.</cite></p>
5528
5529<p><strong>Amb Nubulus + Holded, tot va canviar:</strong></p>
5530
5531<ol>
5532	<li>Sabia qu&egrave; tenia pendent i qu&egrave; estava cobrat.</li>
5533	<li>Podia fer pressupostos en 2 minuts.</li>
5534	<li>Va recuperar el control&hellip; i la paci&egrave;ncia.</li>
5535</ol>
5536
5537<p><cite>Ara, si no estimo els dilluns, almenys ja no em fan r&agrave;bia. </cite></p>
5538</div>
5539
5540<div>
5541<figure><img loading="lazy"alt="El dia que en Jordi va deixar d’odiar els dilluns" src="https://panel.nubulus.es/Webs/nubulus.cat/Files/image/serveis/jordi-confia-nubulus.webp" title="El dia que en Jordi va deixar d’odiar els dilluns" /></figure>
5542</div>
5543</div>
5544</div>
5545</section>
5546
5547<section class="text blau">
5548<div class="container">
5549<h2>Vols veure com Holded funcionaria en el teu cas?</h2>
5550
5551<p><strong>Demana una demo o reserva una estona amb nosaltres.</strong></p>
5552
5553<p>Sense comprom&iacute;s. Sense discursos. Sense PowerPoints.</p>
5554
5555<p><strong>Nom&eacute;s t&rsquo;ensenyem com pot funcionar per a tu.</strong></p>
5556<a class="contact-btn" href="#service-form" title="Vui parlar amb l'equip Nubulus">Vull parlar amb l&#39;equip Nubulus </a></div>
5557</section>
5558
5559<section class="preguntes gris">
5560<div class="container">
5561<div class="faqs">
5562<header>
5563<h2>Preguntes freq&uuml;ents sobre la nostra consultoria i implementaci&oacute; de Holded</h2>
5564</header>
5565
5566<div class="panel-group" id="accordion">
5567<div class="panel panel-default">
5568<div class="panel-heading">
5569<h3 class="panel-title"><a aria-expanded="true" data-parent="#accordion" data-toggle="collapse" href="#collapse1">Qu&egrave; fem en una assessoria especialitzada en Holded? <span class="acordion-icon">▼</span> </a></h3>
5570</div>
5571
5572<div aria-expanded="true" class="panel-collapse collapse in" id="collapse1">
5573<div class="panel-body">
5574<p>T&rsquo;ajudem a implementar, personalitzar i aprofitar Holded connectant-lo amb la realitat del teu negoci. No &eacute;s nom&eacute;s posar-lo en marxa: &eacute;s fer-lo servir b&eacute;.</p>
5575</div>
5576</div>
5577</div>
5578
5579<div class="panel panel-default">
5580<div class="panel-heading">
5581<h3 class="panel-title"><a class="collapsed" data-parent="#accordion" data-toggle="collapse" href="#collapse2">Podeu migrar des d&rsquo;un altre ERP o programa? <span class="acordion-icon">▼</span> </a></h3>
5582</div>
5583
5584<div class="panel-collapse collapse" id="collapse2">
5585<div class="panel-body">
5586<p>S&iacute;. I no patir&agrave;s pel canvi. Ens ocupem de tot perqu&egrave; no perdis temps ni dades.</p>
5587</div>
5588</div>
5589</div>
5590
5591<div class="panel panel-default">
5592<div class="panel-heading">
5593<h3 class="panel-title"><a class="collapsed" data-parent="#accordion" data-toggle="collapse" href="#collapse3">I si no s&eacute; si Holded &eacute;s per a mi? <span class="acordion-icon">▼</span> </a></h3>
5594</div>
5595
5596<div class="panel-collapse collapse" id="collapse3">
5597<div class="panel-body">
5598<p>Parlem. No venem per vendre. Si no et serveix, t&rsquo;ho direm sense embuts.</p>
5599</div>
5600</div>
5601</div>
5602</div>
5603</div>
5604</div>
5605</section>
5606
5607<section class="text-img">
5608<div class="container">
5609<h2>Encara no saps si est&agrave;s aprofitant b&eacute; Holded per facturar, gestionar clients i controlar la comptabilitat?</h2>
5610
5611<div class="grid">
5612<div>
5613<figure><img loading="lazy"alt="Encara no saps si estàs aprofitant bé Holded?" src="https://panel.nubulus.es/Webs/nubulus.cat/Files/image/serveis/aprofitant-holded.webp" title="Encara no saps si estàs aprofitant bé Holded?" /></figure>
5614</div>
5615
5616<div>
5617<p>No &eacute;s que ho estiguis fent malament. &Eacute;s que ning&uacute; t&rsquo;ha ensenyat a fer-ho b&eacute;.</p>
5618
5619<p>A Nubulus no nom&eacute;s implementem Holded des de zero. Tamb&eacute; ajudem negocis que ja el tenen actiu&hellip; per&ograve; que el fan servir com poden.</p>
5620
5621<p>Sense processos clars. Sense automatitzacions. Sense formaci&oacute; real.</p>
5622
5623<p>I aqu&iacute; &eacute;s on es perd el potencial.</p>
5624
5625<p>
5625Formem equips, resolem dubtes i convertim Holded en una eina que treballa per tu, no contra tu.</p>
5626
5627<p>Si sospites que est&agrave;s desaprofitant el que tens... segurament tens ra&oacute;.</p>
5628</div>
5629</div>
5630</div>
5631</section>
5632</div>
5633
5634            </div>
5635        </div>
5636    </article>
5637    
5638
5639
5640    <div class="partials">
5641
5642    </div>
5643</main>
5644
5645
5646
5647
5648
5649
5650
5651        <section data-id="section-2" id="Estigues-al-dia-amb-el-nostre-Blog-de-Transformaci&#243;-digital">
5652            <header>
5653                <h2>Estigues al dia amb el nostre Blog de Transformaci&#243; digital</h2>
5654                <p class="hide">A Nubulus, ens apassiona compartir coneixements i mantenir-te informat sobre les &#250;ltimes tend&#232;ncies a e-commerce, SEO, disseny web, m&#224;rqueting digital i m&#233;s. El nostre bloc &#233;s una font de recursos valuosos per a empreses que busquen liderar al m&#243;n digital.</p>
5655            </header>
5656            <div class="grid">
5657                    <div class="card" title="Pla de 8 setmanes per preparar el Black Friday i Nadal 2026: campanyes a Google, Meta, TikTok, Spotify i ChatGPT Ads, fitxa de Google, web a punt i estrat&#232;gia omnicanal.">
5658                        <div class="panel panel-default panel-body item" itemscope itemtype="http://schema.org/WebPage">
5659                            <meta itemprop="datePublished" content="02026-09-30">
5660                            <meta itemprop="name" content="Black Friday i Nadal 2026: el pla de 8 setmanes perqu&#232; el teu negoci arribi a punt">
5661                            <meta itemprop="description" content="Pla de 8 setmanes per preparar el Black Friday i Nadal 2026: campanyes a Google, Meta, TikTok, Spotify i ChatGPT Ads, fitxa de Google, web a punt i estrat&#232;gia omnicanal.">
5662                            <meta itemprop="image" content="https://panel.nubulus.es/Webs/nubulus.cat/Files/image/ACtualitat/black-friday-nadal-2026.webp" />
5663                            <meta itemprop="url" content="/ca/actualitat-nubulus/black-friday-i-nadal-2026--el-pla-de-8-setmanes-perque-el-teu-negoci-arribi-a-punt" />
5664                            <h3 class="item-title">Black Friday i Nadal 2026: el pla de 8 setmanes perqu&#232; el teu negoci arribi a punt</h3>
5665                            <h4 class="item-group">Estigues al dia amb el nostre Blog de Transformaci&#243; digital</h4>
5666                            <p class="item-date">30/09/2026</p>
5667                            <p class="item-description">Pla de 8 setmanes per preparar el Black Friday i Nadal 2026: campanyes a Google, Meta, TikTok, Spotify i ChatGPT Ads, fitxa de Google, web a punt i estrat&#232;gia omnicanal.</p>
5668                            
5669<figure class="item-figure">
5670    <img class="item-figure-image" src="https://panel.nubulus.es/Webs/nubulus.cat/Files/image/ACtualitat/black-friday-nadal-2026.webp" alt="Black Friday i Nadal 2026: el pla de 8 setmanes perqu&#232; el teu negoci arribi a punt" loading="lazy" longdesc="#099ee466-d2f2-4295-af39-5502373be65f"/>
5671    <figcaption class="hide" id="099ee466-d2f2-4295-af39-5502373be65f">Pla de 8 setmanes per preparar el Black Friday i Nadal 2026: campanyes a Google, Meta, TikTok, Spotify i ChatGPT Ads, fitxa de Google, web a punt i estrat&#232;gia omnicanal.</figcaption>
5672</figure>
5673
5674
5675
5676
5677
5678
5679
5680                            <a class="item-url" href="/ca/actualitat-nubulus/black-friday-i-nadal-2026--el-pla-de-8-setmanes-perque-el-teu-negoci-arribi-a-punt" target="_self" title="Pla de 8 setmanes per preparar el Black Friday i Nadal 2026: campanyes a Google, Meta, TikTok, Spotify i ChatGPT Ads, fitxa de Google, web a punt i estrat&#232;gia omnicanal.">Black Friday i Nadal 2026: el pla de 8 setmanes perqu&#232; el teu negoci arribi a punt</a>
5681                        </div>
5682                    </div>
5683                    <div class="card" title="Qualsevol usuari pot proposar canvis a la teva fitxa de Google. Si no respons en 4 dies, s&#39;apliquen sols. Descobreix com protegir-te.">
5684                        <div class="panel panel-default panel-body item" itemscope itemtype="http://schema.org/WebPage">
5685                            <meta itemprop="datePublished" content="02026-09-25">
5686                            <meta itemprop="name" content="Google et pot canviar les dades del teu negoci si no respons un correu en 4 dies">
5687                            <meta itemprop="description" content="Qualsevol usuari pot proposar canvis a la teva fitxa de Google. Si no respons en 4 dies, s&#39;apliquen sols. Descobreix com protegir-te.">
5688                            <meta itemprop="image" content="https://panel.nubulus.es/Webs/nubulus.cat/Files/image/ACtual
5688itat/Imagen%20de%20Codex%2025%20sept%202026%2C%2015_55_28.png" />
5689                            <meta itemprop="url" content="/ca/actualitat-nubulus/canvis-externs-google-business-profile" />
5690                            <h3 class="item-title">Google et pot canviar les dades del teu negoci si no respons un correu en 4 dies</h3>
5691                            <h4 class="item-group">Estigues al dia amb el nostre Blog de Transformaci&#243; digital</h4>
5692                            <p class="item-date">25/09/2026</p>
5693                            <p class="item-description">Qualsevol usuari pot proposar canvis a la teva fitxa de Google. Si no respons en 4 dies, s&#39;apliquen sols. Descobreix com protegir-te.</p>
5694                            
5695<figure class="item-figure">
5696    <img class="item-figure-image" src="https://panel.nubulus.es/Webs/nubulus.cat/Files/image/ACtualitat/Imagen%20de%20Codex%2025%20sept%202026%2C%2015_55_28.png" alt="Google et pot canviar les dades del teu negoci si no respons un correu en 4 dies" loading="lazy" longdesc="#9089b794-f1c5-4bf5-8b0c-665fc0f2b28f"/>
5697    <figcaption class="hide" id="9089b794-f1c5-4bf5-8b0c-665fc0f2b28f">Qualsevol usuari pot proposar canvis a la teva fitxa de Google. Si no respons en 4 dies, s&#39;apliquen sols. Descobreix com protegir-te.</figcaption>
5698</figure>
5699
5700
5701
5702
5703
5704
5705
5706                            <a class="item-url" href="/ca/actualitat-nubulus/canvis-externs-google-business-profile" target="_self" title="Qualsevol usuari pot proposar canvis a la teva fitxa de Google. Si no respons en 4 dies, s&#39;apliquen sols. Descobreix com protegir-te.">Google et pot canviar les dades del teu negoci si no respons un correu en 4 dies</a>
5707                        </div>
5708                    </div>
5709                    <div class="card" title="El registre horari digital encara no &#233;s obligatori al 100%. Descobreix l&#39;estat real de la tramitaci&#243;, els requisits t&#232;cnics i com preparar la teva empresa.">
5710                        <div class="panel panel-default panel-body item" itemscope itemtype="http://schema.org/WebPage">
5711                            <meta itemprop="datePublished" content="02026-09-18">
5712                            <meta itemprop="name" content="Registre horari digital: estat del decret i com preparar-te">
5713                            <meta itemprop="description" content="El registre horari digital encara no &#233;s obligatori al 100%. Descobreix l&#39;estat real de la tramitaci&#243;, els requisits t&#232;cnics i com preparar la teva empresa.">
5714                            <meta itemprop="image" content="https://panel.nubulus.es/Webs/nubulus.cat/Files/image/ACtualitat/holded-registre-horari-16x9.webp" />
5715                            <meta itemprop="url" content="/ca/actualitat-nubulus/registre-horari-digital-estat-decret" />
5716                            <h3 class="item-title">Registre horari digital: estat del decret i com preparar-te</h3>
5717                            <h4 class="item-group">Estigues al dia amb el nostre Blog de Transformaci&#243; digital</h4>
5718                            <p class="item-date">18/09/2026</p>
5719                            <p class="item-description">El registre horari digital encara no &#233;s obligatori al 100%. Descobreix l&#39;estat real de la tramitaci&#243;, els requisits t&#232;cnics i com preparar la teva empresa.</p>
5720                            
5721<figure class="item-figure">
5722    <img class="item-figure-image" src="https://panel.nubulus.es/Webs/nubulus.cat/Files/image/ACtualitat/holded-registre-horari-16x9.webp" alt="Registre horari digital: estat del decret i com preparar-te" loading="lazy" longdesc="#79502736-9bdd-4869-bf2b-3a97661f840e"/>
5723    <figcaption class="hide" id="79502736-9bdd-4869-bf2b-3a97661f840e">El registre horari digital encara no &#233;s obligatori al 100%. Descobreix l&#39;estat real de la tramitaci&#243;, els requisits t&#232;cnics i com preparar la teva empresa.</figcaption>
5724</figure>
5725
5726
5727
5728
5729
5730
5731
5732                            <a class="item-url" href="/ca/actualitat-nubulus/registre-horari-digital-estat-decret" target="_self" title="El registre horari digital encara no &#233;s obligatori al 100%. Descobreix l&#39;estat real de la tramitaci&#243;, els requisits t&#232;cnics i com preparar la teva empresa.">Registre horari digital: estat del decret i com preparar-te</a>
5733                        </div>
5734                    </div>
5735                    <div class="card" title="La bona not&#237;cia &#233;s que si factures amb Holded, el compliment ja ve integrat de s&#232;rie: Holded &#233;s col&#183;laborador social de l&#39;AEAT i genera cada factura amb QR, empremta digital i signatura electr&#242;nica sense que hagis de tocar cap configuraci&#243;.">
5736                        <div class="panel panel-default panel-body item" itemscope itemtype="http://schema.org/WebPage">
5737                            <meta itemprop="datePublished" content="02026-09-10">
5738                            <meta itemprop="name" content="Verifactu 2027 amb Holded: qui hi est&#224; obligat i com adaptar-te sense complicacions">
5739                            <meta itemprop="description" content="La bona not&#237;cia &#233;s que si factures amb Holded, el compliment ja ve integrat de s&#232;rie: Holded &#233;s col&#183;laborador social de l&#39;AEAT i genera cada factura amb QR, empremta digital i signatura electr&#242;nica sense que hagis de tocar cap configuraci&#243;.">
5740                            <meta itemprop="image" content="https://panel.nubulus.es/Webs/nubulus.cat/Files/image/ACtual
5740itat/holded-verifactu-2027-16x9.webp" />
5741                            <meta itemprop="url" content="/ca/actualitat-nubulus/verifactu-qui-hi-esta-obligat-i-com-preparar-se" />
5742                            <h3 class="item-title">Verifactu 2027 amb Holded: qui hi est&#224; obligat i com adaptar-te sense complicacions</h3>
5743                            <h4 class="item-group">Estigues al dia amb el nostre Blog de Transformaci&#243; digital</h4>
5744                            <p class="item-date">10/09/2026</p>
5745                            <p class="item-description">La bona not&#237;cia &#233;s que si factures amb Holded, el compliment ja ve integrat de s&#232;rie: Holded &#233;s col&#183;laborador social de l&#39;AEAT i genera cada factura amb QR, empremta digital i signatura electr&#242;nica sense que hagis de tocar cap configuraci&#243;.</p>
5746                            
5747<figure class="item-figure">
5748    <img class="item-figure-image" src="https://panel.nubulus.es/Webs/nubulus.cat/Files/image/ACtualitat/holded-verifactu-2027-16x9.webp" alt="Verifactu 2027 amb Holded: qui hi est&#224; obligat i com adaptar-te sense complicacions" loading="lazy" longdesc="#8324ca0d-78fa-4aa8-9f19-e4f3eb1d3c53"/>
5749    <figcaption class="hide" id="8324ca0d-78fa-4aa8-9f19-e4f3eb1d3c53">La bona not&#237;cia &#233;s que si factures amb Holded, el compliment ja ve integrat de s&#232;rie: Holded &#233;s col&#183;laborador social de l&#39;AEAT i genera cada factura amb QR, empremta digital i signatura electr&#242;nica sense que hagis de tocar cap configuraci&#243;.</figcaption>
5750</figure>
5751
5752
5753
5754
5755
5756
5757
5758                            <a class="item-url" href="/ca/actualitat-nubulus/verifactu-qui-hi-esta-obligat-i-com-preparar-se" target="_self" title="La bona not&#237;cia &#233;s que si factures amb Holded, el compliment ja ve integrat de s&#232;rie: Holded &#233;s col&#183;laborador social de l&#39;AEAT i genera cada factura amb QR, empremta digital i signatura electr&#242;nica sense que hagis de tocar cap configuraci&#243;.">Verifactu 2027 amb Holded: qui hi est&#224; obligat i com adaptar-te sense complicacions</a>
5759                        </div>
5760                    </div>
5761                    <div class="card" title="Descobreix per qu&#232; Google elimina ressenyes sense av&#237;s, com protegir la teva fitxa amb el CID i per qu&#232; una IA pot fer servir ressenyes negatives antigues.">
5762                        <div class="panel panel-default panel-body item" itemscope itemtype="http://schema.org/WebPage">
5763                            <meta itemprop="datePublished" content="02026-07-30">
5764                            <meta itemprop="name" content="Per qu&#232; desapareixen les ressenyes de Google del teu negoci (i com evitar-ho)">
5765                            <meta itemprop="description" content="Descobreix per qu&#232; Google elimina ressenyes sense av&#237;s, com protegir la teva fitxa amb el CID i per qu&#232; una IA pot fer servir ressenyes negatives antigues.">
5766                            <meta itemprop="image" content="https://panel.nubulus.es/Webs/nubulus.cat/Files/image/Blog/ressenyes%20de%20google%20que%20desapareixen.png" />
5767                            <meta itemprop="url" content="/ca/actualitat-nubulus/per-que-desapareixen-ressenyes-google" />
5768                            <h3 class="item-title">Per qu&#232; desapareixen les ressenyes de Google del teu negoci (i com evitar-ho)</h3>
5769                            <h4 class="item-group">Estigues al dia amb el nostre Blog de Transformaci&#243; digital</h4>
5770                            <p class="item-date">30/07/2026</p>
5771                            <p class="item-description">Descobreix per qu&#232; Google elimina ressenyes sense av&#237;s, com protegir la teva fitxa amb el CID i per qu&#232; una IA pot fer servir ressenyes negatives antigues.</p>
5772                            
5773<figure class="item-figure">
5774    <img class="item-figure-image" src="https://panel.nubulus.es/Webs/nubulus.cat/Files/image/Blog/ressenyes%20de%20google%20que%20desapareixen.png" alt="Per qu&#232; desapareixen les ressenyes de Google del teu negoci (i com evitar-ho)" loading="lazy" longdesc="#c6ff62ba-c1a3-4872-8784-6378214e00f1"/>
5775    <figcaption class="hide" id="c6ff62ba-c1a3-4872-8784-6378214e00f1">Descobreix per qu&#232; Google elimina ressenyes sense av&#237;s, com protegir la teva fitxa amb el CID i per qu&#232; una IA pot fer servir ressenyes negatives antigues.</figcaption>
5776</figure>
5777
5778
5779
5780
5781
5782
5783
5784                            <a class="item-url" href="/ca/actualitat-nubulus/per-que-desapareixen-ressenyes-google" target="_self" title="Descobreix per qu&#232; Google elimina ressenyes sense av&#237;s, com protegir la teva fitxa amb el CID i per qu&#232; una IA pot fer servir ressenyes negatives antigues.">Per qu&#232; desapareixen les ressenyes de Google del teu negoci (i com evitar-ho)</a>
5785                        </div>
5786                    </div>
5787                    <div class="card" title="Les subvencions CCAM 2026 financen digitalitzaci&#243;, reforma de locals i creixement artes&#224; a Catalunya. Descobreix els 8 programes i quins imports podeu rebre.">
5788                        <div class="panel panel-default panel-body item" itemscope itemtype="http://schema.org/WebPage">
5789                            <meta itemprop="datePublished" content="02026-07-24">
5790                            <meta itemprop="name" content="Subvencions CCAM 2026 per a comer&#231;, serveis i artesania: qu&#232; cobreixen i qui hi pot optar">
5791                            <meta itemprop="description" content="Les subvencions CCAM 2026 financen digitalitzaci&#243;, reforma de locals i creixement artes&#224; a Catalunya. Descobreix els 8 programes i quins imports podeu rebre.">
5792                            <meta itemprop="image" content="https://panel.nubulus.es/Webs/nubulus.cat/Files/image/ACtual
5792itat/Subvencions_CCAM_2026__Impuls_Digital.png" />
5793                            <meta itemprop="url" content="/ca/actualitat-nubulus/subvencions-ccam-2026-comerc-artesania" />
5794                            <h3 class="item-title">Subvencions CCAM 2026 per a comer&#231;, serveis i artesania: qu&#232; cobreixen i qui hi pot optar</h3>
5795                            <h4 class="item-group">Estigues al dia amb el nostre Blog de Transformaci&#243; digital</h4>
5796                            <p class="item-date">24/07/2026</p>
5797                            <p class="item-description">Les subvencions CCAM 2026 financen digitalitzaci&#243;, reforma de locals i creixement artes&#224; a Catalunya. Descobreix els 8 programes i quins imports podeu rebre.</p>
5798                            
5799<figure class="item-figure">
5800    <img class="item-figure-image" src="https://panel.nubulus.es/Webs/nubulus.cat/Files/image/ACtualitat/Subvencions_CCAM_2026__Impuls_Digital.png" alt="Subvencions CCAM 2026 per a comer&#231;, serveis i artesania: qu&#232; cobreixen i qui hi pot optar" loading="lazy" longdesc="#080aa569-12dd-40d1-90d3-38157c78534d"/>
5801    <figcaption class="hide" id="080aa569-12dd-40d1-90d3-38157c78534d">Les subvencions CCAM 2026 financen digitalitzaci&#243;, reforma de locals i creixement artes&#224; a Catalunya. Descobreix els 8 programes i quins imports podeu rebre.</figcaption>
5802</figure>
5803
5804
5805
5806
5807
5808
5809
5810                            <a class="item-url" href="/ca/actualitat-nubulus/subvencions-ccam-2026-comerc-artesania" target="_self" title="Les subvencions CCAM 2026 financen digitalitzaci&#243;, reforma de locals i creixement artes&#224; a Catalunya. Descobreix els 8 programes i quins imports podeu rebre.">Subvencions CCAM 2026 per a comer&#231;, serveis i artesania: qu&#232; cobreixen i qui hi pot optar</a>
5811                        </div>
5812                    </div>
5813                    <div class="card" title="Com afegir el n&#250;mero de WhatsApp a la fitxa de Google Business Profile">
5814                        <div class="panel panel-default panel-body item" itemscope itemtype="http://schema.org/WebPage">
5815                            <meta itemprop="datePublished" content="02026-07-16">
5816                            <meta itemprop="name" content="Com afegir el n&#250;mero de WhatsApp a la fitxa de Google Business Profile">
5817                            <meta itemprop="description" content="Com afegir el n&#250;mero de WhatsApp a la fitxa de Google Business Profile">
5818                            <meta itemprop="image" content="https://panel.nubulus.es/Webs/nubulus.cat/Files/image/ACtualitat/Captura%20de%20pantalla%202026-07-16%20100451.jpg" />
5819                            <meta itemprop="url" content="/ca/actualitat-nubulus/com-afegir-el-numero-de-whatsapp-a-la-fitxa-de-google-business-profile" />
5820                            <h3 class="item-title">Com afegir el n&#250;mero de WhatsApp a la fitxa de Google Business Profile</h3>
5821                            <h4 class="item-group">Estigues al dia amb el nostre Blog de Transformaci&#243; digital</h4>
5822                            <p class="item-date">16/07/2026</p>
5823                            <p class="item-description">Com afegir el n&#250;mero de WhatsApp a la fitxa de Google Business Profile</p>
5824                            
5825<figure class="item-figure">
5826    <img class="item-figure-image" src="https://panel.nubulus.es/Webs/nubulus.cat/Files/image/ACtualitat/Captura%20de%20pantalla%202026-07-16%20100451.jpg" alt="Com afegir el n&#250;mero de WhatsApp a la fitxa de Google Business Profile" loading="lazy" longdesc="#96c6b926-05f7-48f6-953f-23a1f7bc38a4"/>
5827    <figcaption class="hide" id="96c6b926-05f7-48f6-953f-23a1f7bc38a4">Com afegir el n&#250;mero de WhatsApp a la fitxa de Google Business Profile</figcaption>
5828</figure>
5829
5830
5831
5832
5833
5834
5835
5836                            <a class="item-url" href="/ca/actualitat-nubulus/com-afegir-el-numero-de-whatsapp-a-la-fitxa-de-google-business-profile" target="_self" title="Com afegir el n&#250;mero de WhatsApp a la fitxa de Google Business Profile">Com afegir el n&#250;mero de WhatsApp a la fitxa de Google Business Profile</a>
5837                        </div>
5838                    </div>
5839                    <div class="card" title="El AI Act i les imatges del teu ecommerce: qu&#232; has d&#39;etiquetar (i qu&#232; no)">
5840                        <div class="panel panel-default panel-body item" itemscope itemtype="http://schema.org/WebPage">
5841                            <meta itemprop="datePublished" content="02026-06-09">
5842                            <meta itemprop="name" content="El AI Act i les imatges del teu ecommerce: qu&#232; has d&#39;etiquetar (i qu&#232; no)">
5843                            <meta itemprop="description" content="El AI Act i les imatges del teu ecommerce: qu&#232; has d&#39;etiquetar (i qu&#232; no)">
5844                            <meta itemprop="image" content="https://panel.nubulus.es/Webs/nubulus.cat/Files/file/IA-ACT-Ecomm.webp" />
5845                            <meta itemprop="url" content="/ca/actualitat-nubulus/el-ai-act-i-les-imatges-del-teu-ecommerce-que-has-detiquetar-i-que-no" />
5846                            <h3 class="item-title">El AI Act i les imatges del teu ecommerce: qu&#232; has d&#39;etiquetar (i qu&#232; no)</h3>
5847                            <h4 class="item-group">Estigues al dia amb el nostre Blog de Transformaci&#243; digital</h4>
5848                            <p class="item-date">09/06/2026</p>
5849                            <p class="item-description">El AI Act i les imatges del teu ecommerce: qu&#232; has d&#39;etiquetar (i qu&#232; no)</p>
5850                            
5851<figure class="item-figure">
5852    <img class="item-figure-image" src="https://panel.nubulus.es/Webs/nubulus.cat/Files/file/IA-ACT-Ecomm.webp" alt="El AI Act i les imatges del teu ecommerce: qu&#232; has d&#39;etiquetar (i qu&#232; no)" loading="lazy" longdesc="#068cd730-6faa-4eb0-9570-b8bc97a5cbbb"/>
5853    <figcaption class="hide" id="068cd730-6faa-4eb0-9570-b8bc97a5cbbb">El AI Act i les imatges del teu ecommerce: qu&#232; has d&#39;etiquetar (i qu&#232; no)</figcaption>
5854</figure>
5855
5856
5857
5858
5859
5860
5861
5862                            <a class="item-url" href="/ca/actualitat-nubulus/el-ai-act-i-les-imatges-del-teu-ecommerce-que-has-detiquetar-i-que-no" target="_self" title="El AI Act i les imatges del teu ecommerce: qu&#232; has d&#39;etiquetar (i qu&#232; no)">El AI Act i les imatges del teu ecommerce: qu&#232; has d&#39;etiquetar (i qu&#232; no)</a>
5863                        </div>
5864                    </div>
5865                    <div class="card" title="Qu&#232; &#233;s l&#39;AI Act i a qui afecta">
5866                        <div class="panel panel-default panel-body item" itemscope itemtype="http://schema.org/WebPage">
5867                            <meta itemprop="datePublished" content="02026-06-09">
5868                            <meta itemprop="name" content="Qu&#232; &#233;s l&#39;AI Act i a qui afecta">
5869                            <meta itemprop="description" content="Qu&#232; &#233;s l&#39;AI Act i a qui afecta">
5870                            <meta itemprop="image" content="https://panel.nubulus.es/Webs/nubulus.cat/Files/image/Blog/a_clean_modern_infographic_style_scene_wide_bann_1.webp" />
5871                            <meta itemprop="url" content="/ca/actualitat-nubulus/que-es-lai-act-i-a-qui-afecta" />
5872                            <h3 class="item-title">Qu&#232; &#233;s l&#39;AI Act i a qui afecta</h3>
5873                            <h4 class="item-group">Estigues al dia amb el nostre Blog de Transformaci&#243; digital</h4>
5874                            <p class="item-date">09/06/2026</p>
5875                            <p class="item-description">Qu&#232; &#233;s l&#39;AI Act i a qui afecta</p>
5876                            
5877<figure class="item-figure">
5878    <img class="item-figure-image" src="https://panel.nubulus.es/Webs/nubulus.cat/Files/image/Blog/a_clean_modern_infographic_style_scene_wide_bann_1.webp" alt="Qu&#232; &#233;s l&#39;AI Act i a qui afecta" loading="lazy" longdesc="#7aaa2816-80dd-4534-ae30-71335b88fbda"/>
5879    <figcaption class="hide" id="7aaa2816-80dd-4534-ae30-71335b88fbda">Qu&#232; &#233;s l&#39;AI Act i a qui afecta</figcaption>
5880</figure>
5881
5882
5883
5884
5885
5886
5887
5888                            <a class="item-url" href="/ca/actualitat-nubulus/que-es-lai-act-i-a-qui-afecta" target="_self" title="Qu&#232; &#233;s l&#39;AI Act i a qui afecta">Qu&#232; &#233;s l&#39;AI Act i a qui afecta</a>
5889                        </div>
5890                    </div>
5891                    <div class="card" title="Bot&#243; de desistiment: qu&#232; &#233;s, qu&#232; diu la llei i com complir-la sense riscos">
5892                        <div class="panel panel-default panel-body item" itemscope itemtype="http://schema.org/WebPage">
5893                            <meta itemprop="datePublished" content="02026-06-09">
5894                            <meta itemprop="name" content="Bot&#243; de desistiment: qu&#232; &#233;s, qu&#232; diu la llei i com complir-la sense riscos">
5895                            <meta itemprop="description" content="Bot&#243; de desistiment: qu&#232; &#233;s, qu&#232; diu la llei i com complir-la sense riscos">
5896                            <meta itemprop="image" content="https://panel.nubulus.es/Webs/nubulus.cat/Files/image/Blog/boto_desistiment_article.webp" />
5897                            <meta itemprop="url" content="/ca/actualitat-nubulus/boto-de-
5897desistiment-que-es-que-diu-la-llei-i-com-complir-la-sense-riscos" />
5898                            <h3 class="item-title">Bot&#243; de desistiment: qu&#232; &#233;s, qu&#232; diu la llei i com complir-la sense riscos</h3>
5899                            <h4 class="item-group">Estigues al dia amb el nostre Blog de Transformaci&#243; digital</h4>
5900                            <p class="item-date">09/06/2026</p>
5901                            <p class="item-description">Bot&#243; de desistiment: qu&#232; &#233;s, qu&#232; diu la llei i com complir-la sense riscos</p>
5902                            
5903<figure class="item-figure">
5904    <img class="item-figure-image" src="https://panel.nubulus.es/Webs/nubulus.cat/Files/image/Blog/boto_desistiment_article.webp" alt="Bot&#243; de desistiment: qu&#232; &#233;s, qu&#232; diu la llei i com complir-la sense riscos" loading="lazy" longdesc="#b580bfea-f262-4c56-8e7b-7d5582c5c70c"/>
5905    <figcaption class="hide" id="b580bfea-f262-4c56-8e7b-7d5582c5c70c">Bot&#243; de desistiment: qu&#232; &#233;s, qu&#232; diu la llei i com complir-la sense riscos</figcaption>
5906</figure>
5907
5908
5909
5910
5911
5912
5913
5914                            <a class="item-url" href="/ca/actualitat-nubulus/boto-de-desistiment-que-es-que-diu-la-llei-i-com-complir-la-sense-riscos" target="_self" title="Bot&#243; de desistiment: qu&#232; &#233;s, qu&#232; diu la llei i com complir-la sense riscos">Bot&#243; de desistiment: qu&#232; &#233;s, qu&#232; diu la llei i com complir-la sense riscos</a>
5915                        </div>
5916                    </div>
5917                    <div class="card" title="Com instal&#183;lar Claude a Word, Excel i PowerPoint">
5918                        <div class="panel panel-default panel-body item" itemscope itemtype="http://schema.org/WebPage">
5919                            <meta itemprop="datePublished" content="02026-05-05">
5920                            <meta itemprop="name" content="Com instal&#183;lar Claude a Word, Excel i PowerPoint">
5921                            <meta itemprop="description" content="Com instal&#183;lar Claude a Word, Excel i PowerPoint">
5922                            <meta itemprop="image" content="https://panel.nubulus.es/Webs/nubulus.cat/Files/image/Blog/Claude-office.webp" />
5923                            <meta itemprop="url" content="/ca/actualitat-nubulus/com-installar-claude-a-word--excel-i-powerpoint" />
5924                            <h3 class="item-title">Com instal&#183;lar Claude a Word, Excel i PowerPoint</h3>
5925                            <h4 class="item-group">Estigues al dia amb el nostre Blog de Transformaci&#243; digital</h4>
5926                            <p class="item-date">05/05/2026</p>
5927                            <p class="item-description">Com instal&#183;lar Claude a Word, Excel i PowerPoint</p>
5928                            
5929<figure class="item-figure">
5930    <img class="item-figure-image" src="https://panel.nubulus.es/Webs/nubulus.cat/Files/image/Blog/Claude-office.webp" alt="Com instal&#183;lar Claude a Word, Excel i PowerPoint" loading="lazy" longdesc="#773ee56b-6a68-4e61-9f2d-534082577c58"/>
5931    <figcaption class="hide" id="773ee56b-6a68-4e61-9f2d-534082577c58">Com instal&#183;lar Claude a Word, Excel i PowerPoint</figcaption>
5932</figure>
5933
5934
5935
5936
5937
5938
5939
5940                            <a class="item-url" href="/ca/actualitat-nubulus/com-installar-claude-a-word--excel-i-powerpoint" target="_self" title="Com instal&#183;lar Claude a Word, Excel i PowerPoint">Com instal&#183;lar Claude a Word, Excel i PowerPoint</a>
5941                        </div>
5942                    </div>
5943                    <div class="card" title="Red.es ">
5944                        <div class="panel panel-default panel-body item" itemscope itemtype="http://schema.org/WebPage">
5945                            <meta itemprop="datePublished" content="02026-04-15">
5946                            <meta itemprop="name" content="El Kit Digital: Red.es comprovar&#224; si la teva web compleix la LSSICE">
5947                            <meta itemprop="description" content="Red.es ">
5948                            <meta itemprop="image" content="https://panel.nubulus.es/Webs/nubulus.cat/Files/image/Blog/redes-kitdigital.webp" />
5949                            <meta itemprop="url" content="/ca/actualitat-nubulus/el-kit-digital-redes-comprovara-si-la-teva-web-compleix-la-lssice" />
5950                            <h3 class="item-title">El Kit Digital: Red.es comprovar&#224;
5950 si la teva web compleix la LSSICE</h3>
5951                            <h4 class="item-group">Estigues al dia amb el nostre Blog de Transformaci&#243; digital</h4>
5952                            <p class="item-date">15/04/2026</p>
5953                            <p class="item-description">Red.es </p>
5954                            
5955<figure class="item-figure">
5956    <img class="item-figure-image" src="https://panel.nubulus.es/Webs/nubulus.cat/Files/image/Blog/redes-kitdigital.webp" alt="El Kit Digital: Red.es comprovar&#224; si la teva web compleix la LSSICE" loading="lazy" longdesc="#d6015a0a-ee30-448e-b589-0ca5ba3ffe90"/>
5957    <figcaption class="hide" id="d6015a0a-ee30-448e-b589-0ca5ba3ffe90">Red.es </figcaption>
5958</figure>
5959
5960
5961
5962
5963
5964
5965
5966                            <a class="item-url" href="/ca/actualitat-nubulus/el-kit-digital-redes-comprovara-si-la-teva-web-compleix-la-lssice" target="_self" title="Red.es ">El Kit Digital: Red.es comprovar&#224; si la teva web compleix la LSSICE</a>
5967                        </div>
5968                    </div>
5969            </div>
5970        </section>
5971
5972
5973
5974
5975
5976    <footer data-id="footer">
5977            <div class="container" id="footer">
5978<!-- <div class="newsletter">
5979<div class="grid">
5980<figure><img loading="lazy"alt="Imatge Newsletter" src="https://panel.nubulus.es/Webs/nubulus.cat/Files/image/footer/nubulus-newsletter.webp" /></figure>
5981
5982<div class="newsletter-form">
5983<style type="text/css">@import url(https://fonts.bunny.net/css?family=roboto:400,700|IBM+Plex+Sans:400);
5984</style>
5985<style type="text/css">#_form_1_ {
5986          font-size: 14px;
5987          line-height: 1.6;
5988          font-family: arial, helvetica, sans-serif;
5989          margin: 0;
5990        }
5991        #_form_1_ * {
5992          outline: 0;
5993        }
5994        ._form_hide {
5995          display: none;
5996          visibility: hidden;
5997        }
5998        ._form_show {
5999          display: block;
6000          visibility: visible;
6001        }
6002        #_form_1_._form-top {
6003          top: 0;
6004        }
6005        #_form_1_._form-bottom {
6006          bottom: 0;
6007        }
6008        #_form_1_._form-left {
6009          left: 0;
6010        }
6011        #_form_1_._form-right {
6012          right: 0;
6013        }
6014        #_form_1_ input[type="text"],
6015        #_form_1_ input[type="tel"],
6016        #_form_1_ input[type="date"],
6017        #_form_1_ textarea {
6018          padding: 6px;
6019          height: auto;
6020          border: #979797 1px solid;
6021          border-radius: 4px;
6022          color: #000 !important;
6023          font-size: 14px;
6024          -webkit-box-sizing: border-box;
6025          -moz-box-sizing: border-box;
6026          box-sizing: border-box;
6027        }
6028        #_form_1_ textarea {
6029          resize: none;
6030        }
6031        #_form_1_ ._submit {
6032          -webkit-appearance: none;
6033          cursor: pointer;
6034          font-family: arial, sans-serif;
6035          font-size: 14px;
6036          text-align: center;
6037          background: #2b4246 !important;
6038          border: 0 !important;
6039          -moz-border-radius: 4px !important;
6040          -webkit-border-radius: 4px !important;
6041          border-radius: 4px !important;
6042          color: #ffffff !important;
6043          padding: 10px !important;
6044        }
6045        #_form_1_ ._submit:disabled {
6046          cursor: not-allowed;
6047          opacity: 0.4;
6048        }
6049        #_form_1_ ._submit.processing {
6050          position: relative;
6051        }
6052        #_form_1_ ._submit.processing::before {
6053          content: "";
6054          width: 1em;
6055          height: 1em;
6056          position: absolute;
6057          z-index: 1;
6058          top: 50%;
6059          left: 50%;
6060          border: double 3px transparent;
6061          border-radius: 50%;
6062          background-image: linear-gradient(#2b4246, #2b4246),
6063            conic-gradient(#2b4246, #ffffff);
6064          background-origin: border-box;
6065          background-clip: content-box, border-box;
6066          animation: 1200ms ease 0s infinite normal none running _spin;
6067        }
6068        #_form_1_ ._submit.processing::after {
6069          content: "";
6070          position: absolute;
6071          top: 0;
6072          bottom: 0;
6073          left: 0;
6074          right: 0;
6075          background: #2b4246 !important;
6076          border: 0 !important;
6077          -moz-border-radius: 4px !important;
6078          -webkit-border-radius: 4px !important;
6079          border-radius: 4px !important;
6080          color: #ffffff !important;
6081          padding: 10px !important;
6082        }
6083        @keyframes _spin {
6084          0% {
6085            transform: translate(-50%, -50%) rotate(90deg);
6086          }
6087          100% {
6088            transform: translate(-50%, -50%) rotate(450deg);
6089          }
6090        }
6091        #_form_1_ ._close-icon {
6092          cursor: pointer;
6093          background-image: url("https://d226aj4ao1t61q.cloudfront.net/esfkyjh1u_forms-close-dark.png");
6094          background-repeat: no-repeat;
6095          background-size: 14.2px 14.2px;
6096          position: absolute;
6097          display: block;
6098          top: 11px;
6099          right: 9px;
6100          overflow: hidden;
6101          width: 16.2px;
6102          height: 16.2px;
6103        }
6104        #_form_1_ ._close-icon:before {
6105          position: relative;
6106        }
6107        #_form_1_ ._form-body {
6108          margin-bottom: 30px;
6109        }
6110        #_form_1_ ._form-image-left {
6111          width: 150px;
6112          float: left;
6113        }
6114        #_form_1_ ._form-content-right {
6115          margin-left: 164px;
6116        }
6117        #_form_1_ ._form-branding {
6118          color: #fff;
6119          font-size: 10px;
6120          clear: both;
6121          text-align: left;
6122          margin-top: 30px;
6123          font-weight: 100;
6124        }
6125        #_form_1_ ._form-branding ._logo {
6126          display: block;
6127          width: 130px;
6128          height: 14px;
6129          margin-top: 6px;
6130          background-image: url("https://d226aj4ao1t61q.cloudfront.net/hh9ujqgv5_aclogo_li.png");
6131          background-size: 130px auto;
6132          background-repeat: no-repeat;
6133        }
6134        #_form_1_ .form-sr-only {
6135          position: absolute;
6136          width: 1px;
6137          height: 1px;
6138          padding: 0;
6139          margin: -1px;
6140          overflow: hidden;
6141          clip: rect(0, 0, 0, 0);
6142          border: 0;
6143        }
6144        #_form_1_ ._form-label,
6145        #_form_1_ ._form_element ._form-label {
6146          font-weight: bold;
6147          margin-bottom: 5px;
6148          display: block;
6149        }
6150        #_form_1_._dark ._form-branding {
6151          color: #333;
6152        }
6153        #_form_1_._dark ._form-branding ._logo {
6154          background-image: url("https://d226aj4ao1t61q.cloudfront.net/jftq2c8s_aclogo_dk.png");
6155        }
6156        #_form_1_ ._form_element {
6157          position: relative;
6158          margin-bottom: 10px;
6159          font-size: 0;
6160          max-width: 100%;
6161        }
6162        #_form_1_ ._form_element * {
6163          font-size: 14px;
6164        }
6165        #_form_1_ ._form_element._clear {
6166          clear: both;
6167          width: 100%;
6168          float: none;
6169        }
6170        #_form_1_ ._form_element._clear:after {
6171          clear: left;
6172        }
6173        #_form_1_ ._form_element input[type="text"],
6174        #_form_1_ ._form_element input[type="date"],
6175        #_form_1_ ._form_element select,
6176        #_form_1_ ._form_element textarea:not(.g-recaptcha-response) {
6177          display: block;
6178          width: 100%;
6179          -webkit-box-sizing: border-box;
6180          -moz-box-sizing: border-box;
6181          box-sizing: border-box;
6182          font-family: inherit;
6183        }
6184        #_form_1_ ._field-wrapper {
6185          position: relative;
6186        }
6187        #_form_1_ ._inline-style {
6188          float: left;
6189        }
6190        #_form_1_ ._inline-style input[type="text"] {
6191          width: 150px;
6192        }
6193        #_form_1_ ._inline-style:not(._clear) {
6194          margin-right: 20px;
6195        }
6196        #_form_1_ ._form_element img._form-image {
6197          max-width: 100%;
6198        }
6199        #_form_1_ ._form_element ._form-fieldset {
6200          border: 0;
6201          padding: 0.01em 0 0 0;
6202          margin: 0;
6203          min-width: 0;
6204        }
6205        #_form_1_ ._clear-element {
6206          clear: left;
6207        }
6208        #_form_1_ ._full_width {
6209          width: 100%;
6210        }
6211        #_form_1_ ._form_full_field {
6212          display: block;
6213          width: 100%;
6214          margin-bottom: 10px;
6215        }
6216        #_form_1_ input[type="text"]._has_error,
6217        #_form_1_ textarea._has_error {
6218          border: #f37c7b 1px solid;
6219        }
6220        #_form_1_ input[type="checkbox"]._has_error {
6221          outline: #f37c7b 1px solid;
6222        }
6223        #_form_1_ ._show_be_error {
6224          float: left;
6225        }
6226        #_form_1_ ._error {
6227          display: block;
6228          position: absolute;
6229          font-size: 14px;
6230          z-index: 10000001;
6231        }
6232        #_form_1_ ._error._above {
6233          padding-bottom: 4px;
6234          bottom: 39px;
6235          right: 0;
6236        }
6237        #_form_1_ ._error._below {
6238          padding-top: 8px;
6239          top: 100%;
6240          right: 0;
6241        }
6242        #_form_1_ ._error._above ._error-arrow {
6243          bottom: -4px;
6244          right: 15px;
6245          border-left: 8px solid transparent;
6246          border-right: 8px solid transparent;
6247          border-top: 8px solid #ffdddd;
6248        }
6249        #_form_1_ ._error._below ._error-arrow {
6250          top: 0;
6251          right: 15px;
6252          border-left: 8px solid transparent;
6253          border-right: 8px solid transparent;
6254          border-bottom: 8px solid #ffdddd;
6255        }
6256        #_form_1_ ._error-inner {
6257          padding: 12px 12px 12px 36px;
6258          background-color: #ffdddd;
6259          background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM9 3V9H7V3H9ZM9 13V11H7V13H9Z' fill='%23CA0000'/%3E%3C/svg%3E");
6260          background-repeat: no-repeat;
6261          background-position: 12px center;
6262          font-size: 14px;
6263          font-family: arial, sans-serif;
6264          font-weight: 600;
6265          line-height: 16px;
6266          color: #000;
6267          text-align: center;
6268          text-decoration: none;
6269          -webkit-border-radius: 4px;
6270          -moz-border-radius: 4px;
6271          border-radius: 4px;
6272          box-shadow: 0 1px 4px rgba(31, 33, 41, 0.298295);
6273        }
6274        @media only screen and (max-width: 319px) {
6275          #_form_1_ ._error-inner {
6276            padding: 7px 7px 7px 25px;
6277            font-size: 12px;
6278            line-height: 12px;
6279            background-position: 4px center;
6280            max-width: 100px;
6281            white-space: nowrap;
6282            overflow: hidden;
6283            text-overflow: ellipsis;
6284          }
6285        }
6286        #_form_1_ ._error-inner._form_error {
6287          margin-bottom: 5px;
6288          text-align: left;
6289        }
6290        #_form_1_ ._button-wrapper ._error-inner._form_error {
6291          position: static;
6292        }
6293        #_form_1_ ._error-inner._no_arrow {
6294          margin-bottom: 10px;
6295        }
6296        #_form_1_ ._error-arrow {
6297          position: absolute;
6298          width: 0;
6299          height: 0;
6300        }
6301        #_form_1_ ._error-html {
6302          margin-bottom: 10px;
6303        }
6304        .pika-single {
6305          z-index: 10000001 !important;
6306        }
6307        #_form_1_ input[type="text"].datetime_date {
6308          width: 69%;
6309          display: inline;
6310        }
6311        #_form_1_ select.datetime_time {
6312          width: 29%;
6313          display: inline;
6314          height: 32px;
6315        }
6316        #_form_1_ input[type="date"].datetime_date {
6317          width: 69%;
6318          display: inline-flex;
6319        }
6320        #_form_1_ input[type="time"].datetime_time {
6321          width: 29%;
6322          display: inline-flex;
6323        }
6324        @media (min-width: 320px) and (max-width: 667px) {
6325          ::-webkit-scrollbar {
6326            display: none;
6327          }
6328          #_form_1_ {
6329            margin: 0;
6330            width: 100%;
6331            min-width: 100%;
6332            max-width: 100%;
6333            box-sizing: border-box;
6334          }
6335          #_form_1_ * {
6336            -webkit-box-sizing: border-box;
6337            -moz-box-sizing: border-box;
6338            box-sizing: border-box;
6339            font-size: 1em;
6340          }
6341          #_form_1_ ._form-content {
6342            margin: 0;
6343            width: 100%;
6344          }
6345          #_form_1_ ._form-inner {
6346            display: block;
6347            min-width: 100%;
6348          }
6349          #_form_1_ ._form-title,
6350          #_form_1_ ._inline-style {
6351            margin-top: 0;
6352            margin-right: 0;
6353            margin-left: 0;
6354          }
6355          #_form_1_ ._form-title {
6356            font-size: 1.2em;
6357          }
6358          #_form_1_ ._form_element {
6359            margin: 0 0 20px;
6360            padding: 0;
6361            width: 100%;
6362          }
6363          #_form_1_ ._form-element,
6364          #_form_1_ ._inline-style,
6365          #_form_1_ input[type="text"],
6366          #_form_1_ label,
6367          #_form_1_ p,
6368          #_form_1_ textarea:not(.g-recaptcha-response) {
6369            float: none;
6370            display: block;
6371            width: 100%;
6372          }
6373          #_form_1_ ._row._checkbox-radio label {
6374            display: inline;
6375          }
6376          #_form_1_ ._row,
6377          #_form_1_ p,
6378          #_form_1_ label {
6379            margin-bottom: 0.7em;
6380            width: 100%;
6381          }
6382          #_form_1_ ._row input[type="checkbox"],
6383          #_form_1_ ._row input[type="radio"] {
6384            margin: 0 !important;
6385            vertical-align: middle !important;
6386          }
6387          #_form_1_ ._row input[type="checkbox"] + span label {
6388            display: inline;
6389          }
6390          #_form_1_ ._row span label {
6391            margin: 0 !important;
6392            width: initial !important;
6393            vertical-align: middle !important;
6394          }
6395          #_form_1_ ._form-image {
6396            max-width: 100%;
6397            height: auto !important;
6398          }
6399          #_form_1_ input[type="text"] {
6400            padding-left: 10px;
6401            padding-right: 10px;
6402            font-size: 16px;
6403            line-height: 1.3em;
6404            -webkit-appearance: none;
6405          }
6406          #_form_1_ input[type="radio"],
6407          #_form_1_ input[type="checkbox"] {
6408            display: inline-block;
6409            width: 1.3em;
6410            height: 1.3em;
6411            font-size: 1em;
6412            margin: 0 0.3em 0 0;
6413            vertical-align: baseline;
6414          }
6415          #_form_1_ button[type="submit"] {
6416            padding: 20px;
6417            font-size: 1.5em;
6418          }
6419          #_form_1_ ._inline-style {
6420            margin: 20px 0 0 !important;
6421          }
6422          #_form_1_ ._inline-style input[type="text"] {
6423            width: 100%;
6424          }
6425        }
6426        #_form_1_ .sms_consent_checkbox {
6427          position: relative;
6428          width: 100%;
6429          display: flex;
6430          align-items: flex-start;
6431          padding: 20px 0;
6432        }
6433        #_form_1_ .sms_consent_checkbox input[type="checkbox"] {
6434          float: left;
6435          margin: 5px 10px 10px 0;
6436        }
6437        #_form_1_ .sms_consent_checkbox .sms_consent_message {
6438          display: inline;
6439          float: left;
6440          text-align: left;
6441          margin-bottom: 10px;
6442          font-size: 14px;
6443          color: #7d8799;
6444        }
6445        #_form_1_ .sms_consent_checkbox .sms_consent_message.sms_consent_mini {
6446          width: 90%;
6447        }
6448        #_form_1_ .sms_consent_checkbox ._error._above {
6449          right: auto;
6450          bottom: 0;
6451        }
6452        #_form_1_ .sms_consent_checkbox ._error._above ._error-arrow {
6453          right: auto;
6454          left: 5px;
6455        }
6456        @media (min-width: 320px) and (max-width: 667px) {
6457          #_form_1_ .sms_consent_checkbox ._error._above {
6458            top: -30px;
6459            left: 0;
6460            bottom: auto;
6461          }
6462        }
6463        #_form_1_ .field-required {
6464          color: #ff0000;
6465        }
6466        #_form_1_ {
6467          position: relative;
6468          text-align: left;
6469          margin: 25px auto 0;
6470          padding-top: 20px;
6471          padding-right: 20px;
6472          padding-bottom: 20px;
6473          padding-left: 20px;
6474          -webkit-box-sizing: border-box;
6475          -moz-box-sizing: border-box;
6476          box-sizing: border-box;
6477          background: white !important;
6478          border: 0;
6479          max-width: 705px;
6480          -moz-border-radius: 0px !important;
6481          -webkit-border-radius: 0px !important;
6482          border-radius: 0px !important;
6483          color: #ffffff;
6484        }
6485        #_form_1_ ._show_be_error {
6486          min-width: 100%;
6487        }
6488        #_form_1_._inline-form,
6489        #_form_1_._inline-form ._form-content {
6490          font-family: Roboto;
6491          font-size: 16px;
6492          font-weight: 400;
6493        }
6494        #_form_1_._inline-form ._row span,
6495        #_form_1_._inline-form ._row label {
6496          font-family: Roboto;
6497          font-size: 14px;
6498          font-weight: 400;
6499          line-height: 1.6em;
6500          color: #2b4246 !important;
6501        }
6502        #_form_1__inlineform input[type="text"],
6503        #_form_1__inlineform input[type="date"],
6504        #_form_1__inlineform input[type="tel"],
6505        #_form_1__inlineform select,
6506        #_form_1__inlineform textarea:not(.g-recaptcha-response) {
6507          font-family: Roboto;
6508          font-size: 14px;
6509          font-weight: 400;
6510          font-color: #000000;
6511          line-height: 1.6em;
6512        }
6513        #_form_1_._inline-form ._html-code *:not(h1, h2, h3, h4, h5, h6),
6514        #_form_1_._inline-form .sms_consent_message,
6515        #_form_1_._inline-form ._form-thank-you {
6516          font-family: Roboto;
6517          font-size: 16px;
6518          font-weight: 400;
6519          color: #2b4246 !important;
6520        }
6521        #_form_1_._inline-form ._form-label,
6522        #_form_1_._inline-form ._form-emailidentifier,
6523        #_form_1_._inline-form ._form-checkbox-option-label {
6524          font-family: Roboto;
6525          font-size: 14px;
6526          font-weight: 700;
6527          line-height: 1.6em;
6528          color: #2b4246 !important;
6529        }
6530        #_form_1_._inline-form ._submit {
6531          margin-top: 12px;
6532          font-family: Roboto;
6533          font-size: 14px;
6534          font-weight: 400;
6535        }
6536        #_form_1_._inline-form ._html-code h1,
6537        #_form_1_._inline-form ._html-code h2,
6538        #_form_1_._inline-form ._html-code h3,
6539        #_form_1_._inline-form ._html-code h4,
6540        #_form_1_._inline-form ._html-code h5,
6541        #_form_1_._inline-form ._html-code h6,
6542        #_form_1_._inline-form ._form-title {
6543          font-family: Roboto;
6544          font-size: 24px;
6545          line-height: normal;
6546          font-weight: 700;
6547          color: #2b4246;
6548          margin-bottom: 0;
6549          display: block;
6550        }
6551        #_form_1_._inline-form ._form-branding {
6552          font-family: "IBM Plex Sans", Helvetica, sans-serif;
6553          font-size: 13px;
6554          font-weight: 100;
6555          font-style: normal;
6556          text-decoration: none;
6557        }
6558        #_form_1_:before,
6559        #_form_1_:after {
6560          content: " ";
6561          display: table;
6562        }
6563        #_form_1_:after {
6564          clear: both;
6565        }
6566        #_form_1_._inline-style {
6567          width: auto;
6568          display: inline-block;
6569        }
6570        #_form_1_._inline-style input[type="text"],
6571        #_form_1_._inline-style input[type="date"] {
6572          padding: 10px 12px;
6573        }
6574        #_form_1_._inline-style button._inline-style {
6575          position: relative;
6576          top: 27px;
6577        }
6578        #_form_1_._inline-style p {
6579          margin: 0;
6580        }
6581        #_form_1_._inline-style ._button-wrapper {
6582          position: relative;
6583          margin: 16px 12.5px 0 20px;
6584        }
6585        #_form_1_ ._form-thank-you {
6586          position: relative;
6587          left: 0;
6588          right: 0;
6589          text-align: center;
6590          font-size: 18px;
6591        }
6592        #_form_1_ ._form-pc-confirmation ._submit {
6593          margin-top: 16px;
6594        }
6595        @media (min-width: 320px) and (max-width: 667px) {
6596          #_form_1_._inline-form._inline-style ._inline-style._button-wrapper {
6597            margin-top: 20px !important;
6598            margin-left: 0 !important;
6599          }
6600        }
6601        #_form_1_ .iti {
6602          width: 100%;
6603        }
6604        #_form_1_ .iti.iti--allow-dropdown.iti--separate-dial-code {
6605          width: 100%;
6606        }
6607        #_form_1_ .iti input {
6608          width: 100%;
6609          border: #979797 1px solid;
6610          border-radius: 4px;
6611        }
6612        #_form_1_ .iti--separate-dial-code .iti__selected-flag {
6613          background-color: #ffffff;
6614          border-radius: 4px;
6615        }
6616        #_form_1_ .iti--separate-dial-code .iti__selected-flag:hover {
6617          background-color: rgba(0, 0, 0, 0.05);
6618        }
6619        #_form_1_ .iti__country-list {
6620          border-radius: 4px;
6621          margin-top: 4px;
6622          min-width: 460px;
6623        }
6624        #_form_1_ .iti__country-list--dropup {
6625          margin-bottom: 4px;
6626        }
6627        #_form_1_ .phone-error-hidden {
6628          display: none;
6629        }
6630        #_form_1_ .phone-error {
6631          color: #e40e49;
6632        }
6633        #_form_1_ .phone-input-error {
6634          border: 1px solid #e40e49 !important;
6635        }
6636        #_form_1_._inline-form
6637          ._form-content
6638          ._form-list-subscriptions-field
6639          fieldset {
6640          margin: 0;
6641          margin-bottom: 1.1428571429em;
6642          border: none;
6643          padding: 0;
6644        }
6645        #_form_1_._inline-form
6646          ._form-content
6647          ._form-list-subscriptions-field
6648          fieldset:last-child {
6649          margin-bottom: 0;
6650        }
6651        #_form_1_._inline-form
6652          ._form-content
6653          ._form-list-subscriptions-field
6654          legend {
6655          margin-bottom: 1.1428571429em;
6656        }
6657        #_form_1_._inline-form
6658          ._form-content
6659          ._form-list-subscriptions-field
6660          label {
6661          display: flex;
6662          align-items: flex-start;
6663          justify-content: flex-start;
6664          margin-bottom: 0.8571428571em;
6665        }
6666        #_form_1_._inline-form
6667          ._form-content
6668          ._form-list-subscriptions-field
6669          label:last-child {
6670          margin-bottom: 0;
6671        }
6672        #_form_1_._inline-form
6673          ._form-content
6674          ._form-list-subscriptions-field
6675          input {
6676          margin: 0;
6677          margin-right: 8px;
6678        }
6679        #_form_1_._inline-form
6680          ._form-content
6681          ._form-list-subscriptions-field
6682          ._form-checkbox-option-label {
6683          display: block;
6684          font-weight: 400;
6685          margin-top: -4px;
6686        }
6687        #_form_1_._inline-form
6688          ._form-content
6689          ._form-list-subscriptions-field
6690          ._form-checkbox-option-label-with-description {
6691          display: block;
6692          font-weight: 700;
6693          margin-top: -4px;
6694        }
6695        #_form_1_._inline-form
6696          ._form-content
6697          ._form-list-subscriptions-field
6698          ._form-checkbox-option-description {
6699          margin: 0;
6700          font-size: 0.8571428571em;
6701        }
6702        #_form_1_._inline-form
6703          ._form-content
6704          ._form-list-subscriptions-field
6705          ._form-subscriptions-unsubscribe-all-description {
6706          line-height: normal;
6707          margin-top: -2px;
6708        }
6709        #_form_1_ ._form-branding {
6710          display: none;
6711        }
6712</style>
6713<form action="https://nubulus.activehosted.com/proc.php" class="_form _form_1 _inline-form _dark" data-styles-version="5" id="_form_1_" method="POST" novalidate=""><input name="u" type="hidden" value="1" /> <input name="f" type="hidden" value="1" /> <input name="s" type="hidden" /> <input name="c" type="hidden" value="0" /> <input name="m" type="hidden" value="0" /> <input name="act" type="hidden" value="sub" /> <input name="v" type="hidden" value="2" /> <input name="or" type="hidden" value="79a6c3a5f96576420cbac9e0f3c242bf" />
6714<div class="_form-content">
6715<div class="_form_element _x87648952 _full_width _clear">&nbsp;</div>
6716</div>
6717</form>
6718</div>
6719</div>
6720</div>
6721<title class="_form-title"></title>
6722<div class="_form_element _x86167484 _full_width"><label class="_form-label" for="fullname">Nom<span class="field-required"> * </span> </label>
6723<div class="_field-wrapper"><input id="fullname" name="fullname" placeholder="Amb quin nom et saludem?" required="" type="text" /></div>
6724</div>
6725
6726<div class="_form_element _x82156709 _full_width"><label class="_form-label" for="email">Correu electr&ograve;nic<span class="field-required"> * </span> </label>
6727
6728<div class="_field-wrapper"><input id="email" name="email" placeholder="El teu email preferit (sí, aquell que realment revises)." required="" type="text" /></div>
6729</div>
6730
6731<div class="_form_element _x34329942 _full_width"><label class="_form-label" for="ls">Verifica tu solicitud.<span class="field-required"> * </span> </label>
6732
6733<div class="g-recaptcha" data-sitekey="6LcwIw8TAAAAACP1ysM08EhCgzd6q5JAOUR1a0Go">&nbsp;</div>
6734</div>
6735
6736<div class="_button-wrapper _full_width"><button class="_submit" id="_form_1_submit" type="submit">Enviar</button></div>
6737
6738<div class="_clear-element">&nbsp;</div>
6739
6740<div class="_form-thank-you" style="display: none">&nbsp;</div>
6741
6742<div class="_form-branding">
6743<div class="_marketing-by">Marketing por</div>
6744<a class="_logo" href="https://www.activecampaign.com/?utm_medium=referral&amp;utm_campaign=acforms"><span class="form-sr-only">ActiveCampaign </span> </a></div>
6745<script>
6746        window.cfields = [];
6747        window._show_thank_you = function (id, message, trackcmp_url, email) {
6748          var form = document.getElementById("_form_" + id + "_"),
6749            thank_you = form.querySelector("._form-thank-you");
6750          form.querySelector("._form-content").style.display = "none";
6751          thank_you.innerHTML = message;
6752          thank_you.style.display = "block";
6753          const vgoAlias =
6754            typeof visitorGlobalObjectAlias === "undefined"
6755              ? "vgo"
6756              : visitorGlobalObjectAlias;
6757          var visitorObject = window[vgoAlias];
6758          if (email && typeof visitorObject !== "undefined") {
6759            visitorObject("setEmail", email);
6760            visitorObject("update");
6761          } else if (typeof trackcmp_url != "undefined" && trackcmp_url) {
6762            // Site tracking URL to use after inline form submission.
6763            _load_script(trackcmp_url);
6764          }
6765          if (typeof window._form_callback !== "undefined")
6766            window._form_callback(id);
6767        };
6768        window._show_unsubscribe = function (id, message, trackcmp_url, email) {
6769          var form = document.getElementById("_form_" + id + "_"),
6770            unsub = form.querySelector("._form-thank-you");
6771          var branding = form.querySelector("._form-branding");
6772          if (branding) {
6773            branding.style.display = "none";
6774          }
6775          form.querySelector("._form-content").style.display = "none";
6776          unsub.style.display = "block";
6777          form.insertAdjacentHTML("afterend", message);
6778          const vgoAlias =
6779            typeof visitorGlobalObjectAlias === "undefined"
6780              ? "vgo"
6781              : visitorGlobalObjectAlias;
6782          var visitorObject = window[vgoAlias];
6783          if (email && typeof visitorObject !== "undefined") {
6784            visitorObject("setEmail", email);
6785            visitorObject("update");
6786          } else if (typeof trackcmp_url != "undefined" && trackcmp_url) {
6787            // Site tracking URL to use after inline form submission.
6788            _load_script(trackcmp_url);
6789          }
6790          if (typeof window._form_callback !== "undefined")
6791            window._form_callback(id);
6792        };
6793        window._show_error = function (id, message, html) {
6794          var form = document.getElementById("_form_" + id + "_"),
6795            err = document.createElement("div"),
6796            button = form.querySelector('button[type="submit"]'),
6797            old_error = form.querySelector("._form_error");
6798          if (old_error) old_error.parentNode.removeChild(old_error);
6799          err.innerHTML = message;
6800          err.className = "_error-inner _form_error _no_arrow";
6801          var wrapper = document.createElement("div");
6802          wrapper.className = "_form-inner _show_be_error";
6803          wrapper.appendChild(err);
6804          button.parentNode.insertBefore(wrapper, button);
6805          var submitButton = form.querySelector('[id^="_form"][id$="_submit"]');
6806          submitButton.disabled = false;
6807          submitButton.classList.remove("processing");
6808          if (html) {
6809            var div = document.createElement("div");
6810            div.className = "_error-html";
6811            div.innerHTML = html;
6812            err.appendChild(div);
6813          }
6814        };
6815        window._show_pc_confirmation = function (
6816          id,
6817          header,
6818          detail,
6819          show,
6820          email
6821        ) {
6822          var form = document.getElementById("_form_" + id + "_"),
6823            pc_confirmation = form.querySelector("._form-pc-confirmation");
6824          if (pc_confirmation.style.display === "none") {
6825            form.querySelector("._form-content").style.display = "none";
6826            pc_confirmation.innerHTML =
6827              "<div class='_form-title'>" +
6828              header +
6829              "</div>" +
6830              "<p>" +
6831              detail +
6832              "</p>" +
6833              "<button class='_submit' id='hideButton'>Administrar preferencias</button>";
6834            pc_confirmation.style.display = "block";
6835            var mp = document.querySelector('input[name="mp"]');
6836            mp.value = "0";
6837          } else {
6838            form.querySelector("._form-content").style.display = "inline";
6839            pc_confirmation.style.display = "none";
6840          }
6841
6842          var hideButton = document.getElementById("hideButton");
6843          // Add event listener to the button
6844          hideButton.addEventListener("click", function () {
6845            var submitButton = document.querySelector("#_form_1_submit");
6846            submitButton.disabled = false;
6847            submitButton.classList.remove("processing");
6848            var mp = document.querySelector('input[name="mp"]');
6849            mp.value = "1";
6850            const cacheBuster = new URL(window.location.href);
6851            cacheBuster.searchParams.set("v", new Date().getTime());
6852            window.location.href = cacheBuster.toString();
6853          });
6854
6855          const vgoAlias =
6856            typeof visitorGlobalObjectAlias === "undefined"
6857              ? "vgo"
6858              : visitorGlobalObjectAlias;
6859          var visitorObject = window[vgoAlias];
6860          if (email && typeof visitorObject !== "undefined") {
6861            visitorObject("setEmail", email);
6862            visitorObject("update");
6863          } else if (typeof trackcmp_url != "undefined" && trackcmp_url) {
6864            // Site tracking URL to use after inline form submission.
6865            _load_script(trackcmp_url);
6866          }
6867          if (typeof window._form_callback !== "undefined")
6868            window._form_callback(id);
6869        };
6870        window._load_script = function (url, callback, isSubmit) {
6871          var head = document.querySelector("head"),
6872            script = document.createElement("script"),
6873            r = false;
6874          var submitButton = document.querySelector("#_form_1_submit");
6875          script.charset = "utf-8";
6876          script.src = url;
6877          if (callback) {
6878            script.onload = script.onreadystatechange = function () {
6879              if (!r && (!this.readyState || this.readyState == "complete")) {
6880                r = true;
6881                callback();
6882              }
6883            };
6884          }
6885          script.onerror = function () {
6886            if (isSubmit) {
6887              if (script.src.length > 10000) {
6888                _show_error(
6889                  "1",
6890                  "Lo sentimos, ocurrió un error con el envío. Acorta tus respuestas y vuelve a intentarlo."
6891                );
6892              } else {
6893                _show_error(
6894                  "1",
6895                  "Lo sentimos, ocurrió un error con el envío. Vuelve a intentarlo."
6896                );
6897              }
6898              submitButton.disabled = false;
6899              submitButton.classList.remove("processing");
6900            }
6901          };
6902
6903          head.appendChild(script);
6904        };
6905        (function () {
6906          var iti;
6907          if (window.location.search.search("excludeform") !== -1) return false;
6908          var getCookie = function (name) {
6909            var match = document.cookie.match(
6910              new RegExp("(^|; )" + name + "=([^;]+)")
6911            );
6912            return match ? match[2] : null;
6913          };
6914          var setCookie = function (name, value) {
6915            var now = new Date();
6916            var time = now.getTime();
6917            var expireTime = time + 1000 * 60 * 60 * 24 * 365;
6918            now.setTime(expireTime);
6919            document.cookie =
6920              name +
6921              "=" +
6922              value +
6923              "; expires=" +
6924              now +
6925              ";path=/; Secure; SameSite=Lax;";
6926          };
6927          var addEvent = function (element, event, func) {
6928            if (element.addEventListener) {
6929              element.addEventListener(event, func);
6930            } else {
6931              var oldFunc = element["on" + event];
6932              element["on" + event] = function () {
6933                oldFunc.apply(this, arguments);
6934                func.apply(this, arguments);
6935              };
6936            }
6937          };
6938          var _removed = false;
6939          var form_to_submit = document.getElementById("_form_1_");
6940          var allInputs = form_to_submit.querySelectorAll(
6941              "input, select, textarea"
6942            ),
6943            tooltips = [],
6944            submitted = false;
6945
6946          var getUrlParam = function (name) {
6947            if (name.toLowerCase() !== "email") {
6948              var params = new URLSearchParams(window.location.search);
6949              return params.get(name) || false;
6950            }
6951            // email is a special case because a plus is valid in the email address
6952            var qString = window.location.search;
6953            if (!qString) {
6954              return false;
6955            }
6956            var parameters = qString.substr(1).split("&");
6957            for (var i = 0; i < parameters.length; i++) {
6958              var parameter = parameters[i].split("=");
6959              if (parameter[0].toLowerCase() === "email") {
6960                return parameter[1] === undefined
6961                  ? true
6962                  : decodeURIComponent(parameter[1]);
6963              }
6964            }
6965            return false;
6966          };
6967
6968          var acctDateFormat = "%d/%m/%Y";
6969          var getNormalizedDate = function (date, acctFormat) {
6970            var decodedDate = decodeURIComponent(date);
6971            if (acctFormat && acctFormat.match(/(%d|%e).*%m/gi) !== null) {
6972              return decodedDate.replace(
6973                /(\d{2}).*(\d{2}).*(\d{4})/g,
6974                "$3-$2-$1"
6975              );
6976            } else if (Date.parse(decodedDate)) {
6977              var dateObj = new Date(decodedDate);
6978              var year = dateObj.getFullYear();
6979              var month = dateObj.getMonth() + 1;
6980              var day = dateObj.getDate();
6981              return `${year}-${month < 10 ? `0${month}` : month}-${
6982                day < 10 ? `0${day}` : day
6983              }`;
6984            }
6985            return false;
6986          };
6987
6988          var getNormalizedTime = function (time) {
6989            var hour, minutes;
6990            var decodedTime = decodeURIComponent(time);
6991            var timeParts = Array.from(
6992              decodedTime.matchAll(/(\d{1,2}):(\d{1,2})\W*([AaPp][Mm])?/gm)
6993            )[0];
6994            if (timeParts[3]) {
6995              // 12 hour format
6996              var isPM = timeParts[3].toLowerCase() === "pm";
6997              if (isPM) {
6998                hour =
6999                  parseInt(timeParts[1]) === 12
7000                    ? "12"
7001                    : `${parseInt(timeParts[1]) + 12}`;
7002              } else {
7003                hour = parseInt(timeParts[1]) === 12 ? "0" : timeParts[1];
7004              }
7005            } else {
7006              // 24 hour format
7007              hour = timeParts[1];
7008            }
7009            var normalizedHour =
7010              parseInt(hour) < 10 ? `0${parseInt(hour)}` : hour;
7011            var minutes = timeParts[2];
7012            return `${normalizedHour}:${minutes}`;
7013          };
7014
7015          for (var i = 0; i < allInputs.length; i++) {
7016            var regexStr = "field\\[(\\d+)\\]";
7017            var results = new RegExp(regexStr).exec(allInputs[i].name);
7018            if (results != undefined) {
7019              allInputs[i].dataset.name = allInputs[i].name.match(/\[time\]$/)
7020                ? `${window.cfields[results[1]]}_time`
7021                : window.cfields[results[1]];
7022            } else {
7023              allInputs[i].dataset.name = allInputs[i].name;
7024            }
7025            var fieldVal = getUrlParam(allInputs[i].dataset.name);
7026
7027            if (fieldVal) {
7028              if (allInputs[i].dataset.autofill === "false") {
7029                continue;
7030              }
7031              if (
7032                allInputs[i].type == "radio" ||
7033                allInputs[i].type == "checkbox"
7034              ) {
7035                if (allInputs[i].value == fieldVal) {
7036                  allInputs[i].checked = true;
7037                }
7038              } else if (allInputs[i].type == "date") {
7039                allInputs[i].value = getNormalizedDate(
7040                  fieldVal,
7041                  acctDateFormat
7042                );
7043              } else if (allInputs[i].type == "time") {
7044                allInputs[i].value = getNormalizedTime(fieldVal);
7045              } else {
7046                allInputs[i].value = fieldVal;
7047              }
7048            }
7049          }
7050
7051          var remove_tooltips = function () {
7052            for (var i = 0; i < tooltips.length; i++) {
7053              tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);
7054            }
7055            tooltips = [];
7056          };
7057          var remove_tooltip = function (elem) {
7058            for (var i = 0; i < tooltips.length; i++) {
7059              if (tooltips[i].elem === elem) {
7060                tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);
7061                tooltips.splice(i, 1);
7062                return;
7063              }
7064            }
7065          };
7066          var create_tooltip = function (elem, text) {
7067            var tooltip = document.createElement("div"),
7068              arrow = document.createElement("div"),
7069              inner = document.createElement("div"),
7070              new_tooltip = {};
7071            if (
7072              elem.type != "radio" &&
7073              (elem.type != "checkbox" || elem.name === "sms_consent")
7074            ) {
7075              tooltip.className = "_error";
7076              arrow.className = "_error-arrow";
7077              inner.className = "_error-inner";
7078              inner.innerHTML = text;
7079              tooltip.appendChild(arrow);
7080              tooltip.appendChild(inner);
7081              elem.parentNode.appendChild(tooltip);
7082            } else {
7083              tooltip.className = "_error-inner _no_arrow";
7084              tooltip.innerHTML = text;
7085              elem.parentNode.insertBefore(tooltip, elem);
7086              new_tooltip.no_arrow = true;
7087            }
7088            new_tooltip.tip = tooltip;
7089            new_tooltip.elem = elem;
7090            tooltips.push(new_tooltip);
7091            return new_tooltip;
7092          };
7093          var resize_tooltip = function (tooltip) {
7094            var rect = tooltip.elem.getBoundingClientRect();
7095            var doc = document.documentElement,
7096              scrollPosition =
7097                rect.top -
7098                ((window.pageYOffset || doc.scrollTop) - (doc.clientTop || 0));
7099            if (scrollPosition < 40) {
7100              tooltip.tip.className =
7101                tooltip.tip.className.replace(/ ?(_above|_below) ?/g, "") +
7102                " _below";
7103            } else {
7104              tooltip.tip.className =
7105                tooltip.tip.className.replace(/ ?(_above|_below) ?/g, "") +
7106                " _above";
7107            }
7108          };
7109          var resize_tooltips = function () {
7110            if (_removed) return;
7111            for (var i = 0; i < tooltips.length; i++) {
7112              if (!tooltips[i].no_arrow) resize_tooltip(tooltips[i]);
7113            }
7114          };
7115          var validate_field = function (elem, remove) {
7116            var tooltip = null,
7117              value = elem.value,
7118              no_error = true;
7119            remove ? remove_tooltip(elem) : false;
7120            if (elem.type != "checkbox")
7121              elem.className = elem.className.replace(/ ?_has_error ?/g, "");
7122            if (elem.getAttribute("required") !== null) {
7123              if (
7124                elem.type == "radio" ||
7125                (elem.type == "checkbox" && /any/.test(elem.className))
7126              ) {
7127                var elems = form_to_submit.elements[elem.name];
7128                if (
7129                  !(
7130                    elems instanceof NodeList || elems instanceof HTMLCollection
7131                  ) ||
7132                  elems.length <= 1
7133                ) {
7134                  no_error = elem.checked;
7135                } else {
7136                  no_error = false;
7137                  for (var i = 0; i < elems.length; i++) {
7138                    if (elems[i].checked) no_error = true;
7139                  }
7140                }
7141                if (!no_error) {
7142                  tooltip = create_tooltip(elem, "Seleccione una opción.");
7143                }
7144              } else if (elem.type == "checkbox") {
7145                var elems = form_to_submit.elements[elem.name],
7146                  found = false,
7147                  err = [];
7148                no_error = true;
7149                for (var i = 0; i < elems.length; i++) {
7150                  if (elems[i].getAttribute("required") === null) continue;
7151                  if (!found && elems[i] !== elem) return true;
7152                  found = true;
7153                  elems[i].className = elems[i].className.replace(
7154                    / ?_has_error ?/g,
7155                    ""
7156                  );
7157                  if (!elems[i].checked) {
7158                    no_error = false;
7159                    elems[i].className = elems[i].className + " _has_error";
7160                    err.push(
7161                      "Es necesario verificar %s".replace("%s", elems[i].value)
7162                    );
7163                  }
7164                }
7165                if (!no_error) {
7166                  tooltip = create_tooltip(elem, err.join("<br/>"));
7167                }
7168              } else if (elem.tagName == "SELECT") {
7169                var selected = true;
7170                if (elem.multiple) {
7171                  selected = false;
7172                  for (var i = 0; i < elem.options.length; i++) {
7173                    if (elem.options[i].selected) {
7174                      selected = true;
7175                      break;
7176                    }
7177                  }
7178                } else {
7179                  for (var i = 0; i < elem.options.length; i++) {
7180                    if (
7181                      elem.options[i].selected &&
7182                      (!elem.options[i].value ||
7183                        elem.options[i].value.match(/\n/g))
7184                    ) {
7185                      selected = false;
7186                    }
7187                  }
7188                }
7189                if (!selected) {
7190                  elem.className = elem.className + " _has_error";
7191                  no_error = false;
7192                  tooltip = create_tooltip(elem, "Seleccione una opción.");
7193                }
7194              } else if (
7195                value === undefined ||
7196                value === null ||
7197                value === ""
7198              ) {
7199                elem.className = elem.className + " _has_error";
7200                no_error = false;
7201                tooltip = create_tooltip(elem, "Este campo es obligatorio.");
7202              }
7203            }
7204            if (no_error && elem.name == "email") {
7205              if (
7206                !value.match(
7207                  /^[\+_a-z0-9-'&=]+(\.[\+_a-z0-9-']+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,})$/i
7208                )
7209              ) {
7210                elem.className = elem.className + " _has_error";
7211                no_error = false;
7212                tooltip = create_tooltip(
7213                  elem,
7214                  "Introduzca una dirección de correo electrónico válida."
7215                );
7216              }
7217            }
7218            if (no_error && elem.id == "phone") {
7219              if (
7220                elem.value.trim() &&
7221                typeof iti != "undefined" &&
7222                !iti.isValidNumber()
7223              ) {
7224                elem.className = elem.className + " _has_error";
7225                no_error = false;
7226                tooltip = create_tooltip(
7227                  elem,
7228                  "Ingresa un número de teléfono válido."
7229                );
7230              }
7231            }
7232            if (no_error && /date_field/.test(elem.className)) {
7233              if (!value.match(/^\d\d\d\d-\d\d-\d\d$/)) {
7234                elem.className = elem.className + " _has_error";
7235                no_error = false;
7236                tooltip = create_tooltip(elem, "Introduzca una fecha válida.");
7237              }
7238            }
7239
7240            if (no_error && elem.name === "sms_consent") {
7241              const elemShouldBeChecked =
7242                !!elem.attributes.required && !elem.checked;
7243              if (elemShouldBeChecked) {
7244                elem.className = elem.className + " _has_error";
7245                no_error = false;
7246                tooltip = create_tooltip(
7247                  elem,
7248                  "Marca esta casilla para continuar"
7249                );
7250              } else {
7251                elem.className = elem.className.replace(/ ?_has_error ?/g, "");
7252              }
7253            }
7254            tooltip ? resize_tooltip(tooltip) : false;
7255            return no_error;
7256          };
7257          var needs_validate = function (el) {
7258            if (el.getAttribute("required") !== null) {
7259              return true;
7260            }
7261            if ((el.name === "email" || el.id === "phone") && el.value !== "") {
7262              return true;
7263            }
7264
7265            return false;
7266          };
7267          var validate_form = function (e) {
7268            var err = form_to_submit.querySelector("._form_error"),
7269              no_error = true;
7270            if (!submitted) {
7271              submitted = true;
7272              for (var i = 0, len = allInputs.length; i < len; i++) {
7273                var input = allInputs[i];
7274                if (needs_validate(input)) {
7275                  if (
7276                    input.type == "text" ||
7277                    input.type == "number" ||
7278                    input.type == "time" ||
7279                    input.type == "tel"
7280                  ) {
7281                    addEvent(input, "blur", function () {
7282                      this.value = this.value.trim();
7283                      validate_field(this, true);
7284                    });
7285                    addEvent(input, "input", function () {
7286                      validate_field(this, true);
7287                    });
7288                  } else if (
7289                    input.type == "radio" ||
7290                    input.type == "checkbox"
7291                  ) {
7292                    (function (el) {
7293                      function getElementsArray(name) {
7294                        const value = form_to_submit.elements[name];
7295                        if (Array.isArray(value)) {
7296                          return value;
7297                        }
7298                        return [value];
7299                      }
7300                      var radios = getElementsArray(el.name);
7301                      for (var i = 0; i < radios.length; i++) {
7302                        addEvent(radios[i], "change", function () {
7303                          validate_field(el, true);
7304                        });
7305                      }
7306                    })(input);
7307                  } else if (input.tagName == "SELECT") {
7308                    addEvent(input, "change", function () {
7309                      validate_field(this, true);
7310                    });
7311                  } else if (input.type == "textarea") {
7312                    addEvent(input, "input", function () {
7313                      validate_field(this, true);
7314                    });
7315                  }
7316                }
7317              }
7318            }
7319            remove_tooltips();
7320            for (var i = 0, len = allInputs.length; i < len; i++) {
7321              var elem = allInputs[i];
7322              if (needs_validate(elem)) {
7323                if (elem.tagName.toLowerCase() !== "select") {
7324                  elem.value = elem.value.trim();
7325                }
7326                validate_field(elem) ? true : (no_error = false);
7327              }
7328            }
7329            if (!no_error && e) {
7330              e.preventDefault();
7331            }
7332            resize_tooltips();
7333            return no_error;
7334          };
7335          addEvent(window, "resize", resize_tooltips);
7336          addEvent(window, "scroll", resize_tooltips);
7337
7338          window["recaptcha_callback"] = function () {
7339            // Get all recaptchas in the DOM (there may be more than one form on the page).
7340            var recaptchas = document.getElementsByClassName("g-recaptcha");
7341            for (var i in recaptchas) {
7342              // Set the recaptcha element ID, so the recaptcha can be applied to each element.
7343              var recaptcha_id = "recaptcha_" + i;
7344              recaptchas[i].id = recaptcha_id;
7345              var el = document.getElementById(recaptcha_id);
7346              if (el != null) {
7347                var sitekey = el.getAttribute("data-sitekey");
7348                var stoken = el.getAttribute("data-stoken");
7349                grecaptcha.render(recaptcha_id, {
7350                  sitekey: sitekey,
7351                  stoken: stoken,
7352                });
7353              }
7354            }
7355          };
7356          _load_script(
7357            "https://www.google.com/recaptcha/api.js?onload=recaptcha_callback&render=explicit"
7358          );
7359          var _form_serialize = function (form) {
7360            if (!form || form.nodeName !== "FORM") {
7361              return;
7362            }
7363            var i,
7364              j,
7365              q = [];
7366            for (i = 0; i < form.elements.length; i++) {
7367              if (form.elements[i].name === "") {
7368                continue;
7369              }
7370              switch (form.elements[i].nodeName) {
7371                case "INPUT":
7372                  switch (form.elements[i].type) {
7373                    case "tel":
7374                      q.push(
7375                        form.elements[i].name +
7376                          "=" +
7377                          encodeURIComponent(
7378                            form.elements[i].previousSibling.querySelector(
7379                              "div.iti__selected-dial-code"
7380                            ).innerText
7381                          ) +
7382                          encodeURIComponent(" ") +
7383                          encodeURIComponent(form.elements[i].value)
7384                      );
7385                      break;
7386                    case "text":
7387                    case "number":
7388                    case "date":
7389                    case "time":
7390                    case "hidden":
7391                    case "password":
7392                    case "button":
7393                    case "reset":
7394                    case "submit":
7395                      q.push(
7396                        form.elements[i].name +
7397                          "=" +
7398                          encodeURIComponent(form.elements[i].value)
7399                      );
7400                      break;
7401                    case "checkbox":
7402                    case "radio":
7403                      if (form.elements[i].checked) {
7404                        q.push(
7405                          form.elements[i].name +
7406                            "=" +
7407                            encodeURIComponent(form.elements[i].value)
7408                        );
7409                      }
7410                      break;
7411                    case "file":
7412                      break;
7413                  }
7414                  break;
7415                case "TEXTAREA":
7416                  q.push(
7417                    form.elements[i].name +
7418                      "=" +
7419                      encodeURIComponent(form.elements[i].value)
7420                  );
7421                  break;
7422                case "SELECT":
7423                  switch (form.elements[i].type) {
7424                    case "select-one":
7425                      q.push(
7426                        form.elements[i].name +
7427                          "=" +
7428                          encodeURIComponent(form.elements[i].value)
7429                      );
7430                      break;
7431                    case "select-multiple":
7432                      for (j = 0; j < form.elements[i].options.length; j++) {
7433                        if (form.elements[i].options[j].selected) {
7434                          q.push(
7435                            form.elements[i].name +
7436                              "=" +
7437                              encodeURIComponent(
7438                                form.elements[i].options[j].value
7439                              )
7440                          );
7441                        }
7442                      }
7443                      break;
7444                  }
7445                  break;
7446                case "BUTTON":
7447                  switch (form.elements[i].type) {
7448                    case "reset":
7449                    case "submit":
7450                    case "button":
7451                      q.push(
7452                        form.elements[i].name +
7453                          "=" +
7454                          encodeURIComponent(form.elements[i].value)
7455                      );
7456                      break;
7457                  }
7458                  break;
7459              }
7460            }
7461            return q.join("&");
7462          };
7463
7464          const formSupportsPost = false;
7465          var form_submit = function (e) {
7466            e.preventDefault();
7467            if (validate_form()) {
7468              if (
7469                form_to_submit.querySelector('input[name="phone"]') &&
7470                typeof iti != "undefined"
7471              ) {
7472                form_to_submit.querySelector('input[name="phone"]').value =
7473                  iti.getNumber();
7474              }
7475              // use this trick to get the submit button & disable it using plain 
7475javascript
7476              var submitButton = e.target.querySelector("#_form_1_submit");
7477              submitButton.disabled = true;
7478              submitButton.classList.add("processing");
7479              var serialized = _form_serialize(
7480                document.getElementById("_form_1_")
7481              ).replace(/%0A/g, "\\n");
7482              var err = form_to_submit.querySelector("._form_error");
7483              err ? err.parentNode.removeChild(err) : false;
7484              async function submitForm() {
7485                var formData = new FormData();
7486                const searchParams = new URLSearchParams(serialized);
7487                searchParams.forEach((value, key) => {
7488                  if (key !== "hideButton") {
7489                    formData.append(key, value);
7490                  }
7491                });
7492                let request = {
7493                  headers: {
7494                    Accept: "application/json",
7495                  },
7496                  body: formData,
7497                  method: "POST",
7498                };
7499
7500                let pageUrlParams = new URLSearchParams(window.location.search);
7501                if (pageUrlParams.has("t")) {
7502                  request.headers.Authorization =
7503                    "Bearer " + pageUrlParams.get("t");
7504                }
7505                const response = await fetch(
7506                  "https://nubulus.activehosted.com/proc.php?jsonp=true",
7507                  request
7508                );
7509
7510                return response.json();
7511              }
7512              if (formSupportsPost) {
7513                submitForm()
7514                  .then((data) => {
7515                    eval(data.js);
7516                  })
7517                  .catch(() => {
7518                    _show_error(
7519                      "1",
7520                      "Lo sentimos, ocurrió un error con el envío. Vuelve a intentarlo."
7521                    );
7522                  });
7523              } else {
7524                _load_script(
7525                  "https://nubulus.activehosted.com/proc.php?" +
7526                    serialized +
7527                    "&jsonp=true",
7528                  null,
7529                  true
7530                );
7531              }
7532            }
7533            return false;
7534          };
7535          addEvent(form_to_submit, "submit", form_submit);
7536        })();
7537      </script>
7537
7538-->
7539<div class="footer-grid">
7540<div class="menu">
7541<h3>Enlla&ccedil;os d&rsquo;inter&egrave;s</h3>
7542
7543<ul>
7544	<li><a href="/ca/serveis/tescoltem-i-ajudem-amb" target="_blank" title="Solucions per a empreses">Solucions per a empreses</a></li>
7545	<li><a href="/ca/erp/assessoria-holded-som-partners-oficials" target="_blank" title="Descobreix Holded">Descobreix Holded</a></li>
7546	<li><a href="/ca/tools/solucions-creades-per-nosaltres" target="_blank" title="Solucions creades per nosaltres">Solucions creades per nosaltres </a></li>
7547</ul>
7548</div>
7549
7550<div class="logo"><img loading="lazy"alt="Logo Nubulus" height="44" src="https://panel.nubulus.es/Webs/nubulus.cat/Files/image/Brand/logo-nubulus-white.svg" width="110" />
7551<div class="xxss"><a href="https://www.facebook.com/NubulusWS/" target="_blank" title="Facebook"><img loading="lazy"alt="Facebook" src="https://panel.nubulus.es/Webs/nubulus.cat/Files/image/xxss/facebook.svg" /></a> <a href="https://www.instagram.com/nubulusws/" target="_blank" title="Instagram"><img loading="lazy"alt="Instagram" src="https://panel.nubulus.es/Webs/nubulus.cat/Files/image/xxss/instagram.svg" /></a> <a href="https://www.tiktok.com/@nubulusws" target="_blank" title="TikTok"><img loading="lazy"alt="TikTok" src="https://panel.nubulus.es/Webs/nubulus.cat/Files/image/xxss/tik-tok.svg" /></a> <a href="https://www.linkedin.com/company/nubulus" target="_blank" title="LinkedIn"><img loading="lazy"alt="LinkedIn" src="https://panel.nubulus.es/Webs/nubulus.cat/Files/image/xxss/linkedin.svg" /></a> <a href="https://x.com/Nubulusws/" target="_blank" title="Twitter"><img loading="lazy"alt="Twitter" src="https://panel.nubulus.es/Webs/nubulus.cat/Files/image/xxss/twitter.svg" /></a> <a href="https://www.youtube.com/@nubulusws18" target="_blank" title="Youtube"><img loading="lazy"alt="Youtube" src="https://panel.nubulus.es/Webs/nubulus.cat/Files/image/xxss/youtube.svg" /></a> <a href="https://t.me/nubulusws" target="_blank" title="Telegram"><img loading="lazy"alt="Telegram" src="https://panel.nubulus.es/Webs/nubulus.cat/Files/image/xxss/telegram.svg" /></a></div>
7552</div>
7553
7554<div class="contact">
7555<h3>Suport i contacte</h3>
7556
7557<ul>
7558	<li><a href="https://maps.app.goo.gl/cV9uhP1EXCoYqRLYA" target="_blank" title="Vine a veure’ns">Vine a veure&rsquo;ns</a></li>
7559	<li><a href="mailto:[email protected]" target="_blank" title="Escriu-nos un correu">Escriu-nos un correu</a></li>
7560	<li><a href="tel:+34618299961" target="_blank" title="Truca’ns ara">Truca&rsquo;ns ara</a></li>
7561	<li><a href="https://wa.me/+34689570251" target="_blank" title="Parlem de projectes">Parlem de projectes</a></li>
7562	<li><a href="https://wa.me/message/SW7HMSABEQ2QE1" target="_blank" title="Problemes i incidències">Problemes i incid&egrave;ncies</a></li>
7563</ul>
7564</div>
7565</div>
7566<div class="hidden" itemscope="" itemtype="https://schema.org/Organization"><span itemprop="name">Nubulus Web Service S.L.</span>
7567
7568<div itemprop="address" itemscope="" itemtype="https://schema.org/PostalAddress"><span itemprop="streetAddress">Carrer Joan Oro 3</span> <span itemprop="addressLocality">Bell-lloc d&#39;Urgell, Espa&ntilde;a</span>, <span itemprop="addressRegion">CA</span> <span itemprop="postalCode">25230</span></div>
7569<span itemprop="telephone">(34) 618 29 99 61</span> <span itemprop="email">info(at)nubulus.es</span></div>
7570
7571<div class="hidden" itemscope="" itemtype="https://schema.org/LocalBusiness"><span itemprop="name">Nubulus Web Service S.L.</span>
7572
7573<div itemprop="aggregateRating" itemscope="" itemtype="https://schema.org/AggregateRating"><span itemprop="ratingValue">5</span> stars - based on <span itemprop="reviewCount">20</span> reviews</div>
7574
7575<div itemprop="address" itemscope="" itemtype="https://schema.org/PostalAddress"><span itemprop="streetAddress">Carrer Joan Oro 3</span> <span itemprop="addressLocality">Bell-lloc d&#39;Urgell, Espa&ntilde;a</span>, <span itemprop="addressRegion">CA</span> <span itemprop="postalCode">25230</span></div>
7576<span itemprop="telephone">618299961</span> <a href="http://nubulus.cat" itemprop="url">nubulus.cat</a> Hours: <meta itemprop="openingHours" content="Mo-Fr 08:30-14:00">Mo-Fr 08:30-14:00pm <meta itemprop="openingHours" content="Mo-Th 16:00-18:00">Mo-Th 16:00-18:00pm Takes Reservations: Yes</div>
7577<div><a class="whats" href="https://wa.me/message/SW7HMSABEQ2QE1" target="_blank"><img loading="lazy"alt="Whatsapp_Logo" src="https://panel.nubulus.es/Webs/nubulus.cat/Files/image/icon/whatsapp-logo.png" style="width: 32px; height: 32px;" /> </a></div>
7578<!-- Google Tag Manager (noscript) -->
vendor: 67 bytes, line 7578
7578<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
7578GTM-W4HQMDW
vendor: 83 bytes, lines 7578-7579
7578"
7579height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
7579<!-- End Google Tag Manager (noscript) -->
7580
7581<p><a class="navbar-brand" href="/" title="Logo Nubulus"><img loading="lazy"alt="Logo Nubulus" height="44" src="https://panel.nubulus.es/Webs/nubulus.cat/Files/image/Brand/logo-nubulus-white.svg" width="110" /> </a></p>
7582            </div>
7583    </footer>
7584
7585
7586
7587
7588
7589
7590
7591
7592    
7592<script src="//code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
7592
7593    
7593<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
7593
7594
7595
7596    
7596<script defer>
7597function loadPartial(target, id) {
7598    var source =
7599      document.location.protocol + "//" + document.location.host + "/";
7600    var path = "partial/" + id + "/html";
7601    $(target).load(source + path, function () {});
7602  }var lang = "ca-ES";
7603$(function() {
7604  	EditMenu();
7605    OnItemClick();
7606  	ChangeSection1();
7607  	onPaginationItemClick();
7608  	OnScroll();
7609  	HideSection2Eles();
7610  	AddShopifyLink();
7611  	AddHoldedLink();  
7612  	if($("body")[0].getAttribute("data-type") == "home"){
7613    	if (window.innerWidth < 1680) {
7614            AddAuditoriaBtn();
7615        } else {
7616            FormHome();
7617        }
7618    }   	  	
7619});
7620
7621function EditMenu(){
7622	$('.navbar-brand').appendTo('.navbar-header');
7623  	$('#icons').remove();
7624  	$('#languages').remove();
7625  	var navItems = $('.navbar-nav')[0].children;
7626  	var langItemSpan = navItems[navItems.length - 1].children[0];
7627  	langItemSpan.innerHTML = '<span><svg style="margin-top: 5px;" xmlns="http://www.w3.org/2000/svg" width="16.8" height="16.8" fill="currentColor" class="bi bi-globe" viewBox="0 0 16 16"><path d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8m7.5-6.923c-.67.204-1.335.82-1.887 1.855A8 8 0 0 0 5.145 4H7.5zM4.09 4a9.3 9.3 0 0 1 .64-1.539 7 7 0 0 1 .597-.933A7.03 7.03 0 0 0 2.255 4zm-.582 3.5c.03-.877.138-1.718.312-2.5H1.674a7 7 0 0 0-.656 2.5zM4.847 5a12.5 12.5 0 0 0-.338 2.5H7.5V5zM8.5 5v2.5h2.99a12.5 12.5 0 0 0-.337-2.5zM4.51 8.5a12.5 12.5 0 0 0 .337 2.5H7.5V8.5zm3.99 0V11h2.653c.187-.765.306-1.608.338-2.5zM5.145 12q.208.58.468 1.068c.552 1.035 1.218 1.65 1.887 1.855V12zm.182 2.472a7 7 0 0 1-.597-.933A9.3 9.3 0 0 1 4.09 12H2.255a7 7 0 0 0 3.072 2.472M3.82 11a13.7 13.7 0 0 1-.312-2.5h-2.49c.062.89.291 1.733.656 2.5zm6.853 3.472A7 7 0 0 0 13.745 12H11.91a9.3 9.3 0 0 1-.64 1.539 7 7 0 0 1-.597.933M8.5 12v2.923c.67-.204 1.335-.82 1.887-1.855q.26-.487.468-1.068zm3.68-1h2.146c.365-.767.594-1.61.656-2.5h-2.49a13.7 13.7 0 0 1-.312 2.5m2.802-3.5a7 7 0 0 0-.656-2.5H12.18c.174.782.282 1.623.312 2.5zM11.27 2.461c.247.464.462.98.64 1.539h1.835a7 7 0 0 0-3.072-2.472c.218.284.418.598.597.933M10.855 4a8 8 0 0 0-.468-1.068C9.835 1.897 9.17 1.282 8.5 1.077V4z"/></svg></span>';  
7628}
7629function addScriptOnLoad(scriptUrl) {
7630    window.addEventListener('load', function() {
7631        var script = document.createElement('script');
7632        script.src = scriptUrl;
7633        document.body.appendChild(script);
7634    });
7635}
7636
7637function OnItemClick() {
7638  document.querySelectorAll('.item').forEach(function(item) {
7639    item.addEventListener("click", function(event) {
7640      var href = this.querySelector('.item-url');
7641      if (event.target.tagName === "MODEL-VIEWER") return;
7642      if (!href || href.getAttribute('href') === undefined) return;
7643      document.location.href = href.getAttribute('href');
7644    });
7645  });
7646
7647  document.querySelectorAll('[data-id="section-3"] .item .row > div').forEach(function(div) {
7648    div.addEventListener("click", function() {
7649      var href = this.querySelector('.item-caption-url');
7650      if (!href || href.getAttribute('href') === undefined) return;
7651      window.open(href.getAttribute('href'), '_blank');
7652    });
7653  });
7654}
7655
7656function onPaginationItemClick() {
7657  document.querySelectorAll('.pagination li a').forEach(function(link) {
7658    link.addEventListener("click", function(event) {
7659      event.preventDefault();
7660      event.stopPropagation();
7661
7662      var url = this.getAttribute('href');
7663      console.log('Loading ... ' + url);
7664
7665      document.getElementById('blocs').innerHTML = '';
7666
7667      fetch(url)
7668        .then(response => response.text())
7669        .then(html => {
7670          document.getElementById('blocs').innerHTML = html;
7671          OnItemClick();
7672        })
7673        .catch(error => console.error('Error loading content:', error));
7674    });
7675  });
7676}function ChangeSection1(){
7677    const seccion = document.querySelector('section[data-id="section-1"]');   
7678    if (seccion) {
7679        const itemUrls = seccion.querySelectorAll('.item-url');    
7680        itemUrls.forEach(itemUrl => {
7681            if (document.documentElement.lang === "ca") {
7682                itemUrl.textContent = "Saber més";
7683            } else if (document.documentElement.lang === "es") {
7684                itemUrl.textContent = "Saber más";
7685            } else if (document.documentElement.lang === "en") {
7686                itemUrl.textContent = "Learn more";
7687            }
7688        });
7689    }       
7690}function HideSection2Eles(){
7691	var eles = $('[data-id="section-2"] .grid .card');
7692  	for(var i=0; i < eles.length; i++){
7693    	if(i > 4){
7694         eles[i].remove();
7695        }
7696    }
7697  	var button = document.createElement("a");
7698  	button.classList.add("btn-more");
7699  	if(document.documentElement.lang == "es"){      	
7700    	button.textContent = "Ver más";
7701      	button.setAttribute("title", "Ver más");
7702      	button.setAttribute("href", "/es/actualidad-nubulus/actualidad-nubulus-ecommerce-shopify-web-instagram-facebook");
7703    }
7704  	if(document.documentElement.lang == "ca"){
7705    	button.textContent = "Veure més";
7706      	button.setAttribute("title", "Veure més");
7707      	button.setAttribute("href", "/ca/actualitat-nubulus/actualitat-nubulus-ecommerce-shopify-web-instagram-facebook");
7708    }
7709    if(document.documentElement.lang == "en"){
7710        button.textContent = "View more";
7711        button.setAttribute("title", "View more");
7712        button.setAttribute("href", "/en/nubulus-blog/blog");
7713    }
7714  	$('[data-id="section-2"]').append(button);
7715}function OnScroll(){
7716  	Comparete();
7717	$(window).on( 'scroll', function(){
7718		Comparete();
7719    }); 
7720}
7721
7722function Comparete(){
7723	var top  = $(this).scrollTop();
7724  	if(top >= 50) NavBarShort(); 
7725  	if(top < 50) NavBarLarge();
7726}
7727
7728function NavBarShort(){
7729    if(!$('nav.navbar-default').hasClass('min')) $('nav.navbar-default').addClass('min');
7730}
7731
7732function NavBarLarge(){
7733    if($('nav.navbar-default').hasClass('min')) $('nav.navbar-default').removeClass('min');
7734}function FormHome(){
7735$(function(){
7736  $('form#c').on('submit', function(e){
7737    e.preventDefault();
7738    e.stopPropagation();
7739
7740    // Honeypot: només els bots omplen aquest camp ocult
7741    if ($('form#c [name="Item_Website"]').val() !== '') {
7742      $('form#c .alert.alert-success').removeClass('hide'); // fingim èxit
7743      return;
7744    }
7745
7746    $('form#c [type="submit"]').addClass('hide');
7747    $('form#c .loader').removeClass('hide');
7748    $('form#c [name="FullName"]').val($('form#c [name="Item_Nom"]').val());
7749    $('form#c [name="Email"]').val($('form#c [name="Item_Email"]').val());
7750    SubmitFormAjax();
7751  });
7752});
7753
7754function SubmitFormAjax(){
7755    
7756    var form = $('form#c')[0];
7757    var edata = new FormData(form);
7758    var url = $('form#c').attr('action') + $('form#c').data('id');
7759	
7760  	console.log(url);
7761
7762
7763  	$.ajax({
7764      type: $('form#c').attr('method'),
7765      url: url,
7766      processData: false,
7767      contentType: false,
7768      cache: false,
7769      data: edata,
7770      success: 
7771      	function(resp){
7772      	  $('form#c .loader').addClass('hide');          
7773          console.log("Init process response");
7774          ProcessResponse(resp);
7775        },
7776      error: 
7777      	function(error){
7778      	  $('form#c .loader').addClass('hide');          
7779          $('form#c [type="submit"]').removeClass('hide');
7780          $('form#c .alert.alert-danger h2').text($('form#c .alert.alert-danger h2').text() + error);		
7781          $('form#c .alert.alert-danger').removeClass('hide');}
7782    });
7783}
7784
7785
7786function ProcessResponse(data){
7787		  console.log("Response => " + data);
7788  
7789  		  if(data.result == 0){
7790            var error_msg = "No s'ha realitzat l'operació";          
7791            console.log("Set Msg => " + error_msg);            
7792            $('form#c .alert.alert-danger').removeClass('hide');
7793          }
7794
7795          if(data.result == 1){
7796            var success_msg = 'Ok! formulari enviat';
7797            console.log("Set Msg => " + success_msg);
7798            $('form#c .alert.alert-success').removeClass('hide');  
7799          }
7800}
7801}function KitsDialogs(gridItemsSelector, dialogsSelector) {
7802  const gridItems = document.querySelectorAll(gridItemsSelector);
7803  const dialogs = document.querySelectorAll(dialogsSelector);
7804
7805  gridItems.forEach((item) => {
7806    item.addEventListener("click", () => {
7807      const category = item.getAttribute("data-category");
7808      const dialog = document.getElementById(`dialog-${category}`);
7809      if (dialog) {
7810        dialog.showModal();
7811      }
7812    });
7813  });
7814
7815  dialogs.forEach((dialog) => {
7816    const closeBtn = dialog.querySelector(".close-btn");
7817    closeBtn.addEventListener("click", () => {
7818      dialog.close();
7819    });
7820
7821    dialog.addEventListener("click", (e) => {
7822      const dialogDimensions = dialog.getBoundingClientRect();
7823      if (
7824        e.clientX < dialogDimensions.left ||
7825        e.clientX > dialogDimensions.right ||
7826        e.clientY < dialogDimensions.top ||
7827        e.clientY > dialogDimensions.bottom
7828      ) {
7829        dialog.close();
7830      }
7831    });
7832  });
7833}
7834let model3d = document.getElementsByTagName('model-viewer');
7835var ample = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
7836if(model3d!=null){
7837  for(var i = 0; i<model3d.length; i++){    
7838    if(ample<1050){
7839      model3d[i].style.setProperty("width", ample-ample*0.2+"px");
7840      model3d[i].style.setProperty("height", ample-ample*0.2+"px");
7841      let video = document.getElementsByTagName('iframe')[0];
7842      if(video!=null){
7843        video.style.setProperty("width", ample-ample*0.15+"px");
7844        video.style.setProperty("height", ample-ample*0.15+"px");
7845      }
7846    }else{
7847      if(!(window.location.href=="https://nubulus.cat/ca/models-3d/serveis-de-modelatge-3d-per-retail-i-industrial-a-lleida" || window.location.href=="https://nubulus.cat/es/modelos-3d/servicio-de-modelado-3d-para-el-sector-retail-y-industrial")){    	
7848          model3d[i].style.setProperty("width", ample-ample*0.7+"px");
7849          model3d[i].style.setProperty("height", ample-ample*0.7+"px");
7850      }	
7851    }
7852  }
7853}
7854function AddShopifyLink() {
7855    var urlActual = window.location.href;
7856    if (urlActual == "https://nubulus.cat/es/actualidad-nubulus/actualidad-nubulus-ecommerce-shopify-web-instagram-facebook" || urlActual == "https://nubulus.cat/ca/actualitat-nubulus/actualitat-nubulus-ecommerce-shopify-web-instagram-facebook") {
7857        return;
7858    }
7859    if (urlActual.includes("/actualitat-nubulus/") || urlActual.includes("/actualidad-nubulus/")) {
7860        if (urlActual.includes("shopify")) {
7861            var svg = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-pin-angle-fill" viewBox="0 0 16 16"><path d="M9.828.722a.5.5 0 0 1 .354.146l4.95 4.95a.5.5 0 0 1 0 .707c-.48.48-1.072.588-1.503.588-.177 0-.335-.018-.46-.039l-3.134 3.134a5.927 5.927 0 0 1 .16 1.013c.046.702-.032 1.687-.72 2.375a.5.5 0 0 1-.707 0l-2.829-2.828-3.182 3.182c-.195.195-1.219.902-1.414.707-.195-.195.512-1.22.707-1.414l3.182-3.182-2.828-2.829a.5.5 0 0 1 0-.707c.688-.688 1.673-.767 2.375-.72a5.922 5.922 0 0 1 1.013.16l3.134-3.133a2.772 2.772 0 0 1-.04-.461c0-.43.108-1.022.589-1.503a.5.5 0 0 1 .353-.146z"/></svg>';
7862            var ele = document.getElementsByClassName("article-header-content")[0];
7863            var nele = document.createElement("p");
7864            nele.classList.add("shopify-link");
7865            if ("ca" == document.documentElement.lang) {
7866                const frasesCA = ["Prova-ho ara! No perdis l'oportunitat de descobrir com Shopify pot revolucionar el teu negoci. ", "T'atreveixes a donar el salt? Descobreix el poder de Shopify amb un sol clic. ", "Transforma el teu somni en realitat! Comença amb Shopify avui mateix. ", "El futur del teu negoci està a un clic de distància. No esperis més. ", "Junta't a milers que ja han fet el pas. Prova Shopify ara mateix. "];
7867                const ctaCA = ["Fes clic aquí!", "Descobreix-ho ara!", "Comença aquí!", "Uneix-te a Shopify avui!", "Fes clic i comença!"];
7868
7869                let num = Math.floor(Math.random() * frasesCA.length);
7870
7871                nele.innerHTML = frasesCA[num];
7872
7873                let a = document.createElement("a");
7874                a.href = "https://shopify.pxf.io/nbls";
7875                a.innerHTML = ctaCA[num];
7876
7877                a.innerHTML += svg;
7878                nele.appendChild(a);
7879            } else {
7880                const frasesES = ["¡Pruébalo ahora! No pierdas la oportunidad de descubrir cómo Shopify puede revolucionar tu negocio. ", "¿Te atreves a dar el salto? Descubre el poder de Shopify con un solo clic. ", "¡Transforma tu sueño en realidad! Empieza con Shopify hoy mismo. ", "El futuro de tu negocio está a un clic de distancia. No esperes más. ", "Junta a miles que ya han dado el paso. Prueba Shopify ahora mismo. "];
7881                const ctaES = ["¡Haga clic aquí!", "¡Descúbrelo ahora!", "Comença aquí!", "¡Únete a Shopify hoy!", "¡Haz clic y empieza!"];
7882
7883                let num = Math.floor(Math.random() * frasesES.length);
7884
7885                nele.innerHTML = frasesES[num];
7886
7887                let a = document.createElement("a");
7888                a.href = "https://shopify.pxf.io/nbls";
7889                a.innerHTML = ctaES[num];
7890
7891                a.innerHTML += svg;
7892                nele.appendChild(a);
7893            }
7894            ele.appendChild(nele);
7895        }
7896    }
7897}function AddHoldedLink(){
7898	var urlActual = window.location.href;
7899  	if(urlActual == "https://nubulus.cat/es/actualidad-nubulus/actualidad-nubulus-ecommerce-shopify-web-instagram-facebook" || urlActual == "https://nubulus.cat/ca/actualitat-nubulus/actualitat-nubulus-ecommerce-shopify-web-instagram-facebook"){
7900    	return;
7901    }
7902  	if (urlActual.includes("/actualitat-nubulus/") || urlActual.includes("/actualidad-nubulus/")) {
7903      if (urlActual.includes("holded")){
7904        var svg = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-pin-angle-fill" viewBox="0 0 16 16"><path d="M9.828.722a.5.5 0 0 1 .354.146l4.95 4.95a.5.5 0 0 1 0 .707c-.48.48-1.072.588-1.503.588-.177 0-.335-.018-.46-.039l-3.134 3.134a5.927 5.927 0 0 1 .16 1.013c.046.702-.032 1.687-.72 2.375a.5.5 0 0 1-.707 0l-2.829-2.828-3.182 3.182c-.195.195-1.219.902-1.414.707-.195-.195.512-1.22.707-1.414l3.182-3.182-2.828-2.829a.5.5 0 0 1 0-.707c.688-.688 1.673-.767 2.375-.72a5.922 5.922 0 0 1 1.013.16l3.134-3.133a2.772 2.772 0 0 1-.04-.461c0-.43.108-1.022.589-1.503a.5.5 0 0 1 .353-.146z"/></svg>';
7905    	var ele = document.getElementsByClassName("article-header-content")[0];
7906        var nele = document.createElement("p");
7907        nele.classList.add("holded-link");     
7908
7909        if("ca"==document.documentElement.lang){
7910            const frasesCA = ["Descobreix com Holded pot revolucionar la gestió de la teva empresa, simplificant processos i augmentant la productivitat.", "Estalvia temps i recursos amb Holded, la solució 
7910ERP que s'adapta perfectament a les necessitats del teu negoci.", "Gestiona la teva comptabilitat, projectes, i RRHH de manera eficient amb Holded, el teu aliat estratègic al núvol."];
7911            const ctaCA = ["Comença avui i transforma la teva gestió empresarial.", "Uneix-te ara i comença a optimitzar el teu negoci.", "Experimenta la diferència amb Holded, registra't ja!"];
7912
7913            let num = Math.floor(Math.random() * frasesCA.length);
7914
7915        	nele.innerHTML = frasesCA[num];
7916
7917            let a = document.createElement("a");
7918            a.href = "https://app.holded.com/signup?r=5c0f6343a2656452855b89eb";
7919            a.innerHTML = ctaCA[num];
7920
7921            a.innerHTML += svg;
7922            nele.appendChild(a);
7923        }else{
7924            const frasesES = ["Descubre cómo Holded puede revolucionizar la gestión de tu empresa, simplificando procesos y aumentando la productividad.", "Ahorra tiempo y recursos con Holded, la solución ERP que se adapta perfectamente a las necesidades de tu negocio.", "Gestiona tu contabilidad, proyectos, y RRHH de manera eficiente con Holded, tu aliado estratégico en la nube."];  
7925            
7926            const ctaES = ["Empieza hoy y transforma tu gestión empresarial.", "Únete ahora y comienza a optimizar tu negocio.", "Experimenta la diferencia con Holded, ¡regístrate ya!"];
7927
7928        	let num = Math.floor(Math.random() * frasesES.length);
7929            
7930        	nele.innerHTML = frasesES[num];
7931
7932            let a = document.createElement("a");
7933            a.href = "https://app.holded.com/signup?r=5c0f6343a2656452855b89eb";
7934            a.innerHTML = ctaES[num];
7935
7936            a.innerHTML += svg;
7937            nele.appendChild(a);
7938        }
7939		ele.appendChild(nele);
7940      }
7941    }  	
7942}function AddAuditoriaBtn(){
7943	var btn = document.createElement("a");
7944  	btn.setAttribute("class", "auditoria-btn");
7945  	
7946  	var textCA = "Sol·licitar consultoría negoci";
7947  	var textES = "Solicitar consultoría negoció";
7948  
7949  	var urlCA = "/ca/adds/consultoria";
7950  	var urlES = "/es/adds/consultoria";
7951  	
7952  	var lang = document.documentElement.lang;
7953  	if (lang == "es"){
7954    	btn.innerHTML = textES;
7955      	btn.setAttribute("title", textES);
7956		btn.setAttribute("href", urlES);      
7957    }
7958    if (lang == "ca"){
7959    	btn.innerHTML = textCA;
7960      	btn.setAttribute("title", textCA);
7961		btn.setAttribute("href", urlCA);      
7962    }
7963  
7964  	document.body.appendChild(btn);
7965}FormHome();
7966w.spdt('lead', {
7967  type: 'INSERT_TYPE',  // Dynamically populate from session data
7968  category: 'INSERT_CATEGORY',  // Dynamically populate from session data
7969});
7970    
7971    </script>
7971
7972</body>
7973</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.