/* Reposicionar los dots arriba del slider */
  .mi-slider .slick-dots {
      position: absolute;
      bottom: 45px;

      width: 100%;
      display: flex !important;
      justify-content: left;
      padding: 0;
      margin: 0;
      z-index: 10;
      margin-left: 140px;
  }

  /* Estilo base de los dots */
  .mi-slider .slick-dots li {
      margin: 0 8px;
  }

  .mi-slider .slick-dots li button {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background-color: rgba(255, 255, 255, 0.5);
      border: none;
      transition: all 0.3s ease;
      padding: 0;
  }

  /* Dot activo con forma de píldora */
  .mi-slider .slick-dots li.slick-active button {
      width: 40px;
      border-radius: 20px;
      background-color: white;
  }

  /* Ocultar texto interno (accesibilidad) */
  .mi-slider .slick-dots li button::before {
      display: none !important;
  }

  .mi-slider .slick-dots li button {
      font-size: 0;
      /* oculta el número */
      text-indent: -9999px;
      /* empuja el texto fuera del botón */
      overflow: hidden;
      /* oculta cualquier cosa desbordada */
  }

  .active-category {
      border-bottom: 3px solid red !important;
  }


  /* flechas autos */
  .slider-wrapper {
      position: relative;
  }

  .custom-arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      z-index: 10;
      font-size: 24px;
      width: 40px;
      height: 40px;
      /* border-radius: 50%; */
      /* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); */
      cursor: pointer;
      transition: background 0.3s ease;
      border: none !important;
  }

  /* .custom-arrow:hover {
    background-color: red;
} */

  .slick-prev {
      left: -20px;
  }

  .slick-prev-ayuda {
      left: -10px;
  }

  .slick-prev-news {
      left: -15px;
  }

  .slick-prev-text {
      left: -20px;
  }

  .slick-next-news {
      right: -15px;
  }

  .slick-next {
      right: -20px;
  }

  .slick-next-ayuda {
      right: -10px;
  }

  .slick-next-text {
      right: -20px;
  }

  /* Esto es para ubicar atras la linea de autos */
  .slick-slider {
      z-index: 2;
  }

  /* ROTACIÓN DE LA IMAGEN EN INDEX */

  .styles_molecule__media-container__gwY_W.car {
      position: relative;
  }

  /* Imagen principal (primera) */
  .styles_molecule__media-container__gwY_W.car .image-front {
      display: block;
      width: 100%;
      height: auto;
      transition: opacity 0.3s ease-in-out;
  }

  /* Imagen secundaria (hover) */
  .styles_molecule__media-container__gwY_W.car .image-hover {
      display: block;
      width: 100%;
      height: auto;
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      transition: opacity 0.3s ease-in-out;
  }

  /* Al hacer hover, mostramos la imagen secundaria */
  .styles_molecule__media-container__gwY_W.car:hover .image-front {
      opacity: 0;
  }

  .styles_molecule__media-container__gwY_W.car:hover .image-hover {
      opacity: 1;
  }




  /* Estilo para la información del precio */
  .styles_extra-info-container__y_zvU {
      margin-top: 20px;
      font-size: 12px;
  }

  /* Estilo para el botón */
  .styles_atom__button-container__VGpEM {
      background-color: #d50000;
      color: white;
      border: none;
      padding: 10px 20px;
      font-size: 16px;
      border-radius: 5px;
      cursor: pointer;
      transition: background-color 0.3s;
  }

  .styles_atom__button-container__VGpEM:hover {
      background-color: #b71c1c;
  }


  /* GALERIA INTERIOR Y EXTERIOR */

  #lightbox {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.9);
      z-index: 1000;
      justify-content: center;
      align-items: center;
  }

  /* Slider */
  #lightbox .gallery-slider {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 40px;
      gap: 10px;
      max-width: 100vw;
      max-height: 90vh;
      overflow: hidden;
      position: relative;
      background-color: #000;
      border-radius: 8px;
  }

  /* Imagen del slider */
  #lightbox img {
      display: flex;
      justify-content: center;
      align-items: center;
      max-width: 90%;
      max-height: 90vh;
      object-fit: contain;
      display: none;
  }

  /* Botones de navegación */
  #lightbox .nav-btn {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      font-size: 36px;
      color: white;
      cursor: pointer;
      z-index: 10;
      background-color: rgba(0, 0, 0, 0.5);
      border-radius: 50%;
      width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: background-color 0.3s;
  }

  #lightbox .nav-btn.left {
      left: 20px;
  }

  #lightbox .nav-btn.right {
      right: 20px;
  }

  #lightbox .nav-btn:hover {
      background-color: rgba(0, 0, 0, 0.8);
  }

  /* Botón de cerrar */
  #lightbox .close-btn {
      position: absolute;
      top: 20px;
      right: 20px;
      font-size: 30px;
      color: white;
      cursor: pointer;
      z-index: 11;
  }



  /* detalle modelo en portada */

  .styles_info-container__rtxVH:before {
      z-index: -1 !important;
      position: absolute !important;
      top: -3rem !important;
      right: 0 !important;
      width: 100% !important;
      height: 0px !important;
      background: linear-gradient(0deg, var(--base-black) 59.14%, rgba(0, 0, 0, .2) 105.49%) !important;
      content: "" !important;
      -webkit-clip-path: polygon(0 0, 100% 36%, 100% 100%, 0 100%) !important;
      clip-path: polygon(0 0, 100% 36%, 100% 100%, 0 100%) !important;
  }

  .styles_info-container__rtxVH:after,
  .styles_info-container__rtxVH:before {
      height: 0px !important;
  }

  .styles_info-container__rtxVH {
      align-items: left !important;
  }

  .styles_action-banner-wrapper___S2cf [class*=slick-next] {
      border-top: none !important;
      border-right: none !important;
  }

  .styles_action-banner-wrapper___S2cf [class*=slick-prev] {
      border-left: none !important;
      border-bottom: none !important;
  }

  .version-button {
      background: transparent;
      border: none;
      font-size: 16px;
      cursor: pointer;
      position: relative;
  }

  .version-button .underline {
      position: absolute;
      bottom: -5px;
      left: 0;
      height: 2px;
      width: 100%;
      background-color: red;
      display: none;
  }

  .version-button.active .underline {
      display: block;
  }

  .slick-prev,
  .slick-next {
      background-color: transparent;
      border: none;
      font-size: 18px;
      cursor: pointer;
      color: #656;
  }

  .slick-prev:hover,
  .slick-next:hover {
      color: red;
  }

  .slick-slider.detail {
      display: flex;
      align-items: center;
      gap: 20px;
  }

  /* Contenedor principal */
  .car-container {
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 20px 0;
      background-color: #f8f8f8;
      border-radius: 10px;
      padding: 20px;
  }

  /* Imagen del auto */
  .car-image {
      max-width: 100%;
      height: auto;
      object-fit: contain;
      transition: transform 0.3s ease-in-out;
  }

  .car-image:hover {
      transform: scale(1.02);
  }

  .styles_info-container__title__Ta6lS {
      max-width: 28rem !important;
      line-height: normal !important;
  }

  .card-flex-container {
      display: flex;
      gap: 20px;
      justify-content: space-between;
  }

  .styles_molecule__card-container__ibizu.beneficios {
      flex: 1;
      max-width: 300px;
  }

  .styles_molecule-car-detail-container__6HoLp .styles_container-display-ar__UmkQi {
      padding-top: 1rem !important;
      gap: 0 !important;
  }

  .styles_molecule__card-container__ibizu {
      margin: 10px;
  }


  .card-text {
      font-size: 17px;
      line-height: 1.5 !important;
  }


  .text-secondary {
      font-size: 20px;
      margin-bottom: 7px;
      margin-top: 15px;
  }

  @media (max-width: 768px) {
      .card {
          max-width: 100%;
          margin: 10px;
      }

      .styles_molecule__interest-form-container__AYS5l .styles_form-container__list-input__Rch8D {
          max-width: 600px;
          width: 90%;
      }

      .mensaje {
          width: 340px !important;
      }
  }

  .card {
      transition: transform 0.3s ease;
  }

  .card:hover {
      transform: scale(1.02);
  }


  /* Estilo de los colores */

  /* Contenedor del nombre del color */
  #color-seleccionado-container {
      padding-left: 17px;
      text-align: center;
  }

  #color-seleccionado {
      font-size: 1.4rem;
      color: var(--gray-5);
      display: block;
  }

  @media (max-width: 1920px) {
      .mensaje {
          width: 700px;
      }
  }

  @media (max-width: 1150px) {
      .mensaje {
          width: 400px;
      }
  }

  /* input CV */

  .custom-file-label {
      display: inline-block;
      padding: 15px 16px;
      background-color: #303031;
      color: #f2eeee;
      border-radius: 8px;
      font-size: 15px;
      cursor: pointer;
      transition: background-color 0.3s ease;
  }

  .custom-file-label:hover {
      background-color: #171718;
  }

  .custom-file-name {
      display: block;
      margin-top: 7px;
      font-size: 14px;
      color: #f94848;
      font-style: italic;
  }

  /* USADOS */

  .card-usado {
      background: white;
      border-radius: 12px;
      overflow: hidden;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
      transition: transform 0.2s;
      width: 350px;
      display: flex;
      flex-direction: column;
  }

  .card-usado:hover {
      transform: translateY(-4px);
  }

  .card-usado__imagen img {
      width: 100%;
      height: auto;
      object-fit: cover;
  }

  .card-usado__contenido {
      padding: 12px;
  }

  .card-usado__titulo {
      font-size: 1.9rem;
      margin-bottom: 8px;
      color: #333;
  }

  .card-usado__info {
      list-style: none;
      padding: 0;
      margin: 0 0 12px;
      font-size: 1.07rem;
      color: #656;
  }

  .card-usado__info li {
      margin-bottom: 4px;
  }

  .card-usado__boton {
      display: inline-block;
      background-color: #e60000;
      color: white;
      padding: 10px 18px;
      border-radius: 6px;
      text-decoration: none;
  }

  .card-usado__boton:hover {
      background-color: #c40000;
      text-decoration: none;
  }

  /* DETALLE USADO */

  .detalle-vehiculo {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 32px;
      padding-top: 40px;
      padding-bottom: 40px;
      max-width: 100%;
      margin: auto;
  }

  .galeria {
      display: flex;
      gap: 12px;
  }

  .miniaturas {
      display: flex;
      flex-direction: column;
      gap: 8px;
  }

  .mini {
      width: 60px;
      height: 60px;
      object-fit: cover;
      border: 2px solid transparent;
      cursor: pointer;
      border-radius: 4px;
  }

  .mini.activa {
      border-color: red;
  }

  .imagen-principal img {
      width: 600px;
      max-width: 100%;
      border-radius: 6px;
      object-fit: contain;
  }

  .info-vehiculo {
      max-width: 400px;
      flex: 1;
  }

  .info-vehiculo h1 {
      font-size: 2.8rem;
      margin-bottom: 16px;
  }

  .detalle {
      font-size: 18px;
      margin-bottom: 10px;
      margin-top: 10px;
  }

  .precio {
      font-size: 2rem;
      color: #d40000;
      font-weight: bold;
      margin: 16px 0;
  }

  .concesionario {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 24px;
  }

  .concesionario img {
      height: 40px;
  }

  .botones {
      display: flex;
      flex-direction: column;
      gap: 12px;
  }

  .btn.rojo {
      background-color: #d40000;
      color: white;
      padding: 12px;
      text-align: center;
      border-radius: 6px;
      text-decoration: none;
      font-weight: bold;
      transition: background-color 0.2s;
  }

  .btn.rojo:hover {
      background-color: #a60000;
  }



  @media (max-width: 768px) {
      .detalle-vehiculo {
          flex-direction: column;
          align-items: center;
      }

      .galeria {
          flex-direction: column-reverse;
          align-items: center;
      }

      .miniaturas {
          flex-direction: row;
          flex-wrap: wrap;
          justify-content: center;
      }
  }

  .descripcion-vehiculo {
      margin-top: 20px;
      margin-bottom: 30px;
      padding: 15px;
      background-color: #f9f9f9;
      border: 1px solid #ddd;
      border-radius: 8px;
      font-size: 14px;
  }

  .descripcion-vehiculo h3 {
      margin-bottom: 10px;
      font-size: 19px;
      color: #333;
  }

  .descripcion-text {
      font-size: 16px;
      margin-top: 5px;
      line-height: 1.3;
  }

  /* .card-usado.noticia{
width: 330px;
margin-bottom: 20px;
} */

  .styles_card__content-container__CYEQT.noticias {
      text-align: left !important;
  }

  .styles_card__content-container__CYEQT.noticias+.styles_card__anchor-link__Wg30N.noticias {
      margin-top: 0px !important;
  }

  .tarjeta-fija {
      width: 380px;
      /* Tamaño fijo */
      height: 620px;
      /* Altura fija */
  }


  /* PAGINATION */

  .custom-pagination {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 6px;
      list-style: none;
      padding: 0;
      margin-top: 20px;
  }

  .custom-pagination .page-link {
      color: #c62828;
      border: 1px solid #c62828;
      padding: 6px 12px;
      border-radius: 4px;
      text-decoration: none;
      font-weight: bold;
      background-color: transparent;
      transition: all 0.2s ease-in-out;
  }

  .custom-pagination .page-link:hover {
      background-color: #c62828;
      color: #fff;
  }

  .custom-pagination .page-item.active .page-link {
      background-color: #c62828;
      color: #fff;
      border-color: #c62828;
  }

  .custom-pagination .page-item.disabled .page-link,
  .custom-pagination .disabled-link {
      pointer-events: none;
      opacity: 0.5;
      cursor: default;
      background-color: #f5f5f5;
      color: #888;
      border: 1px solid #ddd;
  }

  .info-vehiculo.noticia {
      max-width: 400px;
  }

  /* LOGO-HEADER */
  .styles_header-logo__HF_Xv {
      flex-shrink: 0;
      margin-right: 15px;
      width: auto;
  }

  .styles_header-logo__image__Irz9w {
      max-width: 245px;
      margin-top: -7px;
      width: auto;
      height: auto;
      min-width: 100px;
  }

  @media (max-width: 1078px) {
      .styles_header-logo__image__Irz9w {
          flex-shrink: 0;
          margin-top: 0px;
          max-width: 180px;
          min-width: 200px;
      }

      .styles_header-wrapper__PPHSW .styles_header-logo__image__Irz9w {
          height: auto !important;
      }
  }

  /* TITULO NOTICIA */
  .styles_card__title__RvNo7.notiTitulo {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      /* Limita a 2 líneas */
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      word-break: break-word;
  }


  /* Estilos para centrar el pop-up */
  .pop-up {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 9999 !important;
      visibility: hidden;
      opacity: 0;
      transition: opacity 0.3s ease;
  }

  .bg-pop-up {
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.8);
      z-index: 9998 !important;
  }

  .pop-up-content {
      position: relative;
      max-width: 600px;
      width: 100%;
      z-index: 9999;
      display: flex;
      flex-direction: column;
      align-items: center;
      border-radius: 10px;
      overflow: hidden;
      text-align: center;
  }

  .cross-icon {
      position: absolute;
      z-index: 9999 !important;
      margin-left: -10px;
      top: 10px;
      right: 13px;
      cursor: pointer;
      z-index: 10;
  }


  /* Ajustar la imagen para ocupar todo el ancho */
  .popup-image {
      width: 100%;
      height: auto;
      display: block;
  }



  /* Mostrar el pop-up */
  .pop-up.show {
      visibility: visible;
      opacity: 1;
  }

  @media (max-width: 768px) {
      .pop-up-content {
          width: 85%;
      }
  }

  /* SECCIÓN INFO */

  .info-section {
      padding: 45px 20px;
      text-align: center;
  }

  .info-container {
      max-width: 100%;
      margin: 0 auto;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 60px;
      text-align: left;
  }

  .logo-img {
      max-width: 450px;
      padding-bottom: 30px;
      margin: 0 auto 30px;
      display: block;
  }

  .certificaciones-img {
      max-width: 100%;
      height: auto;
      display: block;
      padding-top: 50px;
      margin: 0 auto;
  }

  .info-box {
      flex: 1 1 300px;
      max-width: 520px;
      color: #444;
      line-height: 1.5;
  }

  .info-box strong {
      color: #222;
  }

  /* FUNDACIÓN */
  #botones-fundacion {
      display: flex;
      gap: 32px;
      padding-bottom: 40px;
      justify-content: center;
  }

  .btn.rojo.fundacion {
      font-weight: 400;
      padding: 19px 35px;
  }

  .btn.rojo.fundacion:hover {
      transform: translateY(-3px);
  }

  @media (max-width: 768px) {
      .logo-img {
          max-width: 250px;
          padding-bottom: 10px;
      }

      #botones-fundacion {
          gap: 2px;
      }

      .btn.rojo.fundacion {
          padding: 9px 3px;
          margin: 5px;
      }
  }

  /* QUIENES SOMOS, TEXTO COMPLEMENTO */

  .styles_list__sLj_9.ventas {
      display: flex;
      flex-wrap: wrap;
      max-height: auto;
      padding: 0;
      list-style: none;
  }


  #tarjeta-fija-asesor {
      list-style: none;
      flex: 0 0 auto;
      background-color: white;
      border-radius: 16px;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  }

  .asesor-nombre {
      font-size: 2rem;
      font-weight: 700;
      margin: 1rem 0 0.5rem;
      text-align: center;
      color: #222;
  }

  .asesor-cargo {
      font-size: 1rem;
      color: #656;
      text-align: center;
      margin-bottom: 0.8rem;
  }

  .asesor-telefono {
      text-align: center;
      font-size: 1rem;
      margin-bottom: 10px;
  }

  .asesor-telefono a {
      color: #d62828;
      text-decoration: none;
      font-weight: 600;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      transition: color 0.2s ease;
  }

  .asesor-telefono a:hover {
      color: #a61b1b;
  }

  .icono-telefono {
      flex-shrink: 0;
  }

  @media (max-width: 768px) {
      .styles_list__sLj_9.ventas {
          flex-direction: column;
          align-items: center;
      }

      .styles_atom__section-container__d2Ts4[data-full-screen=false] {
          padding: 0 0.3rem;
      }

      .styles_form-container__section__cKKqd {
          margin-left: 10px;
      }

      #main {
          margin: 0 17px;
      }
  }

  .select-ahorro {
      background-color: #f2f2f2;
  }

  .option-ahorro {
      color: #333 !important;
  }

  .contenedor-botones {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      padding-top: 30px;
      padding-bottom: 40px;
  }




