@font-face {
  font-family: Inter;
  src: url("../fonts/Inter/static/Inter-Regular.ttf");
}
@font-face {
  font-family: InterSemiBold;
  src: url("../fonts/Inter/static/Inter-SemiBold.ttf");
}
@font-face {
  font-family: InterMedium;
  src: url("../fonts/Inter/static/Inter-Medium.ttf");
}
@font-face {
  font-family: Gobold Bold;
  src: url("../fonts/gobold/Gobold\ Bold.otf");
}
@font-face {
  font-family: Poppins;
  src: url("../fonts/Poppins/Poppins-Regular.ttf");
}
@font-face {
  font-family: Poppins SemiBold;
  src: url("../fonts/Poppins/Poppins-SemiBold.ttf");
}
@font-face {
  font-family: Manrope;
  src: url("../fonts/Manrope/static/Manrope-Regular.ttf");
}
@font-face {
  font-family: Manrope Bold;
  src: url("../fonts/Manrope/static/Manrope-Bold.ttf");
}
@font-face {
  font-family: Space Grotesk;
  src: url("../fonts/Space_Grotesk/static/SpaceGrotesk-Regular.ttf");
}
html,
body {
  height: 100%;
}
body {
  display: flex;
  flex-direction: column;
}
.main {
  flex: 1 0 auto;
}
footer {
  flex-shrink: 0;
}
#espacio-promo {
  text-align: center;
}
#espacio-promo .alert {
  background: #3FB6EA;
  border-radius: 0px;
  margin-bottom: 0;
}
#espacio-promo .alert-link {
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  line-height: 24px;
  color: #000000;
  text-underline-offset: 5px;
}
#espacio-promo .btn-close {
  padding: 1rem;
  background: none;
}
#barra_tienda {
  background: #3FB6EA;
}
#barra_tienda a {
  display: block;
  width: 100%;
  padding: 14px 1rem;
  color: #000000;
  text-align: center;
  font-feature-settings: 'clig' off, 'liga' off;
  font-family: Gobold Bold;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 8px;
  text-transform: uppercase;
  text-decoration: none;
}
#barra_tienda a:hover {
  background: #2A9FD4;
  color: #FFFFFF;
}
#navbar_section {
  position: relative;
  z-index: 1;
}
#navbar_section nav {
  background-color: #000000 !important;
  height: 97px;
  box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.55);
}
#navbar_section nav .navbar-brand {
  max-width: 142px;
  max-height: 142px;
  margin-bottom: -3rem;
}
#navbar_section nav .navbar-nav {
  display: flex;
  align-items: center;
}
#navbar_section nav #navbarNav .navbar-nav {
  gap: 30px;
}
#navbar_section nav .mobile-buttons {
  display: none;
}
#navbar_section nav .nav-item {
  color: #FFF;
  text-align: center;
  font-feature-settings: 'clig' off, 'liga' off;
  font-family: Gobold Bold;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  /* 112.5% */
}
#navbar_section nav .nav-item .nav-link {
  color: #FFF;
  text-align: center;
  font-feature-settings: 'clig' off, 'liga' off;
  font-family: Gobold Bold;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  /* 112.5% */
}
#navbar_section nav .nav-item .nav-link:hover {
  color: #3FB6EA;
}
#navbar_section nav .nav-item .nav-lang {
  font-feature-settings: 'clig' off, 'liga' off;
  font-family: "Space Grotesk";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 171.429% */
  color: #FFFFFF;
  text-decoration: none;
}
#navbar_section nav .nav-item .nav-lang:hover {
  color: #3FB6EA;
}
#navbar_section nav .nav-item .separador-idiomas {
  font-family: "Space Grotesk";
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  color: #FFFFFF;
  padding: 0 3px;
}
#navbar_section nav .nav-item .lang-active {
  color: #3FB6EA;
}
#navbar_section nav .nav-item .active {
  color: #3FB6EA;
}
#navbar_section nav .nav-item .link-citas {
  padding: 8px 12px;
  color: #0D0D0D;
  text-align: center;
  font-family: Gobold Bold;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
  /* 32.5px */
  letter-spacing: 2.4px;
  text-transform: uppercase;
  background: #00C64B;
  border-radius: 50px;
}
#navbar_section nav .nav-item .link-citas:hover {
  color: #FFFFFF;
  background: #0C8A3C;
}
#navbar_section nav .nav-item .titulo-financiamiento {
  display: block;
  color: #FFF;
  font-feature-settings: 'clig' off, 'liga' off;
  font-family: Gobold Bold;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
