@charset "UTF-8";
/* $negre: #150602; */
/* Descàrrega tipografies*/
@import url(" https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap ");
/* Amagar captcha */
.captcha_container {
  display: none;
}

/* Video botó Mute */
.mute-button {
  position: absolute;
  bottom: 5%;
  right: 5%;
  background-color: #00a2f3;
  color: #fff;
  border: none;
  border-radius: 50px;
  padding: 16px;
  aspect-ratio: 1;
  line-height: 1;
  font-size: 26px;
  animation: fadeIn 0.4s ease forwards;
}
.mute-button i {
  align-content: center;
  width: 32px;
  height: 32px;
}
@media (max-width: 768px) {
  .mute-button {
    font-size: 18px;
    padding: 8px;
    top: 5%;
    bottom: unset;
  }
  .mute-button i {
    width: 20px;
    height: 20px;
  }
}

/* Ombra i colors menú header*/
@media (min-width: 769px) {
  .carousel-outercontainer::before {
    content: "";
    display: block;
    height: 150px;
    background: linear-gradient(#000, transparent);
    opacity: 0.7;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    pointer-events: none;
  }
  body > header .header-right .navbar .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
  body > header .header-right .navbar .navbar-collapse .nav-horitzontal li a {
    font-size: 15px;
  }
  body > header .header-right .navbar .navbar-collapse .nav-horitzontal li a:hover {
    color: #00a2f3;
  }
}
@media (min-width: 769px) and (max-width: 1600px) {
  body > header .header-right .navbar .navbar-collapse .nav-horitzontal li a {
    font-size: 13px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
/**  Dimensions i Hover social icons barra home  **/
.social_icons {
  font-size: 14px;
}

.widgetscontainer_comp1_main a i {
  color: #ffffff;
  transition: all 0.4s ease;
}
.widgetscontainer_comp1_main a i:hover {
  color: #00a2f3;
}

/**  Logo Footer  **/
.footer-logo-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  padding-bottom: 12px;
  width: 100%;
}
.footer-logo-box .logo-footer {
  display: block;
  max-width: 300px;
  height: auto;
  margin-bottom: 15px;
}
.footer-logo-box::after {
  content: "";
  display: block;
  width: 20%;
  height: 1px;
  background-color: #00a2f3;
  opacity: 1;
}

/**  Hover social icons footer  **/
footer .site_footer a i {
  color: #8c8b8c;
  transition: all 0.4s ease;
}
footer .site_footer a i:hover {
  color: #00a2f3;
}

/* Llista Info Footer*/
.contenedor-titular h4 {
  padding-top: 25px;
  margin-left: 0;
  padding-left: 0;
}

.info-footer ul {
  list-style-position: inside;
  padding-left: 0 !important;
  margin-left: 0 !important;
  padding-inline-start: 0;
}
.info-footer li {
  line-height: 1.5em;
  font-size: 16px;
  margin-left: 0;
}
.info-footer li::marker {
  color: #00a2f3;
  font-size: 1em;
}

/* Mapa Footer*/
#widget_mapa {
  width: 100%;
  height: 250px;
}
#widget_mapa .mapa-footer {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
#widget_mapa .mapa-footer iframe {
  width: 100% !important;
  height: 250px;
  display: block;
  border-radius: 8px;
}

/* Menú footer*/
#widget_menu-info-web-1 a {
  font-size: 16px;
  color: #ffffff;
  text-decoration: none;
  font-weight: 500;
}

#widget_menu-info-web-1 a:hover {
  font-weight: 800;
  color: #00a2f3;
  opacity: 0.8;
}

/* Botons generals */
.carousel .carousel-caption .btn {
  box-shadow: none;
  border: none;
  font-weight: 700;
  font-size: 20px;
}
.carousel .carousel-caption .btn:hover, .carousel .carousel-caption .btn:focus, .carousel .carousel-caption .btn:active {
  background-color: #8c8b8c;
}

.widget_customizableText .btn, .btn[type=submit]:not(#cookiesSettings_save), .carousel .carousel-caption .btn {
  border: none;
  border-radius: 6px;
  text-transform: uppercase;
}

.btn[type=submit]:not(#cookiesSettings_save) {
  background-color: #111;
}
.btn[type=submit]:not(#cookiesSettings_save), .btn[type=submit]:not(#cookiesSettings_save) i {
  color: #fff;
}
.btn[type=submit]:not(#cookiesSettings_save):hover, .btn[type=submit]:not(#cookiesSettings_save):focus, .btn[type=submit]:not(#cookiesSettings_save):active {
  background-color: #00a2f3;
}

.widget_customizableText .btn, .carousel-caption .btn {
  font-size: 15px;
  background-color: #00a2f3;
}
.widget_customizableText .btn, .widget_customizableText .btn i, .carousel-caption .btn, .carousel-caption .btn i {
  color: #fff;
}
.widget_customizableText .btn:hover, .widget_customizableText .btn:focus, .widget_customizableText .btn:active, .carousel-caption .btn:hover, .carousel-caption .btn:focus, .carousel-caption .btn:active {
  background-color: #8c8b8c;
}

#subscribeForm .btn {
  border-radius: 0 !important;
}

