::selection {
  background: var(--main-color-hexa);
}

.main-header .container .item .left .main-logo.desktop span,
.main-header .container .item .right .link-tel span,
.index .desktop .servicios > .title span,
.index .desktop .caracteristicas .box .copy .title span,
.index .desktop .opiniones .title,
.index .desktop .opiniones .testimonios__item > .title,
.index .desktop .opiniones .testimonios .slick-arrow,
.index .desktop .opiniones .container .item > .title,
.index .desktop .contacto .box > h2,
.index .desktop .call-action .text1 span,
.gracias .desktop .call-action .text1 span,
.modal-politica-privacidad .content .box .title,
.modal-politica-cookies .content .box .title,
.modal-aviso-legal .content .box .title,
.index .desktop .copy-mobile .title,
.index .desktop .ofertas-mobile .slick-arrow,
.index .desktop .contacto .box > div .location .container .item .mobile .text .title,
.index .desktop .opiniones .puntuacion .stars span,
.main-header .container .item .left .main-logo.mobile span {
  color: var(--main-color-hexa);
}

.index .desktop .opiniones .puntuacion .stars svg {
  fill: var(--main-color-hexa);
}

.index .desktop .call-action .text2 .color-first,
.gracias .desktop .call-action .text2 .color-first,
.index .desktop .call-action-mobile .mobile a,
.gracias .desktop .call-action-mobile .mobile a {
  color: var(--main-color-hexa) !important;
}

.desktop .servicios .grid__item .front .wrap-icon {
  background: rgba(var(--main-color-rgb), 0.5);
}

.main-header .container .item .left .main-nav__toggle .hamburger-inner,
.main-header .container .item .left .main-nav__toggle .hamburger-inner:after,
.main-header .container .item .left .main-nav__toggle .hamburger-inner:before,
.main-header .container .item .right .link-tel .wrap-icon,
.index .desktop .ofertas .wrap-cards .card.premium .head,
.index .desktop .ofertas .wrap-cards .card .button:hover,
.index .desktop .carrusel .slick-dots li.slick-active button,
.index .desktop .opiniones .testimonios .slick-dots li.slick-active button,
.index .desktop .call-action .btn-phone,
.index .desktop .call-action .btn-phone:hover,
.gracias .desktop .call-action .btn-phone,
.gracias .desktop .call-action .btn-phone:hover,
.index .desktop .ofertas-mobile .wrap-cards .card.premium .head,
.index .desktop .ofertas-mobile .wrap-cards .card .button:hover,
.index .desktop .call-action-mobile .btn-phone,
.index .desktop .call-action-mobile .btn-phone:hover,
.gracias .desktop .call-action-mobile .btn-phone,
.gracias .desktop .call-action-mobile .btn-phone:hover {
  background: var(--main-color-hexa);
}

.index .desktop .ofertas .wrap-cards .card.premium .button,
.index .desktop .ofertas-mobile .wrap-cards .card.premium .button {
  color: var(--main-color-hexa);
  border-color: var(--main-color-hexa);
}

.index .desktop .seccion-principal .contact .wrap-form .form .input-wrap.flex label:before,
.index .desktop .servicios .grid__item,
.index .desktop .call-action,
.index .desktop .call-action .btn-phone,
.gracias .desktop .call-action,
.gracias .desktop .call-action .btn-phone,
.index .desktop .ofertas-mobile .wrap-cards .card .button:hover,
.index .desktop .contact-mobile .wrap-form .form .input-wrap.flex label:before,
.index .desktop .call-action-mobile,
.index .desktop .call-action-mobile .btn-phone,
.gracias .desktop .call-action-mobile,
.gracias .desktop .call-action-mobile .btn-phone {
  border-color: var(--main-color-hexa);
}

.index .desktop .seccion-principal .contact .wrap-form .form .input-wrap input[type='email']:focus,
.index .desktop .seccion-principal .contact .wrap-form .form .input-wrap input[type='text']:focus,
.index .desktop .seccion-principal .contact .wrap-form .form .input-wrap textarea:focus {
  border-color: rgba(var(--main-color-rgb), 0.2);
}

.index .desktop .servicios .grid__item:before {
  background: rgba(var(--main-color-rgb), 0.08);
}

.index .desktop .call-action .btn-phone:before,
.index .desktop .call-action-mobile .btn-phone:before,
.gracias .desktop .call-action .btn-phone:before,
.gracias .desktop .call-action-mobile .btn-phone:before {
  border-color: rgba(var(--main-color-rgb), 0.5);
}

.index .desktop .call-action .btn-phone:after,
.index .desktop .call-action-mobile .btn-phone:after,
.gracias .desktop .call-action .btn-phone:after,
.gracias .desktop .call-action-mobile .btn-phone:after {
  background-color: rgba(var(--main-color-rgb), 0.3);
}

.index .desktop .seccion-principal .contact .wrap-form .form .btn-enviar,
.index .desktop .contact-mobile .wrap-form .form .btn-enviar,
.modal-informacion .content .info .btn-ws {
  background: var(--main-color-button);
}

.index .desktop .seccion-principal .contact .wrap-form .form .btn-enviar:hover,
.index .desktop .contact-mobile .wrap-form .form .btn-enviar:hover,
.modal-informacion .content .info .btn-ws:hover {
  background: var(--main-color-button-hover);
}

guo-webbot::part(guo-webbot-wrapper) {
  --primary: hsl(var(--main-color-h), var(--main-color-s), var(--main-color-l));
  --primary-light: hsl(var(--main-color-h), var(--main-color-s), calc(var(--main-color-l) + 10%));
  --primary-dark: hsl(var(--main-color-h), var(--main-color-s), calc(var(--main-color-l) - 10%));
  --accent: var(--main-color-contrast);
}