.grecaptcha-badge {
  width: 70px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  left: 0px !important;
}

.grecaptcha-badge:hover {
  width: 256px !important;
}

#link_whatsapp {
    position: fixed;
    bottom: 1.3em;
    right: 1em;
    z-index: 9999;
    display: flex;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    color: #fff;
    cursor: pointer;
}

#link_whatsapp i {
    padding-top: 15px !important;
    background-color: #25d366;
    font-size: 2.5em;
    padding: 1rem;
    width: 1.8em;
    height: 1.8em;
    text-align: center;
    border-radius: 100%;
    z-index: 9998;
    box-shadow: 1px 1px 3px 1px rgb(0 0 0 / 40%);
}


/*
#link_whatsapp span{
	background-color:#25d366;
	border-radius: 2em;
	padding: 1em 2em 1em 1em;
	margin-right: -2em;
	display: block;
	white-space: nowrap;
}
*/

#link_whatsapp ul {
    position: fixed;
    bottom: 0;
    right: 1em;
    opacity: 0;
    padding: 0;
    visibility: hidden;
    transition: 0.3s all;
}

#link_whatsapp li a {
    background: #25d366;
    color: #fff;
    display: block;
    text-decoration: none;
    padding: 1em 3em;
    border-radius: 2em;
    font-size: 1.1em;
    box-shadow: 1px 1px 3px 1px rgb(0 0 0 / 40%);
    transition: all 0.3s;
    text-align: right;
    z-index: 9999;
    margin-bottom: 0.5em;
}

#link_whatsapp.active ul {
    padding-bottom: 6.5em;
    opacity: 1;
    visibility: visible;
}

  @media all and (max-width: 900px) {
    
    #link_whatsapp,
    .zopim {
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%) !important;
    }
    #link_whatsapp {
        bottom: 2em
    }
    #link_whatsapp ul {
        width: 80vw;
        left: 50%;
        padding-bottom: 9em !important;
        transform: translateX(-50%);
    }
    #link_whatsapp ul a {
        text-align: center;
        white-space: nowrap;
    }
}