/* Text carrusel principal amb animacions */
#carousel_1 .carousel-caption {
  line-height: 1;
  top: 40%;
  left: 10%;
  bottom: unset;
  width: fit-content;
}
#carousel_1 .carousel-caption .title {
  font-size: 72px;
  font-weight: 800;
  color: #fff;
  text-shadow: 1px 1px 8px #111;
}
#carousel_1 .carousel-caption .subtitle {
  font-size: 40px;
  margin-top: -10px;
  font-weight: 600;
  color: #fff;
  text-shadow: 1px 1px 4px #111;
  margin-bottom: 25px;
}
@media (min-width: 769px) and (max-width: 1280px) {
  #carousel_1 .carousel-caption {
    bottom: 0;
    top: unset;
    transform: none;
  }
  #carousel_1 .carousel-caption .title {
    font-size: 50px;
  }
  #carousel_1 .carousel-caption .subtitle {
    font-size: 30px;
  }
}
@media (max-width: 768px) {
  #carousel_1 .carousel-caption {
    position: static;
    padding: 20px 5% 30px;
    background-color: #eaeaea;
    transform: none;
    width: 100%;
  }
  #carousel_1 .carousel-caption .title {
    font-size: 32px;
    color: #00a2f3;
    text-shadow: none;
  }
  #carousel_1 .carousel-caption .subtitle {
    font-size: 26px;
    font-weight: 500;
    color: #666;
    text-shadow: none;
    margin-bottom: 15px;
  }
  #carousel_1 .carousel-caption .btn-custom {
    margin-top: 25px;
    font-size: 18px;
    display: block;
    text-align: center;
  }
  #carousel_1 .carousel-caption br {
    display: none;
  }
  #carousel_1 img {
    height: 35vh;
    object-fit: cover;
    object-position: right;
  }
}

.fadeIn {
  opacity: 0;
  animation: 0.75s fadeIn forwards;
  animation-iteration-count: 1;
}

.animation-1 {
  animation-delay: 3s;
}

.animation-2 {
  animation-delay: 3.75s;
}

.animation-3 {
  animation-delay: 4.5s;
}

/**  BLOG **/
/**  Títol assota previes blog **/
.blog-posts article {
  display: inline-flex;
}

/**  Blog amb columnat de 3  **/
.blog-posts article {
  max-width: 33%;
}
@media (max-width: 992px) {
  .blog-posts article {
    max-width: 50%;
  }
}
@media (max-width: 768px) {
  .blog-posts article {
    max-width: 100%;
  }
}

/* Titols blogs aliniat a la esquerra */
.widget_recentBlogPosts .carousel_container .owl-carousel-wrapper .owl-carousel .item .title {
  text-align: left;
}

/* Paginador del blog */
.blog-posts .paginator {
  display: block;
}

.blog-posts article {
  display: inline-flex;
}

/* Topos noticias blog */
.nav-pills li.active > a:before, .nav-stacked li.active > a:before,
.nav-pills li a:hover:before, .nav-stacked li a:hover:before,
.list-group-item.active > a:before,
.list-group-item a:hover:before {
  background-color: #00a2f3;
  border-color: #00a2f3;
}

/* Previes blog */
.blog-posts article header h2 {
  font-size: 20px;
  line-height: 1.1;
  margin: 10px 0 0;
}
.blog-posts article .post-content {
  font-size: 16px;
  line-height: 1.2;
  padding-top: 1;
}

/* Newsletter */
#container-comp3_main-newsletter .widget_newsletterSubscribe {
  color: #fff;
}

.widget_newsletterSubscribe form {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.widget_newsletterSubscribe form .form-group {
  margin-bottom: 0;
}
.widget_newsletterSubscribe form .form-group .form-control {
  height: 38px;
}
.widget_newsletterSubscribe form .form-group .help-block {
  display: none;
}
.widget_newsletterSubscribe form .form-group .checkbox {
  margin-left: -15px;
  margin-right: -15px;
  text-align: left;
}

/* 	Espais footer */
footer .site_footer #container-site_footer > .widget_composition > .compositionContainer {
  padding-left: 30px;
  padding-right: 30px;
}

/* 	Juntar el .btn ja creat amb el del caption, no utilitzar .btn-custom. */
/* 	Millorar carousel caption en mòbil, posicionar boto mute al video i mes petitet */
@media (max-width: 768px) {
  .carousel-caption .title {
    margin-top: 0;
  }
}
/* Lateral */
.blog_view .main_container, .category_post_view .main_container, .post_view .main_container, .category_view .main_container {
  background-color: #f2f2f2;
  margin: 0;
  padding-bottom: 0;
}
.blog_view .main_container > .row, .category_post_view .main_container > .row, .post_view .main_container > .row, .category_view .main_container > .row {
  position: relative;
}
.blog_view .main_container aside, .category_post_view .main_container aside, .post_view .main_container aside, .category_view .main_container aside {
  margin-top: 60px;
  padding-left: 60px;
  padding-right: 60px;
}
.blog_view .main_container aside .widget_title, .category_post_view .main_container aside .widget_title, .post_view .main_container aside .widget_title, .category_view .main_container aside .widget_title {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 24px;
  text-transform: uppercase;
  color: #00a2f3;
}
@media (max-width: 768px) {
  .blog_view .main_container aside, .category_post_view .main_container aside, .post_view .main_container aside, .category_view .main_container aside {
    margin-top: 0px;
  }
}
@media (min-width: 768px) {
  .blog_view .main_container aside, .category_post_view .main_container aside, .post_view .main_container aside, .category_view .main_container aside {
    width: 25%;
  }
}
@media (min-width: 769px) {
  .blog_view .main_container > .row::before, .category_post_view .main_container > .row::before, .post_view .main_container > .row::before, .category_view .main_container > .row::before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 25%;
    background-color: #fff;
  }
  .blog_view .main_container main, .category_post_view .main_container main, .post_view .main_container main, .category_view .main_container main {
    background-color: #fff;
    padding-top: 20px !important;
    padding-bottom: 100px !important;
  }
  .blog_view .main_container main.col-lg-9, .category_post_view .main_container main.col-lg-9, .post_view .main_container main.col-lg-9, .category_view .main_container main.col-lg-9 {
    padding-left: 5% !important;
    padding-right: 5% !important;
  }
  .blog_view .carousel-outercontainer .item::after, .category_post_view .carousel-outercontainer .item::after, .post_view .carousel-outercontainer .item::after, .category_view .carousel-outercontainer .item::after {
    content: "";
    display: block;
    width: 25%;
    background-color: #f2f2f2;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: -1;
    pointer-events: none;
  }
}