#navbar_section nav .nav-item .link-financiamiento {
  justify-content: center;
  align-items: center;
  gap: 5px;
  margin-top: 3px;
}
#navbar_section nav .nav-item .link-financiamiento .nav-link {
  padding: 0;
  font-size: 11px;
  line-height: 14px;
  letter-spacing: 1.2px;
  opacity: 0.85;
}
#navbar_section nav .nav-item .link-financiamiento .separador-financiamiento {
  color: #FFFFFF;
  font-family: Gobold Bold;
  font-size: 11px;
  line-height: 14px;
  opacity: 0.85;
}
#servicios {
  background: Black;
}
#servicios .titulo h1 {
  color: #FFFFFF;
  font-family: Gobold Bold;
  line-height: 130%;
  letter-spacing: -0.4px;
  text-transform: uppercase;
}
#servicios .titulo h1 span {
  font-style: italic;
}
#servicios .servicio-info .imagen-servicio {
  height: 429px;
}
#servicios .servicio-info .imagen-servicio img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#servicios .info-icon {
  justify-content: space-between;
  padding: 1rem 0;
}
#servicios .info-icon .info-texto {
  color: #FFFFFF;
  font-feature-settings: 'clig' off, 'liga' off;
  font-family: Poppins SemiBold;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  /* 140% */
  text-transform: uppercase;
}
#servicios .info-icon .info-texto span {
  font-size: 16px;
  font-family: Inter;
  text-transform: none;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  /* 112.5% */
  letter-spacing: -0.4px;
}
#tuneando_tss {
  background: url("../img/banner-011.png"), lightgray 50% / cover no-repeat;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 8rem 0 5rem;
}
#tuneando_tss .seccion-titulo {
  color: #FFFFFF;
  text-align: center;
  font-family: Gobold Bold;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 52px */
  letter-spacing: -0.4px;
  text-transform: uppercase;
}
#tuneando_tss .boton-agenda {
  margin-top: 2em;
}
#tuneando_tss .boton-agenda a {
  border-radius: 1px;
  background: Black;
  padding: 5px 25px;
  color: #FFFFFF;
  font-feature-settings: 'clig' off, 'liga' off;
  font-family: Gobold Bold;
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 92.308% */
  text-decoration: none;
}
#tuneando_tss .boton-agenda a:hover {
  background: #FFFFFF;
  color: #000000;
}
#como_funciona {
  background: #000000;
}
#como_funciona .titulo h1 {
  color: #FFFFFF;
  text-align: center;
  font-family: Gobold Bold;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 52px */
  letter-spacing: -0.4px;
  text-transform: uppercase;
}
#como_funciona .col-pasos {
  display: flex;
}
#como_funciona .pasos_wrapper {
  padding: 10px;
  border: 4px solid #3FB6EA;
  width: 100%;
}
#como_funciona .pasos_wrapper .icono {
  text-align: center;
  padding: 1rem 0;
}
#como_funciona .pasos_wrapper .paso-info {
  padding: 0 2rem;
}
#como_funciona .pasos_wrapper .paso-info h5,
#como_funciona .pasos_wrapper .paso-info p {
  color: #FFFFFF;
}
#como_funciona .pasos_wrapper .paso-info h5 {
  text-align: center;
  font-feature-settings: 'clig' off, 'liga' off;
  white-space: nowrap;
  font-family: Gobold Bold;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  /* 140% */
  text-transform: uppercase;
}
#como_funciona .pasos_wrapper .paso-info p {
  text-align: center;
  font-feature-settings: 'clig' off, 'liga' off;
  font-family: Poppins;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 186.667% */
}
#galeria .titulo h1 {
  color: #000000;
  text-align: center;
  font-family: Gobold Bold;
  font-weight: 400;
  line-height: 130%;
  /* 52px */
  letter-spacing: -0.4px;
  text-transform: uppercase;
}
#galeria .titulo h1 span {
  font-style: italic;
}
#galeria .row-galeria {
  height: 100%;
}
#galeria .imagen-wrapper {
  height: 100%;
}
#galeria .imagen-wrapper img {
  width: 100%;
  height: 100%;
  min-height: 100%;
  object-fit: cover;
}
#marcas {
  background: Black;
}
#marcas .col-marca {
  display: flex;
  align-self: center;
  justify-content: center;
}
#marcas .col-marca svg {
  max-width: 200px;
  height: 100px;
}
#contacto {
  background: #e2e2e2;
  background: linear-gradient(180deg, #e2e2e2 0%, #e2e2e2 60%, #ffffff 60%);
}
#contacto .row-contacto {
  box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.19);
}
#contacto .titulo h1 {
  color: #000000;
  text-align: center;
  font-family: Gobold Bold;
  font-weight: 400;
  line-height: 130%;
  /* 52px */
  letter-spacing: -0.4px;
  text-transform: uppercase;
}
#contacto .titulo h1 span {
  font-style: italic;
}
#contacto .col-contacto {
  padding: 0;
  background: #000000;
}
#contacto .col-contacto .contacto-info-wrapper {
  padding: 2rem;
}
#contacto .col-contacto .contacto-info-wrapper h5 {
  color: #3FB6EA;
  font-family: Gobold Bold;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 41.6px */
  letter-spacing: -0.32px;
  text-transform: uppercase;
  margin-bottom: 1rem;
}
#contacto .col-contacto .contacto-info-wrapper .icono-info {
  display: flex;
  margin-bottom: 1rem;
}
#contacto .col-contacto .contacto-info-wrapper .icono-info .icono {
  margin-right: 10px;
}
#contacto .col-contacto .contacto-info-wrapper .icono-info .info {
  color: #FFFFFF;
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  /* 28.8px */
  text-transform: uppercase;
}
#contacto .col-contacto .contacto-info-wrapper .icono-info .info a {
  color: #FFFFFF;
  text-decoration: none;
  text-transform: uppercase;
}
#contacto .col-contacto .contacto-info-wrapper .icono-info .info a:hover {
  color: #3FB6EA;
}
#contacto .col-contacto .contacto-info-wrapper .horarios-disponibles {
  display: flex;
  justify-content: space-between;
}
#contacto .col-contacto .contacto-info-wrapper .horarios-disponibles p {
  color: #FFFFFF;
  font-family: Manrope;
}
#contacto .col-formulario {
  background: #FFFFFF;
}
#contacto .col-formulario .form-wrapper {
  padding: 2rem;
}
#contacto .col-formulario .form-wrapper .input-group-text,
#contacto .col-formulario .form-wrapper input,
#contacto .col-formulario .form-wrapper textarea {
  background-color: #E2E2E2;
  border-radius: 0px;
}
#contacto .col-formulario .form-wrapper input,
#contacto .col-formulario .form-wrapper textarea {
  font-family: Poppins;
  font-size: 16px;
  text-transform: uppercase;
}
#contacto .col-formulario .form-wrapper .empty {
  border: 2px solid #f84949;
}
#contacto .col-formulario .form-wrapper #basic-addon6 {
  align-items: flex-start;
}
#contacto .col-formulario .form-wrapper .textarea-input {
  height: 100%;
}
#contacto .col-formulario .form-wrapper .btn-enviar {
  background: #3FB6EA;
  padding: 16px 33px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 0px;
  color: #000000;
  font-family: Manrope Bold;
  font-size: 18px;
  line-height: 125%;
  /* 22.5px */
  letter-spacing: 1.8px;
  text-transform: uppercase;
  width: 100%;
}
#contacto .col-formulario .form-wrapper .btn-enviar:hover {
  color: #FFFFFF;
}
#contacto .error-captcha {
  color: #ff4747;
  font-family: Inter;
  margin-bottom: 1rem;
}
#contacto .errores-div span {
  color: #ff4747;
  font-family: Inter;
}
#ubicacion .mapa img {
  width: 100%;
}
#gracias .titulo-gracias h1 {
  color: #262626;
  text-align: center;
  font-family: Gobold Bold;
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 62.4px */
  letter-spacing: -0.48px;
  text-transform: uppercase;
}
#gracias .titulo-gracias p {
  color: #555;
  text-align: center;
  font-family: Manrope;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 165%;
  /* 33px */
}
#gracias .titulo-gracias p a {
  color: #3FB6EA;
  font-family: Manrope;
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: 165%;
}
footer {
  background: Black;
}
footer .col-logo img {
  width: 100px;
}
footer .col-nav {
  display: flex;
  align-self: center;
  justify-content: flex-end;
  padding: 0;
}
footer .nav-footer {
  display: flex;
  align-items: center;
}
footer .nav-footer .nav-item {
  list-style: none;
  font-size: 14px;
  color: #FFFFFF;
  font-family: Gobold Bold;
  text-align: center;
}
footer .nav-footer .nav-link {
  padding: 0 0.5rem;
  font-size: 14px;
  color: #FFFFFF;
  font-family: Gobold Bold;
  text-align: center;
}
footer .nav-footer .nav-link:hover {
  color: #3FB6EA;
}
footer .metodos-pagos {
  justify-content: flex-end;
  display: flex;
}
footer .metodos-pagos h5 {
  color: #FFFFFF;
  font-family: Gobold Bold;
  font-size: 14px;
  margin-right: 2rem;
  margin-bottom: 0;
  align-self: end;
}
footer .metodos-pagos .imagenes-pagos-wrapper {
  display: flex;
}
footer .metodos-pagos .imagenes-pagos-wrapper .imagen-pago {
  background: #FFFFFF;
  margin-left: 5px;
}
footer .metodos-pagos .imagenes-pagos-wrapper .imagen-pago img {
  padding: 0 5px;
}
footer .row-nav {
  border-bottom: 0.5px solid var(--neutral-04100, #6C7275);
}
footer .page-info p {
  color: #FFFFFF;
  font-family: Poppins;
  font-size: 12px;
}
footer .redes-sociales {
  display: flex;
  justify-content: end;
}
footer .redes-sociales .icon {
  padding: 5px;
}
@media (max-width: 1200px) {
  #navbar_section nav #navbarNav .navbar-nav {
    gap: 14px;
  }
}
@media (max-width: 992px) {
  #navbar_section nav {
    height: auto;
  }
  #navbar_section nav .navbar-brand {
    max-width: 85px;
    max-height: 85px;
    margin-bottom: auto;
  }
  #navbar_section nav #navbarNav .navbar-nav {
    gap: 12px;
  }
  #como_funciona .pasos_wrapper .paso-info {
    padding: 0 1rem;
  }
  #como_funciona .pasos_wrapper .paso-info h5 {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  #servicios .servicio-info .imagen-servicio {
    height: 310px;
  }
  #tuneando_tss {
    padding: 3rem 0 2rem;
  }
  #tuneando_tss .seccion-titulo h1 {
    font-size: 20px;
  }
  #tuneando_tss .boton-agenda a {
    font-size: 20px;
  }
  footer .row-nav {
    text-align: center;
  }
  footer .col-nav {
    justify-content: center;
  }
  footer .nav-footer {
    padding-left: 0;
  }
  footer .nav-footer .nav-item {
    list-style: none;
  }
  footer .nav-footer .nav-link {
    font-size: 12px;
  }
  footer .metodos-pagos {
    justify-content: center;
  }
  footer .metodos-pagos h5 {
    font-size: 12px;
  }
  footer .metodos-pagos .imagenes-pagos-wrapper {
    display: flex;
  }
  footer .metodos-pagos .imagenes-pagos-wrapper .imagen-pago {
    background: #FFFFFF;
    margin-left: 5px;
  }
  footer .metodos-pagos .imagenes-pagos-wrapper .imagen-pago img {
    padding: 0 5px;
  }
}
@media (max-width: 576px) {
  #barra_tienda a {
    padding: 10px 1rem;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 4px;
  }
  #navbar_section nav .navbar-brand {
    margin-right: 0;
  }
  #navbar_section nav .item-hide-mobile {
    display: none;
  }
  #navbar_section nav .mobile-buttons {
    display: flex;
    margin-left: -1rem;
  }
  #navbar_section nav .mobile-buttons .link-citas {
    font-size: 18px;
  }
  #carrusel {
    display: none;
  }
}