/********** LIGHT MEDIA BUILDER **********/
/* FONTS */
/* Extra-light */
/* Light */
/* Regular */
/* Medium */
/* Bold */
/* WIDTH */
/* containers */
/* navegacio */
/* HEIGHT */
/* BORDER */
/* PADDINGS */
/* LINIA */
/* ZINDEX */
/* TRANSITIONS */
/********** VARIABLES **********/
/* MODE CLASS */
/* COLORS */
/* THEME */
/* claro-claro */
/* claro-medio */
/* claro-oscuro */
/* oscuro-claro */
/* oscuro-medio */
/* oscuro-oscuro */
/* BRAND */
/* SOCIAL */
/* BACKGROUNDS PROJECTES no destacats */
/* TEXT */
/* BACKGROUNDS */
/* CORE */
/* BLOCK SECTIONS */
/* BLOCK COMBINATIONS */
/* backgrounds */
/* text */
/* ELEMENTS */
/* BTN */
/* TAGS */
/* STEPS */
/* FORMS */
/* BORDERS */
/* SHADOWS */
/* TEAM GRID */
/* TALENT */
/********** STYLE BUILDER **********/
/********** THEME BUILDER (by Media Query) **********/
@media (prefers-color-scheme: light) {
  body {
    background-color: #F9F9FC;
    color: #292736;
  }
  /* LOGO */
  #header .logo,
  #header .nav-tggl {
    color: #000000;
  }
  #header .logo.clr-inverse .ico {
    color: #000000;
  }
  #header .nav-tggl.light-inverse {
    color: #ffffff;
  }
  #header.change-light .logo .ico,
  #header.change-light .nav-tggl {
    color: #ffffff;
  }
  #header.change-dark .logo .ico,
  #header.change-dark .nav-tggl {
    color: #000000;
  }
  #header.scroll-up {
    background-color: #FFFFFF;
  }
  #header.scroll-up .logo.clr-inverse .ico {
    color: #01D595;
  }
  #header.scroll-up .nav-tggl.light-inverse {
    color: #000000;
  }
  #header.scroll-up.change-light .logo, #header.scroll-up.change-dark .logo {
    color: #000000;
  }
  #header.scroll-up.change-light .logo .ico, #header.scroll-up.change-dark .logo .ico {
    color: #01D595;
  }
  #header.scroll-up.change-light .nav-tggl, #header.scroll-up.change-dark .nav-tggl {
    color: #000000;
  }
  #header.is-sticky {
    background-color: #FFFFFF;
  }
  .show-menu #header {
    background-color: transparent;
  }
  /* SWITCH BUTTON */
  /* NAVEGACIO */
  /* BLOCKS BACKGROUNDS I TEXT COLORS */
  /* TEXT */
  /* ELEMENTS LINKS */
  /* HIGHLIGHT */
  /* excepcions */
  /* NAVIGATION */
  /* DROPDOWN */
  /* TABS */
  /* ELEMENTS */
  /* FORMS */
  /* LLISTES */
  /* STEPS */
  /* SHARE */
  /* COLLAPSINGS */
  /* CARD */
  /* BOX (TOOLS) */
  /* PIJAMA */
  /* DOCS */
  /* ARLEQUIN LIST FULL WIDTH */
  /* FOOTER */
  /* MODAL */
  /* ACCESSIBILITAT */
  /* OCULTAR ELEMENTS SEGONS COLOR SCHEME */
  /* COOKIES */
}
@media (prefers-color-scheme: light) and (max-width: 767px) {
  .show-menu #header {
    background-color: #FFFFFF;
  }
}
@media (prefers-color-scheme: light) and (min-width: 768px) {
  .show-menu #header {
    background-color: transparent;
  }
  .show-menu #header .logo .ico {
    color: #01D595;
  }
  .show-menu #header .nav-tggl {
    color: #000000;
  }
}
@media (prefers-color-scheme: light) {
  .switch-tggl {
    background-color: #ECECF8;
    border-color: #ECECF8;
  }
  .switch-tggl:after {
    background-color: #767186;
  }
  .switch-tggl:after {
    left: 0;
  }
  .switch-tggl .light-side {
    color: #ffffff;
  }
  .switch-tggl .dark-side {
    color: #767186;
  }
  .nav {
    color: #000000;
  }
  .nav a:not(.btn) {
    color: #000000;
  }
  .nav .main-side {
    background-color: #FFFFFF;
  }
  .nav .nav-aside {
    background-color: #F9F9FC;
  }
  .nav .address {
    color: #767186;
  }
  .block-clr-1 {
    background-color: #F9F9FC;
    color: #292736;
    transition: color 0.2s linear 0s, background-color 0.3s linear 0s;
  }
  .block-clr-1.overlay-next + .section-block:after {
    background-color: #F9F9FC;
  }
  .block-clr-2 {
    background-color: #FFFFFF;
    color: #292736;
    transition: color 0.2s linear 0s, background-color 0.3s linear 0s;
  }
  .block-clr-2.overlay-next + .section-block:after {
    background-color: #FFFFFF;
  }
  .block-clr-3 {
    background-color: #39354E;
    color: #FFFFFF;
    transition: color 0.2s linear 0s, background-color 0.3s linear 0s;
  }
  .block-clr-3.overlay-next + .section-block:after {
    background-color: #39354E;
  }
  .block-clr-4 {
    background-color: #292736;
    color: #FFFFFF;
    transition: color 0.2s linear 0s, background-color 0.3s linear 0s;
  }
  .block-clr-4.overlay-next + .section-block:after {
    background-color: #292736;
  }
  .block-clr-5 {
    background-color: #ECECF8;
    color: #292736;
    transition: color 0.2s linear 0s, background-color 0.3s linear 0s;
  }
  .block-clr-5.overlay-next + .section-block:after {
    background-color: #ECECF8;
  }
  .block-clr-6 {
    background-color: #F9F9FC;
    color: #292736;
    transition: color 0.2s linear 0s, background-color 0.3s linear 0s;
  }
  .block-clr-6.overlay-next + .section-block:after {
    background-color: #F9F9FC;
  }
  .block-clr-7 {
    background-color: #FFFFFF;
    color: #292736;
    transition: color 0.2s linear 0s, background-color 0.3s linear 0s;
  }
  .block-clr-7.overlay-next + .section-block:after {
    background-color: #FFFFFF;
  }
  .block-clr-8 {
    background-color: #39354E;
    color: #FFFFFF;
    transition: color 0.2s linear 0s, background-color 0.3s linear 0s;
  }
  .block-clr-8.overlay-next + .section-block:after {
    background-color: #39354E;
  }
  .block-clr-9 {
    background-color: #292736;
    color: #FFFFFF;
    transition: color 0.2s linear 0s, background-color 0.3s linear 0s;
  }
  .block-clr-9.overlay-next + .section-block:after {
    background-color: #292736;
  }
  .block-clr-10 {
    background-color: #ECECF8;
    color: #292736;
    transition: color 0.2s linear 0s, background-color 0.3s linear 0s;
  }
  .block-clr-10.overlay-next + .section-block:after {
    background-color: #ECECF8;
  }
  .block-clr-11 {
    background-color: #ECECF8;
    color: #292736;
    transition: color 0.2s linear 0s, background-color 0.3s linear 0s;
  }
  .block-clr-11.overlay-next + .section-block:after {
    background-color: #ECECF8;
  }
  .block-clr-12 {
    background-color: #F9F9FC;
    color: #292736;
    transition: color 0.2s linear 0s, background-color 0.3s linear 0s;
  }
  .block-clr-12.overlay-next + .section-block:after {
    background-color: #F9F9FC;
  }
  .clr-light-2 {
    color: #767186;
  }
  .section-link .clr-secondary {
    color: #900CE1;
  }
  .section-link .clr-secondary:hover {
    color: #B862ED;
  }
  .has-highlight {
    background: linear-gradient(180deg, transparent 0%, transparent calc(100% - 0.45em), #9CEED5 calc(100% - 0.45em), #9CEED5 calc(100% - 0.05em), transparent calc(100% - 0.05em), transparent 100%);
  }
  #footer .has-highlight,
  .block-clr-3 .has-highlight,
  .block-clr-4 .has-highlight,
  .block-clr-8 .has-highlight,
  .block-clr-9 .has-highlight {
    background: linear-gradient(180deg, transparent 0%, transparent calc(100% - 0.45em), #05B07D calc(100% - 0.45em), #05B07D calc(100% - 0.05em), transparent calc(100% - 0.05em), transparent 100%);
  }
  .block-brand-2 .has-highlight {
    background: linear-gradient(180deg, transparent 0%, transparent calc(100% - 0.45em), #D7ABF2 calc(100% - 0.45em), #D7ABF2 calc(100% - 0.05em), transparent calc(100% - 0.05em), transparent 100%);
  }
  .drop-layer {
    background-color: #ECECF8;
  }
}
@media (prefers-color-scheme: light) and (min-width: 1280px) {
  .tabs {
    background-color: transparent;
  }
}
@media (prefers-color-scheme: light) and (max-width: 1279px) {
  .tabs > li .tab-link {
    color: #000000;
  }
}
@media (prefers-color-scheme: light) and (min-width: 1280px) {
  .tabs > li.is-active .tab-link {
    color: #000000;
  }
}
@media (prefers-color-scheme: light) {
  .tabs > li.is-active .tab-link:before {
    color: #01D595;
  }
  .btn-gray {
    background-color: #ECECF8;
    color: #000000;
  }
  .btn-gray:hover {
    color: #000000;
  }
  .tag {
    background-color: #ECECF8;
    color: #767186;
  }
  .tag.is-active, .tag:hover {
    background-color: #01D595;
    color: #ffffff;
  }
  .form {
    color: #767186;
  }
  .form-label {
    color: #767186;
  }
  .form-control {
    color: #767186;
  }
  .form-control:focus {
    color: #767186;
  }
  .form-select {
    background-color: transparent !important;
  }
  .form-select option {
    color: #767186 !important;
    background-color: #ECECF8 !important;
  }
  .form-select option:hover {
    background-color: #ECECF8 !important;
  }
  .form-select option:checked {
    color: #ffffff !important;
    background-color: #01D595 !important;
  }
  .check .check-label:before {
    color: #ffffff;
  }
  .check .check-label:after {
    border-color: #767186;
  }
  .check .check-label a {
    color: inherit;
  }
  .check .check-label a:hover {
    color: #01D595;
  }
  .check .check-input:checked + label:after {
    background-color: #767186;
  }
  .form-block .form-icon {
    color: #000000;
  }
  .line-lst > li:before {
    background-color: currentColor;
  }
  .line-lst > li:last-child:after {
    color: #01D595;
  }
  .step:before, .step:after {
    background-color: #ECECF8;
    color: #767186;
  }
  .step.is-active:before {
    background-color: #292736;
    color: #01D595;
  }
  .share-box {
    background-color: #F9F9FC;
    color: #292736;
  }
  .share-box input,
  .share-box button {
    background-color: transparent;
    color: inherit;
  }
  .share-box .copy-btn:hover {
    color: #01D595;
  }
  .share-box.share-whatsapp:hover {
    background-color: #39db53;
    color: #ffffff;
  }
  .share-box.share-whatsapp:hover .ico {
    color: #ffffff;
  }
}
@media (prefers-color-scheme: light) and (hover: none) {
  .share-box.share-whatsapp {
    background-color: #39db53;
    color: #ffffff;
  }
}
@media (prefers-color-scheme: light) {
  .share-box.share-linkedin:hover {
    background-color: #0d5bba;
    color: #ffffff;
  }
  .share-box.share-linkedin:hover .ico {
    color: #ffffff;
  }
}
@media (prefers-color-scheme: light) and (hover: none) {
  .share-box.share-linkedin {
    background-color: #0d5bba;
    color: #ffffff;
  }
}
@media (prefers-color-scheme: light) {
  .share-box.share-facebook:hover {
    background-color: #176cf0;
    color: #ffffff;
  }
  .share-box.share-facebook:hover .ico {
    color: #ffffff;
  }
}
@media (prefers-color-scheme: light) and (hover: none) {
  .share-box.share-facebook {
    background-color: #176cf0;
    color: #ffffff;
  }
}
@media (prefers-color-scheme: light) {
  .share-box.share-twitter:hover {
    background-color: #4ba2ed;
    color: #ffffff;
  }
  .share-box.share-twitter:hover .ico {
    color: #ffffff;
  }
}
@media (prefers-color-scheme: light) and (hover: none) {
  .share-box.share-twitter {
    background-color: #4ba2ed;
    color: #ffffff;
  }
}
@media (prefers-color-scheme: light) {
  .share-box.share-instagram:hover {
    background-color: #e1306c;
    color: #ffffff;
  }
  .share-box.share-instagram:hover .ico {
    color: #ffffff;
  }
}
@media (prefers-color-scheme: light) and (hover: none) {
  .share-box.share-instagram {
    background-color: #e1306c;
    color: #ffffff;
  }
}
@media (prefers-color-scheme: light) {
  .drop-lst > li a {
    color: #000000;
  }
  .services-collapse .collapse-block {
    border-color: #000000;
  }
  .card-item .text {
    color: #39354E;
  }
  .card-item:hover .text {
    color: #000000;
  }
  .box {
    box-shadow: 4px 4px 20px #E0E1E5;
    background-color: #FFFFFF !important;
    color: #292736 !important;
  }
  .striped-lst > li:nth-child(odd) {
    background-color: #ECECF8;
  }
  .striped-lst > li a {
    color: #292736;
  }
  .doc-list-item .doc-date {
    color: #767186;
  }
  .harlequin-lst > li {
    background-color: #ECECF8;
  }
}
@media (prefers-color-scheme: light) and (max-width: 767px) {
  .harlequin-lst > li:nth-child(odd) {
    background-color: #FFFFFF;
  }
}
@media (prefers-color-scheme: light) and (min-width: 768px) {
  .harlequin-lst > li:nth-child(4n+1), .harlequin-lst > li:nth-child(4n-4) {
    background-color: #FFFFFF;
  }
}
@media (prefers-color-scheme: light) {
  .harlequin-lst.offers-lst > li .offer-heading {
    border-bottom-color: #000000;
  }
  .harlequin-lst.offers-lst > li .btn-circle {
    background-color: #01D595;
  }
  .harlequin-lst.offers-lst > li .btn-circle:hover {
    background-color: #05B07D;
  }
  .harlequin-lst.offers-lst > li:nth-child(2) {
    background-color: #B862ED;
    color: #ffffff;
  }
  .harlequin-lst.offers-lst > li:nth-child(2) .offer-heading {
    border-bottom-color: #ffffff;
  }
  .harlequin-lst.offers-lst > li:nth-child(4) {
    background-color: #01D595;
    color: #ffffff;
  }
  .harlequin-lst.offers-lst > li:nth-child(4) .offer-heading {
    border-bottom-color: #ffffff;
  }
  .harlequin-lst.offers-lst > li:nth-child(4) .btn-circle {
    background-color: #B862ED;
  }
  .harlequin-lst.offers-lst > li:nth-child(4) .btn-circle:hover {
    background-color: #900CE1;
  }
  #footer:after {
    background-color: #292736;
  }
  #footer:not(.show-up) a:not(.link) {
    color: #000000;
  }
  #footer:not(.show-up) .clr-secondary {
    color: #900CE1;
  }
  #footer .tag {
    background-color: #39354E;
  }
  #footer .tag:hover {
    background-color: #01D595;
  }
  .modal .modal-dialog .modal-content {
    background-color: #FFFFFF;
  }
  .skip-menu a,
  .breadcrumb a {
    color: #292736;
  }
  html:not(.is-dark) .hide-light {
    display: none !important;
  }
  html.is-dark .hide-dark {
    display: none !important;
  }
  #omacookies .omac-btn-secondary {
    border-color: #05B07D;
    color: #05B07D;
  }
  #omacookies .omac-btn-primary {
    border-color: #05B07D;
    background-color: #05B07D;
  }
  #omacookies .omac-read-more {
    color: #900CE1;
  }
  #omacookies .omac-banner,
  #omacookies .omac-modal {
    background-color: #FFFFFF;
    color: #292736;
  }
  #omacookies .omac-text {
    color: #292736;
  }
  #omacookies .omac-read-more:hover {
    color: #900CE1;
  }
  #omacookies .omac-close:before, #omacookies .omac-close:after {
    background-color: #292736;
  }
  #omacookies .omac-switch-group {
    border-bottom-color: #D9D9D9;
  }
  #omacookies .omac-switch-group .omac-switch {
    background-color: #D8D8D8;
  }
  #omacookies .omac-switch-group input:checked + .omac-switch {
    background-color: #05B07D;
  }
  #omacookies #omac-selection-box .omac-text {
    color: #767186;
  }
}