/* Catàleg i productes */
body .product .view-mode-grid .offer_mark {
  display: none;
}
body .product .view-mode-grid .highlighted_tag {
  max-width: 70px;
}
body .product .view-mode-grid .product_thumbnail > a .photo {
  height: auto !important;
}
body .product .view-mode-grid .product_thumbnail > a .photo > img {
  padding: 0 !important;
}
body .product .view-mode-grid .product_thumbnail .caption {
  height: auto !important;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
body .product .view-mode-grid .product_thumbnail .caption > a {
  margin: 5px 0 !important;
  order: 1;
}
body .product .view-mode-grid .product_thumbnail .caption > a > h3 {
  margin: 0px;
  font-size: 0.85em;
  font-weight: 700;
}
body .product .view-mode-grid .product_thumbnail .caption .product-features {
  justify-content: space-between !important;
  order: 3;
  width: 100%;
}
body .product .view-mode-grid .product_thumbnail .caption .reference {
  display: none !important;
}
body .product .view-mode-grid .product_thumbnail .caption .subtitle {
  order: 2;
  margin: 5px 0;
}
body .product .view-mode-grid .product_thumbnail .footer .price_box {
  /*                     justify-content: end; */
  /*                     .original_price{
      font-weight: bold;
      color: $grisFosc !important;
      text-decoration: none !important;
      display: flex;
      flex-direction: column;
      &::before{
      content: "PREU COMPTAT:";
      font-size: 14px;
  }
      .plabel{ display: none; }
      .value{
      color: #4d4d4d;
      font-size: 22px;
  }
  } */
}
body .product .view-mode-grid .product_thumbnail .footer .price_box .final_price {
  font-weight: 700;
  display: flex;
  flex-direction: column;
  /*                         &::before{
      content: "PREU FINANÇAT:";
      font-size: 14px;
      color: $grisFosc !important;
  } */
}
body .product .view-mode-grid .product_thumbnail .footer .price_box .final_price .plabel {
  font-size: 14px;
  display: block;
  color: #111;
}
body .product .view-mode-grid .product_thumbnail .footer .price_box .final_price .value {
  color: #fe452e;
  font-size: 22px;
  text-shadow: 0 0 1px #fe452e;
}
body .product .view-mode-grid .product_thumbnail .footer .price_box .discount {
  display: none !important;
}
body .product .view-mode-grid .product_thumbnail .footer .price_box .vat_msg {
  display: none !important;
}
body .product .view-mode-grid .product_thumbnail .footer .buttons {
  display: none;
}
body.category_product_show #product_detailed .offer_mark, body.product_show #product_detailed .offer_mark {
  display: none !important;
}
body.category_product_show #product_detailed #features .features table tbody tr td, body.product_show #product_detailed #features .features table tbody tr td {
  border-top: none;
}
body.category_product_show #product_detailed #features .features table tbody tr td:nth-child(1), body.product_show #product_detailed #features .features table tbody tr td:nth-child(1) {
  font-weight: bold;
}
body.category_product_show #product_detailed .price_box .final_price, body.product_show #product_detailed .price_box .final_price {
  font-weight: 900;
  /*                     &::before{
      content: "PREU:";
  } */
  /*                     .plabel{ display: none; } */
}
body.category_product_show #product_detailed .price_box .final_price .value, body.product_show #product_detailed .price_box .final_price .value {
  color: #fe452e;
  text-shadow: 0 0 1px #fe452e;
}
body.category_product_show #product_detailed .price_box .original_price, body.product_show #product_detailed .price_box .original_price {
  display: none;
  /*                     font-weight: bold;
      &::before{
      content: "PREU COMPTAT:";
  }
      .plabel{ display: none; }
      .value{
      color: #4d4d4d;
  } */
}
body.category_product_show #product_detailed .price_box .discount, body.product_show #product_detailed .price_box .discount {
  display: none !important;
}
body.category_product_show #product_detailed .price_box .vat_msg, body.product_show #product_detailed .price_box .vat_msg {
  display: none !important;
}
body.category_product_show #product_detailed .tagValues .tagValue, body.product_show #product_detailed .tagValues .tagValue {
  margin-top: 15px;
  margin-right: 0;
  text-align: left;
  font-weight: 400;
  /*                 span{ display: none !important; } */
}
body.category_product_show #product_detailed .tagValues .tagValue.no-image, body.product_show #product_detailed .tagValues .tagValue.no-image {
  background-color: #111;
  padding: 30px;
  color: #fff;
}
body.category_product_show #product_detailed a.product-contact, body.product_show #product_detailed a.product-contact {
  display: none !important;
}
body.category_product_show #product_detailed #features h2, body.product_show #product_detailed #features h2 {
  font-size: 20px;
}
body.category_product_show #product_detailed .product-details .product .name, body.product_show #product_detailed .product-details .product .name {
  font-size: 25px;
}
body.category_product_show #product_detailed .product-details .product .brand-name, body.product_show #product_detailed .product-details .product .brand-name {
  font-weight: 700;
}
body .product-descriptions-row {
  margin-top: 30px;
}
body .product-descriptions-row .product-descriptions {
  padding-right: 15px;
}
@media (max-width: 992px) {
  body .product-descriptions-row {
    flex-direction: column;
  }
}
body .product-descriptions-row .short_desc, body .product-descriptions-row #long_desc, body .product-descriptions-row .extra-description {
  border: none;
}
body .product-descriptions-row #long_desc, body .product-descriptions-row .extra-description {
  padding: 40px;
}
body .product-descriptions-row #long_desc h2, body .product-descriptions-row .extra-description h2 {
  margin-top: 0;
}
body .product-descriptions-row .short_desc {
  min-height: 60px;
  font-size: 22px;
  padding: 0;
}
@media (min-width: 769px) {
  body .product-descriptions-row .short_desc {
    padding-left: 40px;
    padding-right: 40px;
  }
}
body .product-descriptions-row #long_desc {
  background-color: #e9e9e9;
  color: #111;
  margin-bottom: 0;
}
body .product-descriptions-row .extra-description {
  margin-top: 15px;
}
body .product-descriptions-row .extra-description h2 {
  font-weight: 700;
}
body .product-descriptions-row .extra-description-0 {
  background-color: #d9d9d9;
}
body .product-descriptions-row .extra-description-1 {
  background-color: #c9c9c9;
}
body .product-descriptions-row .product-form {
  border: none;
  background-color: #00a2f3;
  margin-top: 90px;
}
@media (max-width: 768px) {
  body .product-descriptions-row .product-form {
    margin-top: 15px;
  }
}
body .product-descriptions-row .product-form .contact-form form .ctext-form {
  /*                     color: #fff; */
}
body .product-descriptions-row .product-form .contact-form form .form-group {
  display: flex;
  flex-direction: column;
}
body .product-descriptions-row .product-form .contact-form form .form-group label {
  width: 100%;
  text-align: left;
  /*                         color: #fff; */
}
body .product-descriptions-row .product-form .contact-form form .form-group label > a {
  /*                             color: #fff; */
  text-decoration: underline;
}
body .product-descriptions-row .product-form .contact-form form .form-group > div {
  width: 100%;
  margin-left: 0;
}
body .product-descriptions-row .product-form #formularivehicles_submit {
  width: 100%;
  background: #000;
  border: none;
}

