1 2<!DOCTYPE html> 3<html data-version="4.0.3" lang="ca"> 4<head> 5 <title> 6 Implementació 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ó, CRM i comptabilitat." /> 18 <meta name="keywords" content="Holded, ERP Holded, partner Holded, Solution Partner Gold Holded, consultoria Holded, implementació Holded, migració de dades ERP, formació Holded, automatització de processos, facturació, CRM, gestió 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ó 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ó, 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óm" longdesc="#434eed7a-1f28-46c5-8bd5-93f7b1e8a14c"> 5198 <img class="hide" alt="Qui só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ó i consultoria Holded - Solution Partners Gold Oficials" longdesc="#cb64fad0-694f-460c-b781-05e9a8965f0f"> 5220 <img class="hide" alt="Implementació 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'ns" longdesc="#b1918b0c-bf92-4ec5-8706-0bd236a4d708"> 5264 <img class="hide" alt="Contacta'ns"/> 5265 <span>Contacta'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ñol" longdesc="#1138c349-9861-4934-99c3-4fb619672e79"> 5282 <span>Español</span> 5283 </a> 5284 <span class="hide" id="1138c349-9861-4934-99c3-4fb619672e79"> 5285 Español 5286 </span> 5287 5288 </li> 5289 <li> 5290 <a href="/ca" title="Català" longdesc="#1138c349-9861-4934-99c3-4fb619672e79">
5291 <span>Català</span> 5292 </a> 5293 <span class="hide" id="1138c349-9861-4934-99c3-4fb619672e79"> 5294 Català 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ó 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ó, 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’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ç a braç 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ïta de Holded: facturació, 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è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 <a href="https://lawwwing.com/documents/e1e7eb50-edad-43b1-8951-877015589575/privacy-policy/ca/" target="_blank">termes i condicions</a> d'aquest lloc web.</label></div> 5378 5379<p>Et respon una persona de l'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’ha enviat correctament!</p> 5392</div> 5393 5394<div class="alert alert-danger hide"> 5395<p>S'ha produï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àlcul, e-mails perduts i eines desconnectades no és gestió, és supervivència.</p> 5417 5418<p>Et mereixes una eina que estigui a l’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 és una eina. És la gestió de facturació, CRM i comptabilitat que encara no coneixes.</h2> 5427 5428<p>És molt més que un ERP. És el teu nou assistent personal. No fa vacances, no s’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ó 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 é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és.</li> 5479 <li>Professionals que volen créixer sense tornar-se bojos.</li> 5480</ul> 5481 5482<p><strong>
5482Si ja</strong> tens Holded però no li treus suc, també és per a tu. La implementació mal feta és un clàssic… però té solució.</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è fem a Nubulus com a partners oficials de Holded: implementació, migració i formació</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’ajudem a:</strong></p> 5503 5504<ul> 5505 <li>Configurar l’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és has de fer clic… 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’odiar els dilluns</h2> 5520 5521<div class="grid"> 5522<div> 5523<p><strong>En Jordi dirigeix una empresa d’instal·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és hores buscant informació que fent feina.</cite></p> 5528 5529<p><strong>Amb Nubulus + Holded, tot va canviar:</strong></p> 5530 5531<ol> 5532 <li>Sabia què tenia pendent i què estava cobrat.</li> 5533 <li>Podia fer pressupostos en 2 minuts.</li> 5534 <li>Va recuperar el control… i la paciència.</li> 5535</ol> 5536 5537<p><cite>Ara, si no estimo els dilluns, almenys ja no em fan rà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ís. Sense discursos. Sense PowerPoints.</p> 5554 5555<p><strong>Només t’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'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üents sobre la nostra consultoria i implementació 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è 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’ajudem a implementar, personalitzar i aprofitar Holded connectant-lo amb la realitat del teu negoci. No és només posar-lo en marxa: és fer-lo servir bé.</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’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í. I no patiràs pel canvi. Ens ocupem de tot perquè 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é si Holded é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’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às aprofitant bé 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 és que ho estiguis fent malament. És que ningú t’ha ensenyat a fer-ho bé.</p> 5618 5619<p>A Nubulus no només implementem Holded des de zero. També ajudem negocis que ja el tenen actiu… però que el fan servir com poden.</p> 5620 5621<p>Sense processos clars. Sense automatitzacions. Sense formació real.</p> 5622 5623<p>I aquí é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às desaprofitant el que tens... segurament tens raó.</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ó-digital"> 5652 <header> 5653 <h2>Estigues al dia amb el nostre Blog de Transformació digital</h2> 5654 <p class="hide">A Nubulus, ens apassiona compartir coneixements i mantenir-te informat sobre les últimes tendències a e-commerce, SEO, disseny web, màrqueting digital i més. El nostre bloc és una font de recursos valuosos per a empreses que busquen liderar al mó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è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è 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è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è el teu negoci arribi a punt</h3> 5665 <h4 class="item-group">Estigues al dia amb el nostre Blog de Transformació 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è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è 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è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ègia omnicanal.">Black Friday i Nadal 2026: el pla de 8 setmanes perquè 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'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'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ó 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'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'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'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 és obligatori al 100%. Descobreix l'estat real de la tramitació, els requisits tè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 és obligatori al 100%. Descobreix l'estat real de la tramitació, els requisits tè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ó digital</h4> 5718 <p class="item-date">18/09/2026</p> 5719 <p class="item-description">El registre horari digital encara no és obligatori al 100%. Descobreix l'estat real de la tramitació, els requisits tè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 és obligatori al 100%. Descobreix l'estat real de la tramitació, els requisits tè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 és obligatori al 100%. Descobreix l'estat real de la tramitació, els requisits tè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ícia és que si factures amb Holded, el compliment ja ve integrat de sèrie: Holded és col·laborador social de l'AEAT i genera cada factura amb QR, empremta digital i signatura electrònica sense que hagis de tocar cap configuració."> 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à obligat i com adaptar-te sense complicacions"> 5739 <meta itemprop="description" content="La bona notícia és que si factures amb Holded, el compliment ja ve integrat de sèrie: Holded és col·laborador social de l'AEAT i genera cada factura amb QR, empremta digital i signatura electrònica sense que hagis de tocar cap configuració."> 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à obligat i com adaptar-te sense complicacions</h3> 5743 <h4 class="item-group">Estigues al dia amb el nostre Blog de Transformació digital</h4> 5744 <p class="item-date">10/09/2026</p> 5745 <p class="item-description">La bona notícia és que si factures amb Holded, el compliment ja ve integrat de sèrie: Holded és col·laborador social de l'AEAT i genera cada factura amb QR, empremta digital i signatura electrònica sense que hagis de tocar cap configuració.</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à 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ícia és que si factures amb Holded, el compliment ja ve integrat de sèrie: Holded és col·laborador social de l'AEAT i genera cada factura amb QR, empremta digital i signatura electrònica sense que hagis de tocar cap configuració.</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ícia és que si factures amb Holded, el compliment ja ve integrat de sèrie: Holded és col·laborador social de l'AEAT i genera cada factura amb QR, empremta digital i signatura electrònica sense que hagis de tocar cap configuració.">Verifactu 2027 amb Holded: qui hi està obligat i com adaptar-te sense complicacions</a> 5759 </div> 5760 </div> 5761 <div class="card" title="Descobreix per què Google elimina ressenyes sense avís, com protegir la teva fitxa amb el CID i per què 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è desapareixen les ressenyes de Google del teu negoci (i com evitar-ho)"> 5765 <meta itemprop="description" content="Descobreix per què Google elimina ressenyes sense avís, com protegir la teva fitxa amb el CID i per què 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è 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ó digital</h4> 5770 <p class="item-date">30/07/2026</p> 5771 <p class="item-description">Descobreix per què Google elimina ressenyes sense avís, com protegir la teva fitxa amb el CID i per què 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è 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è Google elimina ressenyes sense avís, com protegir la teva fitxa amb el CID i per què 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è Google elimina ressenyes sense avís, com protegir la teva fitxa amb el CID i per què una IA pot fer servir ressenyes negatives antigues.">Per què 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ó, reforma de locals i creixement artesà 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ç, serveis i artesania: què cobreixen i qui hi pot optar"> 5791 <meta itemprop="description" content="Les subvencions CCAM 2026 financen digitalització, reforma de locals i creixement artesà 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ç, serveis i artesania: què cobreixen i qui hi pot optar</h3> 5795 <h4 class="item-group">Estigues al dia amb el nostre Blog de Transformació digital</h4> 5796 <p class="item-date">24/07/2026</p> 5797 <p class="item-description">Les subvencions CCAM 2026 financen digitalització, reforma de locals i creixement artesà 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ç, serveis i artesania: què 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ó, reforma de locals i creixement artesà 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ó, reforma de locals i creixement artesà a Catalunya. Descobreix els 8 programes i quins imports podeu rebre.">Subvencions CCAM 2026 per a comerç, serveis i artesania: què cobreixen i qui hi pot optar</a> 5811 </div> 5812 </div> 5813 <div class="card" title="Com afegir el nú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úmero de WhatsApp a la fitxa de Google Business Profile"> 5817 <meta itemprop="description" content="Com afegir el nú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ú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ó digital</h4> 5822 <p class="item-date">16/07/2026</p> 5823 <p class="item-description">Com afegir el nú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ú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ú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úmero de WhatsApp a la fitxa de Google Business Profile">Com afegir el nú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è has d'etiquetar (i què 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è has d'etiquetar (i què no)"> 5843 <meta itemprop="description" content="El AI Act i les imatges del teu ecommerce: què has d'etiquetar (i què 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è has d'etiquetar (i què no)</h3> 5847 <h4 class="item-group">Estigues al dia amb el nostre Blog de Transformació 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è has d'etiquetar (i què 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è has d'etiquetar (i què 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è has d'etiquetar (i què 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è has d'etiquetar (i què no)">El AI Act i les imatges del teu ecommerce: què has d'etiquetar (i què no)</a> 5863 </div> 5864 </div> 5865 <div class="card" title="Què és l'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è és l'AI Act i a qui afecta"> 5869 <meta itemprop="description" content="Què és l'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è és l'AI Act i a qui afecta</h3> 5873 <h4 class="item-group">Estigues al dia amb el nostre Blog de Transformació digital</h4> 5874 <p class="item-date">09/06/2026</p> 5875 <p class="item-description">Què és l'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è és l'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è és l'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è és l'AI Act i a qui afecta">Què és l'AI Act i a qui afecta</a> 5889 </div> 5890 </div> 5891 <div class="card" title="Botó de desistiment: què és, què 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ó de desistiment: què és, què diu la llei i com complir-la sense riscos"> 5895 <meta itemprop="description" content="Botó de desistiment: què és, què 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ó de desistiment: què és, què diu la llei i com complir-la sense riscos</h3> 5899 <h4 class="item-group">Estigues al dia amb el nostre Blog de Transformació digital</h4> 5900 <p class="item-date">09/06/2026</p> 5901 <p class="item-description">Botó de desistiment: què és, què 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ó de desistiment: què és, què 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ó de desistiment: què és, què 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ó de desistiment: què és, què diu la llei i com complir-la sense riscos">Botó de desistiment: què és, què diu la llei i com complir-la sense riscos</a> 5915 </div> 5916 </div> 5917 <div class="card" title="Com instal·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·lar Claude a Word, Excel i PowerPoint"> 5921 <meta itemprop="description" content="Com instal·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·lar Claude a Word, Excel i PowerPoint</h3> 5925 <h4 class="item-group">Estigues al dia amb el nostre Blog de Transformació digital</h4> 5926 <p class="item-date">05/05/2026</p> 5927 <p class="item-description">Com instal·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·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·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·lar Claude a Word, Excel i PowerPoint">Com instal·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à 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à
5950 si la teva web compleix la LSSICE</h3> 5951 <h4 class="item-group">Estigues al dia amb el nostre Blog de Transformació 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à 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à 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"> </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ò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"> </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"> </div> 6739 6740<div class="_form-thank-you" style="display: none"> </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&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ços d’interè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’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’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è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'Urgell, Españ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'Urgell, Españ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.