#product_detailed .dp-gallery.limit-height .image-gallery-content:not(.fullscreen) .image-gallery-slide-wrapper img {
  aspect-ratio: 4/3;
  object-fit: cover;
  max-height: 100% !important;
  width: 100% !important;
  height: auto;
}

.category_product_show #product_detailed .final_price {
  display: flex;
  flex-direction: column;
}
@media (min-width: 769px) {
  .category_product_show #product_detailed .final_price .value {
    font-size: 28px;
    font-weight: bold;
  }
}

@media (max-width: 768px) {
  body.category_product_show .main_container {
    margin-left: 15px;
    margin-right: 15px;
  }
  body.category_product_show .product-descriptions-row .product-descriptions {
    padding-left: 0;
    padding-right: 0;
  }
  body.category_product_show #product_detailed .product-details .brand {
    max-width: 100px;
    margin: 0;
    float: right;
  }
  body.category_product_show #product_detailed .product-photos {
    padding-left: 0;
    padding-right: 0;
  }
  body.category_product_show .image-gallery-slide-wrapper.image-gallery-thumbnails-left,
  body.category_product_show .image-gallery-slide-wrapper.image-gallery-thumbnails-right {
    width: 100% !important;
  }
  .btn-go-back {
    left: -30px;
  }
}
/* Titulars seccions */
.titulo-seccion {
  position: relative;
  display: inline-block; /* Ajusta el ancho al texto */
  margin-bottom: 25px; /* Espacio inferior general */
}

.titulo-seccion::after {
  content: "";
  position: absolute;
  bottom: -15px; /* Espacio entre texto y línea */
  left: 50%; /* Punto central */
  transform: translateX(-50%); /* Centrado perfecto */
  width: 80%; /* Ancho de la línea en escritorio */
  height: 4px; /* Grosor */
  background-color: #00a2f3; /* Color personalizable */
}

@media (max-width: 768px) {
  .titulo-seccion::after {
    width: 60%; /* Línea más corta en móvil */
    height: 3px; /* Opcional: un poco más fina */
  }
}
/* Titulars i subtitulars apartats seccions */
body .titular-apartado-seccion {
  font-weight: 800;
  margin-bottom: 20px;
  line-height: 0.7;
}
@media (max-width: 768px) {
  body .titular-apartado-seccion {
    line-height: 0.9;
  }
}
body .subtitular-apartado-seccion {
  font-weight: 300;
  margin-top: 15px;
  margin-bottom: 20px;
  line-height: 1;
}
@media (max-width: 768px) {
  body .subtitular-apartado-seccion {
    line-height: 0.9;
  }
}
body h2.titular-apartado-seccion {
  font-size: 35px;
}
body h3.subtitular-apartado-seccion {
  font-size: 25px;
}

/* Titulars compos */
.title-compo {
  margin-bottom: 0 !important;
}

.sub-title-compo {
  margin-top: 0 !important;
  font-size: 35px;
  font-weight: 400;
}
@media (max-width: 768px) {
  .sub-title-compo {
    font-size: 25px;
    font-weight: 400;
  }
}

/* llista motius vendre meu cotxe */
.venta li {
  line-height: 1.5em;
  font-size: 20px;
  margin-bottom: 12px;
}
.venta li::marker {
  color: #00a2f3;
  font-size: 1em;
}

/**  Centrar textos blocs  **/
#container-comp1_main-2 .widgetsContainer > div > .widget_customizableText {
  display: block;
  align-items: center;
  padding: 50px 20px 50px;
}
@media (min-width: 768px) {
  #container-comp1_main-2 .widgetsContainer {
    display: flex;
  }
  #container-comp1_main-2 .widgetsContainer > div {
    display: flex;
    padding: 0;
    align-items: center;
  }
  #container-comp1_main-2 .widgetsContainer > div > div {
    margin: 0;
    width: 100%;
  }
  #container-comp1_main-2 .widgetsContainer > div .widget_customizableText {
    padding: 0 15%;
  }
}

/**  Centrar textos serveis  **/
#container-comp31_main-3 .widgetsContainer > div, #container-comp31_main-4 .widgetsContainer > div, #container-comp31_main-5 .widgetsContainer > div, #container-comp31_main-6 .widgetsContainer > div,
#container-comp31_main-7 .widgetsContainer > div, #container-comp31_main-8 .widgetsContainer > div, #container-comp31_main-9 .widgetsContainer > div, #container-comp34_main-3 .widgetsContainer > div,
#container-comp38_main-2 .widgetsContainer > div, #container-comp38_main-5 .widgetsContainer > div {
  align-content: center;
}
#container-comp31_main-3 .widgetsContainer > div > .widget_customizableText, #container-comp31_main-4 .widgetsContainer > div > .widget_customizableText, #container-comp31_main-5 .widgetsContainer > div > .widget_customizableText, #container-comp31_main-6 .widgetsContainer > div > .widget_customizableText,
#container-comp31_main-7 .widgetsContainer > div > .widget_customizableText, #container-comp31_main-8 .widgetsContainer > div > .widget_customizableText, #container-comp31_main-9 .widgetsContainer > div > .widget_customizableText, #container-comp34_main-3 .widgetsContainer > div > .widget_customizableText,
#container-comp38_main-2 .widgetsContainer > div > .widget_customizableText, #container-comp38_main-5 .widgetsContainer > div > .widget_customizableText {
  display: block;
  padding: 50px max(30px, 10%);
}
#container-comp31_main-3 .widgetsContainer > div > .widget_customizableText h3, #container-comp31_main-4 .widgetsContainer > div > .widget_customizableText h3, #container-comp31_main-5 .widgetsContainer > div > .widget_customizableText h3, #container-comp31_main-6 .widgetsContainer > div > .widget_customizableText h3,
#container-comp31_main-7 .widgetsContainer > div > .widget_customizableText h3, #container-comp31_main-8 .widgetsContainer > div > .widget_customizableText h3, #container-comp31_main-9 .widgetsContainer > div > .widget_customizableText h3, #container-comp34_main-3 .widgetsContainer > div > .widget_customizableText h3,
#container-comp38_main-2 .widgetsContainer > div > .widget_customizableText h3, #container-comp38_main-5 .widgetsContainer > div > .widget_customizableText h3 {
  margin-top: 0;
}
#container-comp31_main-3 .widgetsContainer > div > .widget_carousel, #container-comp31_main-3 .widgetsContainer > div > .widget_carousel > *, #container-comp31_main-3 .widgetsContainer > div > .widget_carousel .carousel_container, #container-comp31_main-3 .widgetsContainer > div > .widget_carousel .carousel, #container-comp31_main-3 .widgetsContainer > div > .widget_carousel .carousel-inner, #container-comp31_main-3 .widgetsContainer > div > .widget_carousel .item, #container-comp31_main-3 .widgetsContainer > div > .widget_carousel .item > *, #container-comp31_main-4 .widgetsContainer > div > .widget_carousel, #container-comp31_main-4 .widgetsContainer > div > .widget_carousel > *, #container-comp31_main-4 .widgetsContainer > div > .widget_carousel .carousel_container, #container-comp31_main-4 .widgetsContainer > div > .widget_carousel .carousel, #container-comp31_main-4 .widgetsContainer > div > .widget_carousel .carousel-inner, #container-comp31_main-4 .widgetsContainer > div > .widget_carousel .item, #container-comp31_main-4 .widgetsContainer > div > .widget_carousel .item > *, #container-comp31_main-5 .widgetsContainer > div > .widget_carousel, #container-comp31_main-5 .widgetsContainer > div > .widget_carousel > *, #container-comp31_main-5 .widgetsContainer > div > .widget_carousel .carousel_container, #container-comp31_main-5 .widgetsContainer > div > .widget_carousel .carousel, #container-comp31_main-5 .widgetsContainer > div > .widget_carousel .carousel-inner, #container-comp31_main-5 .widgetsContainer > div > .widget_carousel .item, #container-comp31_main-5 .widgetsContainer > div > .widget_carousel .item > *, #container-comp31_main-6 .widgetsContainer > div > .widget_carousel, #container-comp31_main-6 .widgetsContainer > div > .widget_carousel > *, #container-comp31_main-6 .widgetsContainer > div > .widget_carousel .carousel_container, #container-comp31_main-6 .widgetsContainer > div > .widget_carousel .carousel, #container-comp31_main-6 .widgetsContainer > div > .widget_carousel .carousel-inner, #container-comp31_main-6 .widgetsContainer > div > .widget_carousel .item, #container-comp31_main-6 .widgetsContainer > div > .widget_carousel .item > *,
#container-comp31_main-7 .widgetsContainer > div > .widget_carousel,
#container-comp31_main-7 .widgetsContainer > div > .widget_carousel > *,
#container-comp31_main-7 .widgetsContainer > div > .widget_carousel .carousel_container,
#container-comp31_main-7 .widgetsContainer > div > .widget_carousel .carousel,
#container-comp31_main-7 .widgetsContainer > div > .widget_carousel .carousel-inner,
#container-comp31_main-7 .widgetsContainer > div > .widget_carousel .item,
#container-comp31_main-7 .widgetsContainer > div > .widget_carousel .item > *, #container-comp31_main-8 .widgetsContainer > div > .widget_carousel, #container-comp31_main-8 .widgetsContainer > div > .widget_carousel > *, #container-comp31_main-8 .widgetsContainer > div > .widget_carousel .carousel_container, #container-comp31_main-8 .widgetsContainer > div > .widget_carousel .carousel, #container-comp31_main-8 .widgetsContainer > div > .widget_carousel .carousel-inner, #container-comp31_main-8 .widgetsContainer > div > .widget_carousel .item, #container-comp31_main-8 .widgetsContainer > div > .widget_carousel .item > *, #container-comp31_main-9 .widgetsContainer > div > .widget_carousel, #container-comp31_main-9 .widgetsContainer > div > .widget_carousel > *, #container-comp31_main-9 .widgetsContainer > div > .widget_carousel .carousel_container, #container-comp31_main-9 .widgetsContainer > div > .widget_carousel .carousel, #container-comp31_main-9 .widgetsContainer > div > .widget_carousel .carousel-inner, #container-comp31_main-9 .widgetsContainer > div > .widget_carousel .item, #container-comp31_main-9 .widgetsContainer > div > .widget_carousel .item > *, #container-comp34_main-3 .widgetsContainer > div > .widget_carousel, #container-comp34_main-3 .widgetsContainer > div > .widget_carousel > *, #container-comp34_main-3 .widgetsContainer > div > .widget_carousel .carousel_container, #container-comp34_main-3 .widgetsContainer > div > .widget_carousel .carousel, #container-comp34_main-3 .widgetsContainer > div > .widget_carousel .carousel-inner, #container-comp34_main-3 .widgetsContainer > div > .widget_carousel .item, #container-comp34_main-3 .widgetsContainer > div > .widget_carousel .item > *,
#container-comp38_main-2 .widgetsContainer > div > .widget_carousel,
#container-comp38_main-2 .widgetsContainer > div > .widget_carousel > *,
#container-comp38_main-2 .widgetsContainer > div > .widget_carousel .carousel_container,
#container-comp38_main-2 .widgetsContainer > div > .widget_carousel .carousel,
#container-comp38_main-2 .widgetsContainer > div > .widget_carousel .carousel-inner,
#container-comp38_main-2 .widgetsContainer > div > .widget_carousel .item,
#container-comp38_main-2 .widgetsContainer > div > .widget_carousel .item > *, #container-comp38_main-5 .widgetsContainer > div > .widget_carousel, #container-comp38_main-5 .widgetsContainer > div > .widget_carousel > *, #container-comp38_main-5 .widgetsContainer > div > .widget_carousel .carousel_container, #container-comp38_main-5 .widgetsContainer > div > .widget_carousel .carousel, #container-comp38_main-5 .widgetsContainer > div > .widget_carousel .carousel-inner, #container-comp38_main-5 .widgetsContainer > div > .widget_carousel .item, #container-comp38_main-5 .widgetsContainer > div > .widget_carousel .item > * {
  height: 100%;
}
#container-comp31_main-3 .widgetsContainer > div > .widget_carousel .item img, #container-comp31_main-4 .widgetsContainer > div > .widget_carousel .item img, #container-comp31_main-5 .widgetsContainer > div > .widget_carousel .item img, #container-comp31_main-6 .widgetsContainer > div > .widget_carousel .item img,
#container-comp31_main-7 .widgetsContainer > div > .widget_carousel .item img, #container-comp31_main-8 .widgetsContainer > div > .widget_carousel .item img, #container-comp31_main-9 .widgetsContainer > div > .widget_carousel .item img, #container-comp34_main-3 .widgetsContainer > div > .widget_carousel .item img,
#container-comp38_main-2 .widgetsContainer > div > .widget_carousel .item img, #container-comp38_main-5 .widgetsContainer > div > .widget_carousel .item img {
  object-fit: cover;
}
@media (max-width: 768px) {
  #container-comp31_main-3, #container-comp31_main-4, #container-comp31_main-5, #container-comp31_main-6,
  #container-comp31_main-7, #container-comp31_main-8, #container-comp31_main-9, #container-comp34_main-3,
  #container-comp38_main-2, #container-comp38_main-5 {
    /*         .widgetsContainer > div { margin-bottom: 0; } */
  }
  #container-comp31_main-3 .widgetsContainer, #container-comp31_main-4 .widgetsContainer, #container-comp31_main-5 .widgetsContainer, #container-comp31_main-6 .widgetsContainer,
  #container-comp31_main-7 .widgetsContainer, #container-comp31_main-8 .widgetsContainer, #container-comp31_main-9 .widgetsContainer, #container-comp34_main-3 .widgetsContainer,
  #container-comp38_main-2 .widgetsContainer, #container-comp38_main-5 .widgetsContainer {
    display: flex;
  }
  #container-comp31_main-3 .widgetsContainer > div, #container-comp31_main-4 .widgetsContainer > div, #container-comp31_main-5 .widgetsContainer > div, #container-comp31_main-6 .widgetsContainer > div,
  #container-comp31_main-7 .widgetsContainer > div, #container-comp31_main-8 .widgetsContainer > div, #container-comp31_main-9 .widgetsContainer > div, #container-comp34_main-3 .widgetsContainer > div,
  #container-comp38_main-2 .widgetsContainer > div, #container-comp38_main-5 .widgetsContainer > div {
    display: flex;
    padding: 0;
    align-items: center;
  }
  #container-comp31_main-3 .widgetsContainer > div > div, #container-comp31_main-4 .widgetsContainer > div > div, #container-comp31_main-5 .widgetsContainer > div > div, #container-comp31_main-6 .widgetsContainer > div > div,
  #container-comp31_main-7 .widgetsContainer > div > div, #container-comp31_main-8 .widgetsContainer > div > div, #container-comp31_main-9 .widgetsContainer > div > div, #container-comp34_main-3 .widgetsContainer > div > div,
  #container-comp38_main-2 .widgetsContainer > div > div, #container-comp38_main-5 .widgetsContainer > div > div {
    margin: 0;
    width: 100%;
  }
  #container-comp31_main-3 .widgetsContainer > div .widget_customizableText, #container-comp31_main-4 .widgetsContainer > div .widget_customizableText, #container-comp31_main-5 .widgetsContainer > div .widget_customizableText, #container-comp31_main-6 .widgetsContainer > div .widget_customizableText,
  #container-comp31_main-7 .widgetsContainer > div .widget_customizableText, #container-comp31_main-8 .widgetsContainer > div .widget_customizableText, #container-comp31_main-9 .widgetsContainer > div .widget_customizableText, #container-comp34_main-3 .widgetsContainer > div .widget_customizableText,
  #container-comp38_main-2 .widgetsContainer > div .widget_customizableText, #container-comp38_main-5 .widgetsContainer > div .widget_customizableText {
    padding: 50px 10%;
  }
  #container-comp31_main-3:nth-child(odd) .widgetsContainer > div:nth-child(2), #container-comp31_main-4:nth-child(odd) .widgetsContainer > div:nth-child(2), #container-comp31_main-5:nth-child(odd) .widgetsContainer > div:nth-child(2), #container-comp31_main-6:nth-child(odd) .widgetsContainer > div:nth-child(2),
  #container-comp31_main-7:nth-child(odd) .widgetsContainer > div:nth-child(2), #container-comp31_main-8:nth-child(odd) .widgetsContainer > div:nth-child(2), #container-comp31_main-9:nth-child(odd) .widgetsContainer > div:nth-child(2), #container-comp34_main-3:nth-child(odd) .widgetsContainer > div:nth-child(2),
  #container-comp38_main-2:nth-child(odd) .widgetsContainer > div:nth-child(2), #container-comp38_main-5:nth-child(odd) .widgetsContainer > div:nth-child(2) {
    order: -1;
  }
}

/**  Centrar textos seguros y financiacion  **/
#container-comp31_main-11 .widgetsContainer > div {
  align-content: center;
}
#container-comp31_main-11 .widgetsContainer > div > .widget_customizableText {
  display: block;
  padding: 40px 8% 60px 5%;
}
@media (max-width: 768px) {
  #container-comp31_main-11 .widgetsContainer {
    display: flex;
  }
  #container-comp31_main-11 .widgetsContainer > div {
    display: flex;
    padding: 0;
    align-items: center;
  }
  #container-comp31_main-11 .widgetsContainer > div > div {
    margin: 0;
    width: 100%;
  }
  #container-comp31_main-11 .widgetsContainer > div .widget_customizableText {
    padding: 20px 10% 50px;
  }
}

/**  Control carrusel multiple prim  **/
.owl-carousel-wrapper .owl-carousel .owl-nav {
  opacity: 1 !important;
}
.owl-carousel-wrapper .owl-carousel .owl-nav .owl-prev, .owl-carousel-wrapper .owl-carousel .owl-nav .owl-next {
  font-size: 50px;
  text-shadow: none;
  color: #00a2f3;
}
.owl-carousel-wrapper .owl-carousel .owl-nav .owl-prev {
  left: -60px;
}
.owl-carousel-wrapper .owl-carousel .owl-nav .owl-next {
  right: -60px;
}
@media (max-width: 768px) {
  .owl-carousel-wrapper .owl-carousel .owl-nav {
    display: none;
  }
}

@media (min-width: 1850px) {
  .owl-carousel-wrapper .owl-carousel.product_list .owl-nav .owl-next {
    right: 0;
  }
}

/* Vendre el teu coche formulari */
#container-comp16_main-6 > .widgetsContainer > div,
#container-comp20_main-6 > .widgetsContainer > div,
#container-comp28_main-5 > .widgetsContainer > div {
  margin: -100px 0 auto;
  background-color: #e2e2e2;
  border-radius: 20px;
  padding: 60px;
  width: clamp(350px, 75vw, 1150px);
}
#container-comp16_main-6 > .widgetsContainer > div h2,
#container-comp20_main-6 > .widgetsContainer > div h2,
#container-comp28_main-5 > .widgetsContainer > div h2 {
  margin-top: 0;
}
#container-comp16_main-6 > .widgetsContainer > div .panel-default,
#container-comp20_main-6 > .widgetsContainer > div .panel-default,
#container-comp28_main-5 > .widgetsContainer > div .panel-default {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
#container-comp16_main-6 > .widgetsContainer > div .panel-default > .panel-heading,
#container-comp20_main-6 > .widgetsContainer > div .panel-default > .panel-heading,
#container-comp28_main-5 > .widgetsContainer > div .panel-default > .panel-heading {
  background-color: transparent;
  color: #00a2f3;
  border: none;
  text-transform: uppercase;
  padding: 10px 0;
  font-size: 20px;
}
@media (max-width: 768px) {
  #container-comp16_main-6 > .widgetsContainer > div,
  #container-comp20_main-6 > .widgetsContainer > div,
  #container-comp28_main-5 > .widgetsContainer > div {
    padding: 30px;
    margin-top: 75px;
  }
  #container-comp16_main-6 > .widgetsContainer > div .form-horizontal .form-group,
  #container-comp20_main-6 > .widgetsContainer > div .form-horizontal .form-group,
  #container-comp28_main-5 > .widgetsContainer > div .form-horizontal .form-group {
    display: flex;
    flex-direction: column;
  }
  #container-comp16_main-6 > .widgetsContainer > div .form-horizontal .form-group > *,
  #container-comp20_main-6 > .widgetsContainer > div .form-horizontal .form-group > *,
  #container-comp28_main-5 > .widgetsContainer > div .form-horizontal .form-group > * {
    width: 100%;
  }
}

/* Banners valors home */
.iconvalors {
  display: flex;
  align-items: flex-start;
  background-color: #e4e4e4;
  border-radius: 10px;
  padding: 50px; /* Ajusta el valor según sea necesario */
  transition: transform 0.3s ease; /* Animación suave */
}
.iconvalors h3 {
  margin: -4px 0 20px;
  font-size: 30px;
}
.iconvalors h3 .highlight {
  color: #00a2f3;
}
.iconvalors img {
  width: 50px; /* Ajusta el tamaño de la imagen según tus necesidades */
  height: auto; /* Para mantener la proporción original de la imagen */
  margin-right: 20px; /* Espaciado entre la imagen y el texto */
}
.iconvalors p {
  font-size: 16px;
  margin: 0; /* Elimina el margen predeterminado del párrafo */
}

.iconvalors:hover {
  transform: scale(1.05); /* Aplica el zoom al hacer hover */
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); /* Sombra tenue */
}

/* Especial valores home mobil */
@media (max-width: 768px) {
  .iconvalors {
    flex-direction: column;
  }
  .iconvalors > img {
    margin-bottom: 40px;
  }
}
/* Galeria mosaic amb efecte */
.gallery_container > .gallery-mosaic > div a .photo {
  overflow: hidden;
  /*             box-shadow: 0 0 2px #222; */
}
.gallery_container > .gallery-mosaic > div a .photo .overlay {
  background-color: transparent;
  position: relative;
  opacity: 1 !important;
}
.gallery_container > .gallery-mosaic > div a .photo .overlay i {
  margin: 30px 30px auto auto;
  opacity: 0;
  transition: 1s ease;
  text-shadow: 0 0 2px #444;
}
.gallery_container > .gallery-mosaic > div a .photo .overlay::before, .gallery_container > .gallery-mosaic > div a .photo .overlay::after {
  content: "";
  position: absolute;
  height: 0;
  width: 0;
  background-color: #fff;
  transition: 1.4s ease;
  opacity: 0.8;
}
.gallery_container > .gallery-mosaic > div a .photo .overlay::before {
  top: 0;
  right: 0;
  border-bottom-left-radius: 20px;
}
.gallery_container > .gallery-mosaic > div a .photo .overlay::after {
  border-top-right-radius: 20px;
  bottom: 0;
  left: 0;
}
.gallery_container > .gallery-mosaic > div a .photo:hover .overlay i {
  opacity: 1;
}
.gallery_container > .gallery-mosaic > div a .photo:hover .overlay::before, .gallery_container > .gallery-mosaic > div a .photo:hover .overlay::after {
  opacity: 0;
  width: 100%;
  height: 100%;
}
.gallery_container > .gallery-mosaic::before, .gallery_container > .gallery-mosaic::after {
  content: unset;
}

.sideline {
  border-left: 1px solid currentColor;
  padding-left: 30px;
  margin-top: 30px;
  margin-bottom: 40px;
}

/* Animació carrusel marques */
.sidescroll {
  overflow: hidden;
  position: relative;
}
.sidescroll > * {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  line-height: 60px;
  text-align: center;
  white-space: nowrap;
  animation-duration: 15s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  font-size: 60px;
  font-weight: 800;
  color: #00a2f3;
}
.sidescroll img {
  filter: grayscale(1);
  transition: 0.4s ease;
}
.sidescroll img:hover {
  filter: unset;
}
@media (min-width: 769px) {
  .sidescroll {
    min-height: max(160px, 8vw);
  }
  .sidescroll > * {
    animation-name: leftScroll;
  }
  .sidescroll img {
    max-width: 16.6666666667%;
  }
}
@media (max-width: 768px) {
  .sidescroll {
    height: max(75px, 15vw);
  }
  .sidescroll img {
    max-width: 33.3333333333%;
  }
  .sidescroll > * {
    animation-name: leftScrollPhone;
  }
}

@keyframes leftScroll {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-150%);
  }
}
@keyframes leftScrollPhone {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-300%);
  }
}
/* Espais compos */
#container-comp1_main-11 .widgetsContainer > div {
  padding: 0;
}

#container-comp31_main-10 .widgetsContainer > div {
  padding-left: 0;
  padding-right: 0;
}

/* Foto superposada contenidor l'empresa */
@media (min-width: 769px) {
  #container-comp34_main-3 {
    margin-top: -100px;
    margin-bottom: -100px;
  }
}
/* Fletxa superposada contenidor l'empresa */
@media (min-width: 769px) {
  #container-comp34_main-9 {
    margin-top: -120px;
    margin-bottom: -120px;
  }
}
/* Fons gris carrusels */
@media (min-width: 769px) {
  #carousel_37 .item::after, #carousel_58 .item::after {
    content: "";
    display: block;
    background-color: #f8f8f8;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    pointer-events: none;
  }
}
/* Animació fletxa */
.flechas {
  width: 75%;
  height: auto;
  display: block !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  float: left;
  animation: oscilacion 2s ease-in-out infinite;
}

/* Definición del movimiento sube y baja flechas*/
@keyframes oscilacion {
  0%, 100% {
    transform: translateY(0); /* Posición inicial */
  }
  50% {
    transform: translateY(-15px); /* Sube 15 píxeles */
  }
}
/* Proceso importación */
/* Acordio */
.accordion {
  overflow: hidden;
  cursor: pointer;
}
.accordion .accordion-title {
  font-size: 22px;
  color: #00a2f3;
  font-weight: bold;
}
.accordion .accordion-title::before {
  content: "+";
  display: inline-block;
  margin-right: 10px;
  font-weight: 500;
  font-family: monospace;
  font-size: 16px;
}
.accordion .accordion-content {
  margin-top: 30px;
  margin-bottom: 30px;
  padding-left: 25px;
  display: none;
  font-size: 18px;
}
.accordion.active .accordion-title::before {
  content: "-";
}