html {
 /* scroll-behavior: smooth; */
 /* scroll-padding-top: var(--scroll-padding, 300px) */
}

body {
    /*background: blue; */
    font-family: "Open Sans", sans-serif;
}

#single_coche {
    background: rgb(250, 250, 250) !important;
    background: white !important;
}



.logged-in.single-coche div.content-wrapper {
  margin-top: calc(var(--altura-header) + var(--altura-WpAdminBar));
}

.content-wrapper {
    width: 100%;
    background: white;
}

main#single_coche {
 width: 100%;
}


/*Tablas*/
table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
}

table td, table th {
  border: 1px solid #ddd;
  padding: 12px;
  padding-inline: 24px;
}

table tr:nth-child(even) {
  background-color: #f2f2f2;
}

table tr:hover {
  background-color: #ddd;
}

table th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: var(--primary40);
  color: white;
}

/* Fin tablas*/

.header-ficha-coche {
    /*width: 100%;
    margin-left: auto;
    margin-right: auto;
    background: rgb(255, 255, 204);
    padding-left: var(--wrapper-padding);
    padding-right: var(--wrapper-padding);
    grid-template-columns: repeat(12, minmax(100px, 400px));
    display: grid;
    background: var(--neutral90); */
}

main#single_coche {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  background: rgb(255, 255, 204);
/*  padding-left: var(--wrapper-padding);
  padding-right: var(--wrapper-padding); */
  /*grid-template-columns: repeat(12, minmax(100px, 400px));*/
  grid-template-columns: repeat(12, 1fr);
  display: grid;
  background: var(--neutral90)
}

.main-single-coche nav {
grid-column: span 2;

grid-column: span 12;
}

#menu-navegacion-container {
  display: none;
 
}

.main-single-coche .container-secciones {
grid-column: span 7;
overflow: hidden;
/*padding-right: 4.8rem; */ /*Variable*/
grid-column: span 12;

}

.main-single-coche aside {
  grid-column: span 3;
 
  grid-column: span 12;
  order: -1;
  }

  .container-secciones section {
      margin-bottom: 3rem;
  }

  #seccion-descripcion {
    padding-inline: 1rem;
  }









    aside.tarjeta-ficha {
   grid-column: span 3;
   background: var(--neutral98);
    
  }

.ficha-tarjeta {
    width: 100%;
    grid-column: span 3;
}


.ficha-tarjeta .portada_principal_coche {
  width: 100%;
  height: auto;
}
/*
 #video-player {
   grid-column: span 9;
   
  } */

.wrapper-video {
  grid-column: span 9;
  padding-right: var(--interior-grid);
}

/*
#video-container {
  position: relative;
  grid-column: span 12;
  overflow: hidden;
  height: calc( 100vh - var(--altura-breadcrumbsYheader) - var(--altura-breadcrumbs));
  border-radius: 8rem;
} */

#video-container {
  position: relative;
  grid-column: span 12;
  overflow: hidden;
  height: auto;
  max-height: calc( 100vh - var(--altura-breadcrumbsYheader) - var(--altura-breadcrumbs));

  order: -1;
}

/*#video-container iframe {
  width: 100%;
} */

#video-container video {
  width: 100%;
}



/*Vídeo */
.contenedor_iframe_video {
      position: relative;
    overflow: hidden;
    padding-top: 56.25%; /* Para vídeos con relación de aspecto de 16:9 */
}

.contenedor_iframe_video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  /*
    transform: translateY(-20%);
    max-height: 16rem;
    -webkit-transform: translateY(-20%);
    -moz-transform: translateY(-20%);
    -ms-transform: translateY(-20%);
    -o-transform: translateY(-20%); */
}

  /*
  #video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    border: solid puprle;
  } */


/*Galerías */
/* Estilos para la barra de progreso */
#progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0.031rem;
  background-color:var(--primary50);
  opacity: .5;
}

#galeria-interior-thumbnails-track,
 #galeria-unida-thumbnails-track {
  padding-top: var(--espacioTarjeta);
}

/* Estilos para las flechas de navegación */
/*.splide__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1.25rem;
  height: 1.25rem;
  background-size: contain;
}

.splide__arrow--prev {
  left: -3rem;
}

.splide__arrow--next {
  right: -3rem;
}
*/

.splide__slide {
  border: none;
  height: 240px !important;
}

#galeria-exterior-mini-list .splide__slide,
#galeria-interior-mini-list .splide__slide,
#galeria-unida-mini-list .splide__slide
 {
  height: 120px !important;
}

.splide__slide img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.splide__track--nav>.splide__list>.splide__slide {
  border: none;
 
}



.splide__track--nav>.splide__list>.splide__slide img {
  transform: scale(1);
  transition: all .5s ease-out;
  -webkit-transform: scale(.9);
  -moz-transform: scale(.9);
  -ms-transform: scale(.9);
  -o-transform: scale(.9);
  opacity: .6;
  transform: scale(.9);
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  -webkit-transition: all .1s ease-out;
  -moz-transition: all .5s ease-out;
  -ms-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
}

.splide__track--nav>.splide__list>.splide__slide.is-active img {
  opacity: 1;
  transform: scale(1);
  transition: all .3s ease-in;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -ms-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
}

.splide__track--nav>.splide__list>.splide__slide.is-active {
  border: none;

}

.splide__slide.popup-image {
  border-radius:1.563rem;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}

.splide__slide.popup-image img { border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0;
}

#galeria-exterior-track,
#galeria-interior-track,
#galeria-unida-track {
  border-radius:1.563rem;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}

.datos-fotos {
position: absolute;
bottom: 0;
z-index: 99;
background: #00000080;
color: white;
padding: 1rem;
right: 0;
padding-right: 11rem;
}

.loader {
 position: absolute;
 z-index: 9;
 display: flex;
 width: 100%;
 align-items: center;
 justify-content: center;
 height: 100%;
 display: none;
}

.circular {

  /*
  animation: rotate 1s linear infinite; /* Ajusta la duración de la rotación a 1 segundo 
  height: 100%;
  transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto; */
}

.path {
  stroke-dasharray: 1,200;
  stroke-dashoffset: 0;
  animation: dash 0.75s ease-in-out infinite; /* Ajusta la duración del trazo a 0.75 segundos */
  stroke-linecap: round;
  stroke: #0000ff; /* Cambia el color del trazo a azul */
}


@keyframes rotate {
  100% {
      transform: rotate(360deg);
  }
}

@keyframes dash {
  0% {
      stroke-dasharray: 1,200;
      stroke-dashoffset: 0;
  }
  50% {
      stroke-dasharray: 89,200;
      stroke-dashoffset: -35px;
  }
  100% {
      stroke-dasharray: 89,200;
      stroke-dashoffset: -124px;
  }
}

@keyframes color {
  100%, 0% {
      stroke: #d62d20;
  }
  40% {
      stroke: #0057e7;
  }
  66% {
      stroke: #008744;
  }
  80%,90% {
      stroke: #ffa700;
  }
}



.splide img {
    transform: scale(1);
    transition: all .08s ease-in;
    filter: blur(0);
    -webkit-filter: blur(0rem);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}


.splide.cargando img {
  transform: scale(1.2);
  transition: all .08s ease-out;
  filter: blur(1rem);
  -webkit-transition: all .08s ease-out;
  -moz-transition: all .08s ease-out;
  -ms-transition: all .08s ease-out;
  -o-transition: all .08s ease-out;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  -webkit-filter: blur(1rem);
}








/*
clave API
AIzaSyAIUjB4lGLbN9kRZHjOBKN9CUT2GbKkSc8*/

  .ytp-chrome-top {

  }

  .ytp-watermark.yt-uix-sessionlink {
    opacity: .3;
    display:none !important;
  }


/*Encabezado ficha*/


/*Título ficha*/
span.marca-modelo,
span.cantidad
 {
  font-size: 8rem;
  font-weight: bold;
  /* background: var(--primary40); */
 /* height: fit-content;*/
  display: block;
 /* padding-bottom: 0.8rem; */

   line-height: 1.25rem;
  font-size: 1rem;
  letter-spacing: 0;
  font-weight: bold;
  transition: all .5s ease-in;
}


.main-single-coche--tiene-oferta span.marca-modelo,
.main-single-coche--tiene-oferta span.cantidad{
  font-size: 1.5rem;
  line-height: 1;
}


.main-single-coche--tiene-oferta span.cantidad {
  /* color: yellow; */
  margin-bottom: 1rem;
  margin-bottom: 1rem;
  font-size: 3.5rem;
  color: #ffff72;
}

.main-single-coche--tiene-oferta span.version {
  font-size: 1rem;
  line-height: 1.25;
}


.titulo-coche-ficha .logo-container {
  width: 16rem;
  width: 1.563rem;
  width:4.5rem;
  width: 2.813rem;
  transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -ms-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
}


.main-single-coche--tiene-oferta .titulo-coche-ficha .logo-container {
  width: 6rem;
}


.titulo-coche-ficha .logo-container.horitontal_largo {
  width: 64px;
}

.titulo-coche-ficha .logo-container img {
  width: auto;
  height: 100%;
  display: flex;
}

span.version {
  font-size: 4.944rem;
  /* background: red; */
 /* padding-top: 0.8rem; */
 line-height: 1.25rem;
    font-size: 0.875rem;
    letter-spacing: 0.01rem;
    font-weight: 500;
}

.titulo-no-video {
  grid-column: 1 / 13;
  order: -1;
  margin-block: 2.5rem;
  padding-right: var(--wrapper-padding);
  padding-left: var(--wrapper-padding);
  margin-bottom: 0;
}

.titulo-no-video .precio-ficha {
  text-align: right;
}

.titulo-no-video .titulo-coche-ficha {
  column-gap: 1rem;
}

.h1-wrapper {
  padding-left: 1.25rem;
  flex: 1;
  padding-left: 1rem;
}

.h1-wrapper .datos-resumen,
.precio-ficha__bottom {
 
  display: none;
}

.oferta_ficha__date {
  margin: 0;
}

.precio-ficha {
    text-align: right;
}

.precio-ficha--oferta {
  display: none;

  color: yellow;
  background: var(--neutral5);
  padding: 1rem;
  border-radius: none;
  -webkit-border-radius: none;
  -moz-border-radius: none;
  -ms-border-radius: none;
  -o-border-radius: none;

  padding-top: 0;
  padding-bottom: 2rem;
}

/*Si lo quito de js, quitar*/
.pantalla-completa-galeria.contenedor_titulo_fijado::before {
  content: "";
  position: absolute;
  top: var(--altura-header); /* o la altura de tu title */
  left: 0; right: 0; bottom: 0;
  /* backdrop-filter: blur(4px); */
  pointer-events: none;
  z-index: 1;

  background:
  linear-gradient(to top, var(--primary5), transparent 75%)
}

.title-ficha-container.fijado .precio-ficha--oferta {
  display: flex;
  padding: 0;
}

.title-ficha-container.fijado .precio-ficha__contenedor {
  text-align: right;
  flex-direction: column;
  align-items: end;

  display: flex;
  margin-right: 2rem;
}

.title-ficha-container.fijado .text-precio {
  font-weight: bold;
  order: 1;
}


.precio-ficha .symbol {
  /* font-size: 75%; */
  font-weight: normal;
}

.datos-resumen-mobile__list {
  padding: var(--wrapper-padding);
  font-size: 0.75rem;
  display: flex;
  flex-wrap: wrap;
  background: var(--primary5);
  color: var(--primary90);
  padding-top: 0;
}

.datos-resumen-mobile__item {
  margin: 0 0.5rem;
}


/*
.datos-resumen-mobile ul li:nth-child(3n+2) {
 justify-content: center;
 text-align: center;
}

.datos-resumen-mobile ul li:nth-child(3n+3) {
  justify-content: right;
  text-align: right;
} */





.title-ficha-container {

  position: absolute;
  bottom: 0;
  padding: 1.5rem;
  color: white;
  width: 100%;
  /*padding-left: 6rem;
  padding-bottom: 6rem;
  padding-right: 6rem;
  padding-top: 10rem;
  */padding-left: var(--wrapper-padding);
  padding-right: var(--wrapper-padding);
  height: 100%;
  transition: .5s ease-out;
  -webkit-transition: .5s ease-out;
  -moz-transition: .5s ease-out;
  -ms-transition: .5s ease-out;
  -o-transition: .5s ease-out;
  padding-bottom: 1rem;
  height: auto;

  background: linear-gradient(to top, hsl(0, 0%, 0%), #0000008f 75%, #0000 100%);
}

.esquema-azul .title-ficha-container {
    background: linear-gradient(to top, var(--primary5), transparent 99%);
}


.title-ficha-container.fijado {
  background: var(--neutral5);
  position: fixed;
  top: var(--altura-breadcrumbsYheader);
  height: fit-content;
  z-index: 10;
  transition: all .5s ease-in;
  -webkit-transition: all .5s ease-in;
  -moz-transition: all .5s ease-in;
  -ms-transition: all .5s ease-in;
  -o-transition: all .5s ease-in;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: white;
}

.esquema-azul .title-ficha-container.fijado {

background: var(--primary15);
}


.title-ficha-container.fijado span.cantidad {
  color: var(--primary98);
  order: 1 !important;
  line-height: normal;
}


body.hidden .title-ficha-container.fijado{
  top: var(--altura-header) ;
  transition: all .3s ease-out;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
}


body.logged-in .title-ficha-container.fijado{
 
    top: var(--altura-breadcrumbsYheader);

}

body.logged-in.hidden .title-ficha-container.fijado{
 top: var(--altura-header);
}




.info-oferta {
  padding: 1rem;
  /* background: black; */
  /* border-radius: .05rem;
  -webkit-border-radius: .05rem;
  -moz-border-radius: .05rem;
  -ms-border-radius: .05rem;
  -o-border-radius: .05rem; */
  /* color: yellow; */
  margin-bottom: .5rem;
  padding: 0;
}


.info-oferta .info-oferta__title {
  font-size: 2rem;
  /* color: #fbfb6f; */
  text-transform: uppercase;
  font-weight: bold;

}

.title-ficha-container.fijado .titulo-coche__datos ,
.title-ficha-container.fijado .oferta_ficha__date,
.title-ficha-container.fijado .info-oferta__title,
.title-ficha-container.fijado .cantidad--tachada,
.title-ficha-container.fijado .info-oferta,
.title-ficha-container.fijado .precio-ficha--oferta .cantidad
{
  display: none;
}



.title-ficha-container.fijado .cantidad--oferta {
  font-size: initial;
  letter-spacing: initial;
}

.title-ficha-container.fijado .titulo-coche-ficha .logo-container {
    margin-right: 1rem;
    margin-right: 0;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
}

/*
.title-ficha-container.fijado .precio-ficha {
  order: -1;
} */

.title-ficha-container.fijado .h1-wrapper {
  flex: initial;
  flex: 1;
}

/*Quitar en php */
.datos-resumen-mobile {
  display: none;
}


.title-ficha-container.fijado span.marca-modelo,
.title-ficha-container.fijado span.cantidad {
  font-size: 1.125rem;
  transition: all .2s ease-in;
  -webkit-transition: all .2s ease-in;
  -moz-transition: all .2s ease-in;
  -ms-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
}





.title-ficha-container.fijado .titulo-coche-ficha .logo-container {
  /* width: 2.5rem; */
width: 2.5rem;
  height: 100%;
  padding-block: .5rem;
  display: flex;
  align-content: end;
  justify-content: end;
}

.title-ficha-container.fijado .titulo-coche-ficha .logo-container.horizontal {
  width: 4rem;
}

.title-ficha-container.fijado .titulo-coche-ficha .logo-container.horizontal_largo {
  width: auto;
  padding-block: .75rem;
    transition: all .1s ease-out;
    -webkit-transition: all .1s ease-out;
    -moz-transition: all .1s ease-out;
    -ms-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
  width: 4rem;
}

.title-ficha-container.fijado .titulo-coche-ficha .logo-container.circular {
    width: auto;
    padding-block: .25rem;
    width: 2.5rem;
    transition: all .1s ease-out;
    -webkit-transition: all .1s ease-out;
    -moz-transition: all .1s ease-out;
    -ms-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
}

.title-ficha-container.fijado .titulo-coche-ficha .logo-container.vertical {
  padding-block: 0;
  height: 2.25rem;
}




.titulo-coche-ficha {
  display: flex;
  align-items: end;
  /* align-items: center; */
  height: 100%;
  flex-wrap: wrap;
}

.title-ficha-container__wrapper {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  align-items: center;
}


.title-ficha-container.fijado .titulo-coche-ficha {
  align-items: center;
}

.title-ficha-container.fijado span.marca-modelo,
.title-ficha-container.fijado .text-precio
 {
  line-height: initial;
  transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -ms-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
}

.title-ficha-container.fijado span.marca-modelo,
.title-ficha-container.fijado span.cantidad--oferta
 {
  font-size: 1rem;
  line-height: 1;
}

.cantidad--oferta {
  font-weight: bold;

}


.title-ficha-container.fijado .points,
.precio-ficha .points {
  display: none;
}

.precio-ficha--oferta .points {
  display: inline;
  margin-right:  1rem;
}

.title-ficha-container.fijado span.version,
.title-ficha-container.fijado .text-precio {
  font-size: .875rem;
  font-weight: normal;
}


.cantidad--tachada {
  width: 100%;
  text-decoration: line-through;
  margin-right: .25rem;
  /* font-size: 1.5rem; */
  margin-right: 1rem;
}



.titulo-coche-ficha h1 {

  margin: 0;
/*  padding-left: 2rem; */
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: initial;



  
}

.titulo-no-video .titulo-coche-ficha h1 {
margin-right: auto;
  /* border: solid red; */
}

.titulo-coche__datos {
  text-align: left;margin-right: 0;font-size: 12px;letter-spacing: 2px;
  gap: 1.5rem;display: flex;/*! flex-direction: column; */width: 100%;justify-content: center;align-items: center;justify-content: end;order: 1;border: solid 1px #ffffff26;padding-block: .5rem;justify-content: start;
  overflow-x:auto;
  padding-inline: 1rem;
  padding-block: .2rem;
  white-space: nowrap;
  flex-wrap: nowrap;
  margin-top: 1rem;
  margin-bottom: .5rem;
  height: 3rem;
}


#video-container .precio-ficha {
  text-align: right;
  display: flex;
  flex-direction: column;
  /* position: absolute;
  top: 1rem;
  right: 1rem; */
}
/*
#video-container .cantidad,
#video-container span.marca-modelo {
  font-size: 8rem;
  font-weight: bold;
  /* padding-bottom: 0.8rem; */
  /*line-height: 4.4rem;


  line-height: 4.4rem;
  font-size: 3.6rem;
  letter-spacing: 0;
  font-weight: 400;
 
  line-height: 1.25rem;
  font-size: 1.5rem;
  letter-spacing: 0;
  font-weight: bold;
} */
/*
#video-container .version,
#video-container .text-precio {
  font-size: 4.944rem;
  /* background: red; */
  /*padding-top: 0.8rem; */

/*
  line-height: 2.8rem;
  font-size: 2.2rem;
  letter-spacing: 0;
  font-weight: 400;

  line-height:2rem;
  font-size:0.875rem;
  letter-spacing:0.01rem;
  font-weight:500;
}
*/ 
#video-container .text-contado {
  margin: 0;
}

/*
#video-container .text-precio {
  font-size: 1.25rem;

} */





.ficha-cta {
   position: sticky;
  top: 15rem;
  color: var(--primary20);
  border: solid 1px var(--primary60);
  padding: var(--wrapper-padding);
  padding: 1.25rem;
  background: white;
  margin-bottom: 1rem;
  padding-top: 1rem;
  margin-top: 24px;
  border: none;
}

.esquema-rojo .ficha-cta {
  color: var(--primary5);
}

.ficha-cta li {
  margin-top: 0.5rem;
  width: 100%;
  display: flex;
  padding-inline: .5rem;
}

.ficha-cta .derecha {
  text-align: right;
  flex: 1;
}

.ficha-cta li.precio-final {
  font-weight: bold;
  margin-top: 1rem;
  /* font-size: 1.125rem; */
  border-top: solid 1px;
    border-bottom: solid 1px;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    background: var(--primary98);
}

p.a-cambio {
  line-height:1rem;
  font-size:0.813rem;
  /*letter-spacing:0.05rem; */
  font-weight:400;
  margin-bottom: 0rem;
  margin-top: 1.5rem;
  text-wrap: pretty;
  
}

/*Financiación*/
.personalizar-financiacion {
  margin: 0 auto;
  width: 100%;
  padding: 1.5rem;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  display: none;
}

.titulo-financiacion {
  font-weight: bold;
font-size: 1.125rem;
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  
}

.titulo-financiacion span {
  padding-right: 0.5rem;
}

.titulo-financiacion i{
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  font-weight: bold;
  align-self: end;
  
}

.personalizar-financiacion.abierto .titulo-financiacion i {
  transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
}

.resultado-cuota {
  margin: 0;
  font-size: 1rem;
}

.deslizar-financiacion {
  width: 100%;
  padding-top: 0;
}

.deslizar-financiacion p {
  margin: 0;
}


#entradaSlider {
  -webkit-appearance: none;
  /*Eliminaelestilopredeterminado*/width: 100%;
  /*Anchocompleto*/height: 0.5rem;
  /*Alturaespecífica*/background: var(--neutral-variant90);
  /*Colordefondo*/outline: none;
  /*Eliminaelbordeexterior*/opacity: 0.7;
  /*Opacidadsemi-transparente*/-webkit-transition: .2s;
  /*Anchodetransición*/transition: opacity .2s;
  border-radius: 1.563rem ;
  -webkit-border-radius: 1.563rem ;
  -moz-border-radius: 1.563rem ;
  -ms-border-radius: 1.563rem ;
  -o-border-radius: 1.563rem ;
}

#entradaSlider::-webkit-slider-thumb {
  -webkit-appearance: none;
  /*Eliminaelestilopredeterminado*/appearance: none;
  width: 25px;
  /*Anchodelhandler*/height: 25px;
  /*Alturadelhandler*/background: var(--primary40);
  /*Colordefondodelhandler*/cursor: pointer;
  /*Cursorenformademanoalpasarporencimadelhandler*/border-radius: 8rem ;
  -webkit-border-radius: 8rem ;
  -moz-border-radius: 8rem ;
  -ms-border-radius: 8rem ;
  -o-border-radius: 8rem ;
}

#entradaSlider::-moz-range-thumb {
  width: 25px; /* Ancho del handler */
  height: 25px; /* Altura del handler */
  background: var(--primary40); /* Color de fondo del handler */
  cursor: pointer; /* Cursor en forma de mano al pasar por encima del handler */
  border-radius: 8rem ;
  -webkit-border-radius: 8rem ;
  -moz-border-radius: 8rem ;
  -ms-border-radius: 8rem ;
  -o-border-radius: 8rem ;
}

#entradaSlider {
  /* ... tus otros estilos ... */

  /* Para navegadores WebKit (Chrome, Safari) */
  ::-webkit-slider-runnable-track {
    background: #d3d3d3; /* Color de fondo del track */
  }

  ::-webkit-slider-thumb {
    /* ... tus otros estilos ... */

    /* Asegúrate de que el thumb está encima del track */
    z-index: 2;
  }
}

/* Para Firefox */
#entradaSlider::-moz-range-track {
  background: #d3d3d3; /* Color de fondo del track */
}

#entradaSlider::-moz-range-progress {
  background: #4CAF50; /* Color de fondo del progress */
}

#entradaSlider::-moz-range-thumb {
  /* ... tus otros estilos ... */

  /* Asegúrate de que el thumb está encima del progress y el track */
  z-index: 2;
}




.noUi-connect {
  background: var(--primary40) !important; /* Cambia esto al color que prefieras */
}



.deslizar-financiacion .wrapper-input {

  margin-top: 1rem;
  margin-bottom: 0.75rem;
}

.deslizar-financiacion .wrapper-input-label {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.deslizar-financiacion .slider-container,
.deslizar-financiacion .slider-container input {
  width: 100%;
}

.deslizar-financiacion .slider-container {
  margin-top: 1rem;
  margin-bottom: 1.25rem;
}

.deslizar-financiacion .slider-container .tooltips{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 1rem;
  font-size: 0.875rem;
  color: var(--neutral60);
}

.deslizar-financiacion .wrapper-input-mensaje {
  text-align: center;
}

.deslizar-financiacion .resultado-mensaje {
  margin-top: 0.5rem ;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  font-weight: bold;
}

.deslizar-financiacion .noUi-target {
  border: none;
  /*padding: 0;
  */background: var(--neutral-variant90);
  height: 0.5rem;
  border-radius: 1.563rem;
  background-image: linear-gradient(to right, var(--primary40) 10px, var(--neutral-variant90) 10px);
  -webkit-border-radius: 1.563rem;
  -moz-border-radius: 1.563rem;
  -ms-border-radius: 1.563rem;
  -o-border-radius: 1.563rem;
}

.deslizar-financiacion .noUi-horizontal .noUi-handle {
  top: -0.5rem;
  border: none;
  border-radius: 1.563rem;
  background: var(--primary40);
  width: 1.5rem;
  height: 1.5rem;
  -webkit-border-radius: 1.563rem;
  -moz-border-radius: 1.563rem;
  -ms-border-radius: 1.563rem;
  -o-border-radius: 1.563rem;
}



/* Estilos para el botón conmutador */
.switch {
  display: flex;
  background-color: var(--neutral80);
  border-radius: 1.5rem;
  width: 16rem;
  /*Ajustaelanchosegúntudiseño*/height: 1.25rem;
  /*Ajustalaalturasegúntudiseño*/position: relative;
  /*Añadeposiciónrelativaparaqueelselectorsearelativoaesto*/overflow: hidden;
  /*Evitaqueelselectorsalgadelswitch*/align-items: center;
  -webkit-border-radius: 1.5rem;
  -moz-border-radius: 1.5rem;
  -ms-border-radius: 1.5rem;
  -o-border-radius: 1.5rem;
  height: 32px;
}

.esquema-azul .switch {
  background-color: var(--primary95);
  color:
  var(--primary40)
}

.option {
  display: none; /* Oculta los inputs de radio */
}

.label {
  flex: 1;
  text-align: center;
  line-height: 1.25rem;
  color: var(--neutral40);
  cursor: pointer;
  position: relative;
  z-index: 1;
  transition: all .3s ;
  -webkit-transition: all .3s ;
  -moz-transition: all .3s ;
  -ms-transition: all .3s ;
  -o-transition: all .3s ;
  font-size: 0.875rem;
}

.esquema-azul .label {
  color: var(--primar650);
}

.label.selected {
  
  color: var(--primary90);
  transition: all .4s ease-in;
  -webkit-transition: all .4s ease-in;
  -moz-transition: all .4s ease-in;
  -ms-transition: all .4s ease-in;
  -o-transition: all .4s ease-in;
}

.selector {
  background-color: var(--primary40);
  border-radius: 1.5rem;
  transition: all 0.3s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  z-index: 0;
  /*width: calc(50% - 10px);
  10pxdeespacioencadaladoparaelpadding*/height: 1.25rem;
  -webkit-border-radius: 1.5rem;
  -moz-border-radius: 1.5rem;
  -ms-border-radius: 1.5rem;
  -o-border-radius: 1.5rem;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  height: 32px;
}




/*Menú tabla contenidos*/

#menu-navegacion {
display: flex;
  justify-content: center;
  border: solid;
}

#menu-navegacion li {
  height: 1.25rem;
  display:flex;
  align-items: center;
  transition: all .2s ease-out ;
  -webkit-transition: all .2s ease-out ;
  -moz-transition: all .2s ease-out ;
  -ms-transition: all .2s ease-out ;
  -o-transition: all .2s ease-out ;
  border-left: 4px solid transparent;
}

#menu-navegacion li a {
  height: 100%;
  display: flex;
  align-items: center;
  padding-left: 0.5rem;
  color: var(--neutral50);
}



.menu-activo {
  font-weight: bold;
  transition: all .2s ease-in;
  border-left: 4px solid var(--primary30) !important;
  /*Bordealaizquierdapararesaltar*/-webkit-transition: all .3s ease-in;
  -moz-transition: all .2s ease-in;
  -ms-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  -webkit-transition: all .2s ease-in;
}

#menu-navegacion li.menu-activo a {
  color: var(--neutral50);
}


/* Estilos para el contenedor principal de galerías */
/* Estilos para el contenedor principal de galerías */
.contenedor-galerias {
  display: flex;
  /*overflow: hidden; */
  position: relative;
  width: 200%; /* Doble del ancho de un contenedor individual */
  transition: transform 0.3s ease; /* Animación de transformación */
}

.contenedor-galerias.galeria--unica {
  width: 100%;
}

/* Estilos para los contenedores de galería */
.contenedor-galeria {
  flex: 1;
  width: 50%; /* Cada contenedor de galería ocupa la mitad del contenedor principal */
 /* height: 300px */ /* Ajusta la altura según tus necesidades */
  float: left; /* Evita que haya espacio entre los contenedores */
}

/* Inicialmente oculta el contenedor interior */
#contenedor-galeria-interior {
  transform: translateX(100%); /* Mueve el contenedor fuera de la vista a la derecha */
}



#contenedor-galeria-exterior {
 
}

#contenedor-galeria-interior {

}

#galeria-exterior-mini-track,
#galeria-unida-mini-track {
  padding-inline: 16px !important;
}

.seccion-ficha {
  overflow: hidden;
}



div#galeria-exterior-mini,
div#galeria-interior-mini,
div#galeria-unida-mini {
  /* background: var(--neutral70); */
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}


.container-secciones h2 {
text-align: center;
font-size: 1.25rem;
font-weight: normal;
margin-top: 0;
border-bottom: solid;
font-size: 24px;
}


/*Ficha técnica*/
.section-ficha-tecnica {
  margin-top: 56px;
}


/*CARACTERÍSTICAS*/
.section-caracteristicas ul {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}


.section-caracteristicas ul li {
  display: flex;
  flex-direction: column;
  width: 100%;
  /*background: var(--primary90);
  */justify-content: center;
  align-items: center;
  border-radius: 1rem;
  padding: 1.5rem;
  font-size: 1.25rem;
  color: var(--neutral5);
  padding: 0;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  font-size: 16px;
}

.section-caracteristicas ul li i,
.section-caracteristicas .icon {
  font-size: 2.813rem;
  color: var(--primary40);
  font-size: 32px !important;
  height: 50px;
  border-radius: 50px;
  font-size: 32px !important;
  width: 50px;
  align-items: center;
  display: flex;
  justify-content: center;
  background: var(--primary90);
  border: none;
}

.section-caracteristicas .icon svg {

  width: 28px;

}

.section-caracteristicas .icon path.color-path {
  fill: var(--primary70);
}

.section-caracteristicas .icon svg {
  fill: var(--primary40);
}


.esquema-rojo .section-caracteristicas ul li i {
color: var(--neutral20);
  background: var(--neutral80);
}

.section-caracteristicas ul li .caract {
  margin-top: 0.75rem;
}

.section-caracteristicas ul li .valor {
  font-weight: bold;
}

.section-ficha .title-container {
display: flex;
align-items: center;
justify-content: center;
padding-inline: var(--wrapper-padding);
margin-top: 24px;
  margin-bottom: 16px;
}



.section-ficha h2 {
  margin-right: 0.5rem;
  margin-bottom: 0;
}

.section-ficha .switch {
  margin-left: 0.5rem;
}


/*Magnific popup*/
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999999999999;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999999;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; 
overflow: hidden !important;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }


/*Loading?*/

#loading span {
  display: inline-block;
  margin: 0 2px;
  font-size: 20px;
  animation: loading 1s infinite;
}

#loading span:nth-child(2) {
  animation-delay: 0.2s;
}

#loading span:nth-child(3) {
  animation-delay: 0.4s;
}

@keyframes loading {
  0% { transform: scale(1); }
  50% { transform: scale(1.5); }
  100% { transform: scale(1); }
}


.header-ficha-container {
  display: none;
}






/*CTA*/
.call-action {
  position: sticky;
  bottom: 0;
  height: var(--altura-breadcrumbsYheader);
  width: 100%;
  display: flex;
  align-items: end;
  bottom: 1.5rem;
  z-index: 1;
  bottom: 3rem;
  margin-bottom: 3rem;
}


.ficha-cta .button-wrapper {
display: none;
}


/* Estilos del botón */
/* Estilos del botón */
/* Estilos del botón */
/* Estilos del botón */
/* Estilos del botón */
/* Estilos del botón */
#me-interesa-mobile {
    background-color:     hsla(225, 100%, 50%, 1);
    color: #FFFFFF;
    padding: 1rem 2rem;
    border-radius: 5rem;
    box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.1);
    height: 4rem;
    font-size: 1.2rem;
    font-weight: bold;
    position: sticky;
    bottom: 1rem;
    margin-inline: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-align: center;
    transition: box-shadow 0.3s ease;
    z-index: 9;
    margin-bottom: 3rem;
    -webkit-border-radius: 5rem;
    -moz-border-radius: 5rem;
    -ms-border-radius: 5rem;
    -o-border-radius: 5rem;
    border: none;
}

#me-interesa-mobile span {
  display: none;
}

#me-interesa-mobile:hover {
background-color: rgb(18, 49, 127); /* Azul un poco más oscuro en hover */ box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2); /* Sombra más pronunciada en hover */ transform: translateY(-2px);
}


#me-interesa-mobile.hide { transform: scale(0); opacity: 0; transition: transform 0.5s ease, opacity 0.5s ease; /* Animación de ocultar */ }


.popup-title {
  /*color: #000000;
  */padding: 1rem 2rem;
  padding-inline: 0;
  border-radius: 16px;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
  width: 100%;
  transition: all .1s ease-in;
  -webkit-transition:;
  -moz-transition:;
  -ms-transition:;
  -o-transition:;
  transition: color 0.2s ease-out;
}

.evitar-scroll-horizontal * { pointer-events: none; }

#popup-form.active .popup-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-inline: var(--wrapper-padding);
  padding-bottom: 0;
  transition: all .1s ease-out;
  -webkit-transition: all .1s ease-out;
  -moz-transition: all .1s ease-out;
  -ms-transition: all .1s ease-out;
  -o-transition: all .1s ease-out;
}

/* Estilos del modal */
#popup-form {
    background-color: hsla(225, 100%, 50%, 1);
    color: #FFFFFF;
    display: none;
    position: fixed;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
    width: fit-content;
    height: 4rem;
    border-radius: 16px;
    box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    overflow: hidden;
    transition: all .4s ease-in, transform 0.4s ease-in, background-color 0.3s ease-in, color 0.3s ease-in, box-shadow 0.4s ease-in;
    -webkit-transition: all .4s ease-in, transform 0.4s ease-in, background-color 0.3s ease-in, color 0.3s ease-in, box-shadow 0.4s ease-in, border-radius 0.3s ease-in;
    -moz-transition: all .4s ease-in, transform 0.4s ease-in, background-color 0.3s ease-in, color 0.3s ease-in, box-shadow 0.4s ease-in;
    -ms-transition: all .4s ease-in, transform 0.4s ease-in, background-color 0.3s ease-in, color 0.3s ease-in, box-shadow 0.4s ease-in;
    -o-transition: all .4s ease-in, transform 0.4s ease-in, background-color 0.3s ease-in, color 0.00001s ease-in, box-shadow 0.4s ease-in;
    border-radius: 5rem ;
    -webkit-border-radius: 5rem ;
    -moz-border-radius: 5rem ;
    -ms-border-radius: 5rem ;
    -o-border-radius: 5rem ;
    /* font-weight: bold; */
}


#popup-form .formContainer{
  margin-inline: auto;

  max-width: 360px;
}

#popup-form.active {
    display: flex;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100dvh;
    border-radius: 0;
    width: 100% !important;
    z-index: 999999999;
    background-color: #FFFFFF;
color: #535353;
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.4s ease-out, transform 0.4s ease-out, background-color 0.3s ease-out, color 0.001s ease-out, box-shadow 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out, transform 0.4s ease-out, background-color 0.3s ease-out, color 0.001s ease-out, box-shadow 0.4s ease-out;
    -moz-transition: all 0.4s ease-out, transform 0.4s ease-out, background-color 0.3s ease-out, color 0.001s ease-out, box-shadow 0.4s ease-out;
    -ms-transition: all 0.4s ease-out, transform 0.4s ease-out, background-color 0.3s ease-out, color 0.001s ease-out, box-shadow 0.4s ease-out;
    -o-transition: all 0.4s ease-out, transform 0.4s ease-out, background-color 0.3s ease-out, color 0.001s ease-out, box-shadow 0.4s ease-out;
}



.popup-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    transition: all 1s ease-in-out;
}

#popup-form.active .popup-content {
    justify-content: start;
  
    overflow-y: auto; /* Permitir desplazamiento vertical */
}


.close-popup {
    display: none;
}

#popup-form.active .close-popup {

    cursor: pointer;
    display: block;
}

.popup-form-container {
    display: none;
}

#popup-form.active .popup-form-container {
    display: block;
    padding: var(--wrapper-padding);
    height: 100%; /* Ocupar toda la altura del modal */
    overflow-y: auto; /* Permitir desplazamiento vertical */
    /* max-width: 360px; */
    padding-top: 0;
}

.popup-form-images__texto {
flex: 1;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  flex-direction: column;
  justify-content: end;
}


.popup-form-container img.portada_principal_coche {
    height: auto;
    margin-bottom: 0;
    aspect-ratio: 16 / 9;
    object-fit: cover;
width: 50%;
  /* max-height: 260px; */
    border-radius: .4rem;
    -webkit-border-radius: .4rem;
    -moz-border-radius: .4rem;
    -ms-border-radius: .4rem;
    -o-border-radius: .4rem;
 
}

.popup-form-images__texto-images-container {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
}

.popup__marca-modelo {
  font-weight: bold;
  font-size: 1.5rem;
}

.popup__version {
  font-size: 1rem;
}

.close-popup::before {
  content: '\e937';
  font-family: 'icons_plantilla360';
  font-size: 2.5rem;
  /* color: red; */
}

.no-scroll {
    overflow: hidden !important;
}

.popup-text-form {
  font-size: 14px; 
  margin-top: 0;
  margin-bottom: 2rem;
  line-height: initial;
}

.popup-text-form, div#wpcf7-f15077-o1 {
  max-width: 400px;
  margin-inline: auto;
}

/* Formulario me interesa*/

.popup-form label {
  display: flex;
  align-items: center;
}

.popup-form .wpcf7-list-item-label {
  font-size: 13px;
}

.acceptance.acceptance-terminos  .wpcf7-not-valid-tip {
  position: relative;
  margin-top: -1rem !important;
  margin-bottom: 2rem;
}
#enviar_mensaje_ficha {
background-color: #007bff; /* Azul */ color: #fff; /* Texto blanco */ padding: 1rem 1.2rem; border: none; border-radius: 8px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); font-size: 1rem; cursor: pointer; transition: background-color 0.3s, box-shadow 0.3s;height: 3rem;
}
.enviar_mensaje_ficha:hover { background-color: #0069d9; /* Azul un poco más oscuro */ box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.15); }

.cancelar-form { background-color: #e0e0e0; /* Gris suave */ color: #333; /* Texto oscuro */ padding: 1rem 1rem; border: none; border-radius: 8px;
   box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); /* Sombra sutil */
    font-size: 1rem;
     cursor: pointer; 
   transition: background-color 0.3s, box-shadow 0.3s; 
height: 3rem;
display: flex;
align-items: center;
}

.cancelar-form:hover { background-color: #d5d5d5; /* Gris un poco más oscuro */ box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.15);}


.popup-form .wpcf7-list-item {
  margin-left: 0;
}

.formContainer [type="checkbox"] {
  width: 32px;height : 32px; margin-right: .25rem;
  position: relative;
  left: 0;
  display: block;
  line-height: 0;
  max-width: 32px;
  min-width: 32px;
  max-height: 32px;
  min-height: 32px;
}

.wpcf7-list-item-label {
  padding-left: .5rem;
}

.container-submit {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1rem;
  justify-content: center;
  row-gap: 1rem;
  margin-top: 2rem;
}

.wpcf7-spinner {
  order: -1;
  margin: 0;
  position: absolute;
}


.popup-form-container .form-precio-popup.ficha-cta{
  padding: 0 !important;
  margin: 0 !important;
  width: 100%;
  display: none;
}

.popup-form-container .form-precio-popup.ficha-cta .wrapper-precio {
  width: 100% !important;
}

.pupup-form-images_container {
  display: flex;
  flex-wrap: nowrap;
  column-gap: 1rem;
  margin-bottom: 4rem;
}

.pupup-form-images_container .logo-marca {
  /* flex: 1; */
  height: auto;
  /* order: -1; */
  max-height: 260px;
  max-width: 4rem;
}

.pupup-form-images_container .logo-marca__horizontal,
.pupup-form-images_container .logo-marca__horizontal_largo {
  max-width: 6.5rem;
}





.disclaimer {
  margin-top: 1.5rem;
  padding: 1rem;
  border-top: 1px solid #ddd;
  font-size: .875rem;
  color: #666;
}

.pantalla-completa-galeria {
  grid-column: span 12;
  grid-row: 1;
  height: calc(100vh - var(--altura-breadcrumbsYheader));
  transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -ms-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  position: relative;
  background: black;
  overflow: hidden;


  max-height: 40vh;

}

.hidden .pantalla-completa-galeria { 
  height: calc(100vh - var(--altura-header)); 
  transition: all .3s ease-out; 
  -webkit-transition: all .3s ease-out; 
  -moz-transition: all .3s ease-out; 
  -ms-transition: all .3s ease-out; 
  -o-transition: all .3s ease-out;
  max-height: 40vh;
}


/* Intento rellenar huevo*/
/* .pantalla-completa-galeria::after {
  content: '';
    background: linear-gradient(to top, var(--primary5), transparent 99%);
  width: 100%;
  height:8rem;
  position: absolute;
  bottom: 0;
} */

.pantalla-completa-galeria .slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    opacity: 0;
    transform: scale(1);
    transition: opacity 1s ease-in-out, transform 20s ease-in-out;
}

.pantalla-completa-galeria .slide.active {
    opacity: 1;
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
}

.title-ficha-container {
    z-index: 10;
}

.precio-ficha--movil {
  display: flex;
}
.precio-ficha__contenedor {
  margin-inline: auto;
  /* padding-block: 1rem; */
  text-align: right;
}

.precio-ficha--oferta .precio-ficha__contenedor {
  text-align: center;
}


#seccion-descripcion .content-section p {
  text-align: pretty;
}










/* 1) Contenedor absoluto en esquina */
.listing-actions {
     position: absolute;
    top: var(--altura-breadcrumbs);
    right: var(--wrapper-padding);
    z-index: 10;
    margin-top: var(--wrapper-padding);
}
.listing-actions__list {
  display: flex;
  gap: 0.75rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* 2) Botones circulares con icono */
.listing-actions__button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  background: rgba(0, 0, 0, 0.5);
  border: none;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
}

/* 3) Icono siempre visible en móvil */
.listing-actions__icon {
  flex-shrink: 0;
}

/* 4) Label oculto en móvil */
.listing-actions__label {
  display: none;
}





















/* ─────── BOTÓN SCROLL DOWN ─────── */
.button-scroll__ficha {
display: none;
}


@media (min-width:420px) {
  .title-ficha-container {
    height: auto;
  }

  #video-container .precio-ficha, 
  span.version {
    font-size: 1rem;
    letter-spacing: 1px;
  }

  .titulo-coche-ficha .logo-container {
    align-self: center;
    width: 3.5rem;
  }

  span.marca-modelo, span.cantidad {
    font-size: 1.2rem;
    letter-spacing: 2px;
  }

  #video-container .precio-ficha {
    padding-left: 1rem;
    transition: all .2s ease-in-out;
    position: initial;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
  }

.main-single-coche--tiene-oferta .titulo-coche-ficha .logo-container {
  width: 7rem;
}
.main-single-coche--tiene-oferta span.marca-modelo
/* .main-single-coche--tiene-oferta span.cantidad { */ {
  font-size: 2rem;
  line-height: 1;
}
.main-single-coche--tiene-oferta span.version {
  font-size: 1.5rem;
  line-height: 1.25;
}

}  

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }



@media (min-width: 600px) {
.splide__slide.popup-image img {
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
}

.datos-fotos {
  border-bottom-right-radius: 1rem;
}

  
  span.marca-modelo, span.cantidad {
    font-size: 1.5rem;
    margin-bottom: .5rem;
  
  }

  span.version, .text-precio , .cantidad--tachada, .cantidad--oferta {
    font-size: 1.2rem;
    line-height: 1.25;
  }

  
  .titulo-coche-ficha .logo-container {
    width: 5rem;
  }

  .datos-resumen-mobile__list {
    font-size: 1rem;
  }


  .ficha-cta, .container-secciones section, #seccion-descripcion {
    padding-inline: 2.5rem;
  }

  .container-secciones section {
    margin-bottom: 6rem;
  }

  .title-ficha-container.fijado span.version,
  .title-ficha-container.fijado .text-precio {
    font-size: 1rem;
  }

  .title-ficha-container.fijado span.marca-modelo, .title-ficha-container.fijado span.cantidad {
    margin-bottom: 0;
  }

  .splide__slide {
    height: 320px !important;
  }

  .container-secciones h2 {
    font-size: 26px;
    margin-bottom: 32px;
  }

  #seccion-galeria h2 {
    margin-bottom: 0;
  }

  .label {
    font-size: 1rem;
  }

  .ficha-cta {
    padding-block: 4rem;
  }

.section-caracteristicas ul {
  grid-template-columns: repeat(4, 1fr);
    
}


body.logged-in .title-ficha-container.fijado{
  top: var(--altura-WpAdminBaryHeader);
top: calc(var(--altura-WpAdminBaryHeader) + var(--altura-breadcrumbs));
}

body.logged-in.hidden .title-ficha-container.fijado{
  top: var(--altura-WpAdminBaryHeader);
}




.info-oferta {
  padding: .5rem;

}





}

@media (min-width: 740px) {

.precio-ficha--oferta{
  display: flex;
  padding: 1rem;
}


  .precio-ficha--movil {
  display: none;
}


.main-single-coche--tiene-oferta span.cantidad {
  font-size: 1.5rem;
}

.info-oferta .info-oferta__title {
font-size: 1.5rem;
}



.popup-form-container .form-precio-popup.ficha-cta{

  display: flex;
}

}


@media (min-width: 800px) {
    .ficha-cta, .container-secciones section, #seccion-descripcion {
        padding-inline: 7rem;
    }

      .container-secciones h2 {
    
    margin-bottom: 40px;
  }

  .section-caracteristicas ul li i {
    width: 64px;
    height: 64px;
    font-size: 40px !important;
  }

.section-caracteristicas .icon svg {
    width: 40px;
}
    /* ======================
   Iconos inline (ej. tracción)
   ====================== */
  .section-caracteristicas .icon {
    /* display: inline-block; */
    width: 64px;
    height: 64px;
    vertical-align: middle;
    color: currentColor;
    /* Hereda el color del texto o puedes forzarlo */
  }

  .section-caracteristicas .icon svg {
    /* width: 100%; */
    height: auto;
    /* fill: currentColor; */
    /* Para que use el color de .icon */
  }

.ficha-cta li {
  margin-top: 1rem;
}

.ficha-cta li:first-child {
  margin-top: 0;
}

.section-ficha .title-container {
  margin-bottom: 32px;
}

  .ficha-cta.border-radius {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.section-caracteristicas ul {
  grid-template-columns: repeat(5, 1fr);
    
}


  .titulo-coche-ficha .logo-container {
    width: 7rem;
  }

  span.marca-modelo, span.cantidad {
    font-size: 1.8rem;
    letter-spacing: 4px;
  }

    span.version, .text-precio, .cantidad--tachada, .cantidad--oferta {
    font-size: 1.4rem;
    letter-spacing: 4px;
  }


  .cantidad--oferta {
    font-weight: bold;
  }

  .precio-ficha--oferta span.version, .precio-ficha--oferta .text-precio, .precio-ficha--oferta .cantidad--tachada, .cantidad--oferta {
letter-spacing: initial;
  }

  .title-ficha-container.fijado span.marca-modelo,
  .title-ficha-container.fijado span.cantidad,
  .title-ficha-container.fijado span.version, 
  .title-ficha-container.fijado .text-precio {
letter-spacing: 2px;
  }

.popup-text-form, div#wpcf7-f15077-o1 {
    max-width: none;
}

.popup-form .formContainer {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  column-gap: 1rem;
}




.hidden .pantalla-completa-galeria,

.pantalla-completa-galeria  {
max-height: 50vh;
} 

#popup-form .formContainer {
  max-width: none;
}

  }



@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } 
  
  

  
  
  
  }

@media (min-width: 1024px) {

.title-ficha-container {
  overflow: hidden;
}

 .main-single-coche aside {
  grid-column: span 4;

 }

 .main-single-coche .container-secciones {
  grid-column: span 8;
  order: -1;
 }

 span.marca-modelo, span.cantidad {
  font-size: 2.5rem;
  line-height: initial;
 }


.main-single-coche--tiene-oferta span.marca-modelo {
  font-size: 2.5rem;
}


  .main-single-coche--tiene-oferta .titulo-coche-ficha .logo-container {
    width: 10rem;
  }

   span.version, .text-precio, .cantidad--tachada, .cantidad--oferta {
    font-size: 1.5rem;
  }

  .precio-ficha--oferta span.version, .precio-ficha--oferta .text-precio, .precio-ficha--oferta .cantidad--tachada, .cantidad--oferta {
letter-spacing: initial;
  }

  .titulo-coche-ficha .logo-container {
   width: 7rem;
  }

  .datos-resumen-mobile {
    /*display: flex; */
    position: absolute;
    top: var(--altura-breadcrumbsYheader);
    z-index: 1;
            width: 100%;
        left: 0;
  }

  .logged-in .datos-resumen-mobile {
    top: calc(var(--altura-WpAdminBaryHeader) + var(--altura-breadcrumbs));
  }

  .datos-resumen-mobile__list {
    height: 2rem;
    font-size: 0.9rem;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    border-top-right-radius: 4rem;
    border-bottom-right-radius: 4rem;
    color: var(--primary80);
  }

  .datos-resumen-mobile__item {
    margin: 0;
    display: flex;
    align-items: center;
    height: 2rem;
  }


/*Nuevo añadido*/
.container-secciones section {
  margin-bottom: 6rem;
}

    .ficha-cta, .container-secciones section, #seccion-descripcion {
    padding-inline: var(--espacioPadding);
  }

.ficha-cta.border-radius {
  max-width: none;
  padding-left: 0;
  padding-top: 0;
}

.container-secciones h2 {
  margin-bottom: 1.5rem;
}

.call-action {
  display: none;
}

.call-action-desktop {
  display: flex;
}

.ficha-cta .button-wrapper {
  display: flex;
  background: var(--)
}

.title-ficha-container.fijado {
  padding-block: 0;
}


#video-container {
      max-height: calc(100vh - var(--altura-breadcrumbsYheader));
}

.title-ficha-container.fijado {
  height: 3rem;
}

.title-ficha-container.fijado .titulo-coche-ficha h1 {
flex-direction: row;
column-gap: 1rem;
justify-content: start;
}

#video-container .title-ficha-container.fijado  .precio-ficha {
  flex-direction: row;
  column-gap: 1rem;
}

.title-ficha-container.fijado span.marca-modelo,
.title-ficha-container.fijado span.version {
  font-weight: normal;
  font-size: 1rem;
  line-height: initial;
}

#menu-navegacion-container {
  display: flex;
  order: -1;
  height: 3rem;
        display: flex;
        justify-content: center;
        align-items: center;
          margin-bottom: 4rem;
}

#menu-navegacion {
  border: none;
    gap: 2rem;
    height: 3rem;
    justify-content: center;
    align-items: center;
    display:flex;
  
}

    .titulo-coche-ficha .logo-container {
        width: 10rem;
        margin-right: var(--espacioPadding);
    }

    .h1-wrapper {
      padding-left: 0;
    }

      .title-ficha-container.fijado .h1-wrapper {
        padding-left: 1rem;
      }

.ficha-cta {
  background: transparent;
}




/*

#me-interesa {
  background: var(--atc-primary);
  color: white;
 font-weight: medium;
  width: 100%;
  margin-top: 1.5rem;
  border-radius: 5rem;
  border: none;
  -webkit-border-radius: 5rem;
  -moz-border-radius: 5rem;
  -ms-border-radius: 5rem;
  -o-border-radius: 5rem;

} */



 /*font-size: 1.5rem;
  */
/*
  /* box-shadow: 0 4px 8px 0 rgba(0,0,0,.2), 0 4px 16px 0 rgba(0,0,0,0.19); */

/* --- BOTÓN “ME INTERESA” ------------------------------------ */
:root{
  /* Si ya tienes variables equivalentes, elimina estas dos   */
  --btn-bg        : hsl(225 100% 50%);
  --btn-bg-hover  : hsl(225 100% 45%);
}

/* =====  ESTILO BASE  ======================================== */
#me-interesa,
#me-interesa-mobile{
  --shadow        : 0 4px 12px hsl(0 0% 0% / .25);
  --shadow-hover  : 0 6px 16px hsl(0 0% 0% / .30);
  --shadow-active : 0 2px  6px hsl(0 0% 0% / .20);

  appearance      : none;
  display         : flex;
  align-items     : center;
  justify-content : center;
  gap             : .5rem;           /* por si añades un icono  */
  padding         : 1rem 2.5rem;
  font: 600 1rem/1 var(--font-sans, "Open Sans", sans-serif);
  color           : #fff;
  background      :
      linear-gradient(135deg,
          hsl(225 100% 55%) 0%,
          hsl(225 100% 45%) 100%);
  border          : 0;
  border-radius   : 3.5rem;
  box-shadow      : var(--shadow);
  cursor          : pointer;
  transition:
      box-shadow   .25s ease,
      transform    .25s cubic-bezier(.4,0,.2,1),
      background   .25s ease;
  /*  iOS “tap delay” fix  */
  touch-action: manipulation;
  margin-top: 1rem;
  margin-left: auto;
}

/* =====  HOVER / FOCUS  ====================================== */
#me-interesa:hover,
#me-interesa-mobile:hover,
#me-interesa:focus-visible,
#me-interesa-mobile:focus-visible{
  background      :
      linear-gradient(135deg,
          hsl(225 100% 60%) 0%,
          var(--btn-bg-hover) 100%);
  box-shadow      : var(--shadow-hover);
  transform       : translateY(-3px) scale(1.03);
  outline         : none;           /* quita borde nativo      */
}

/* =====  ACTIVE (mientras se pulsa) ========================== */
#me-interesa:active,
#me-interesa-mobile:active{
  box-shadow      : var(--shadow-active);
  transform       : translateY(0)   scale(.98);
}

/* =====  DISABLED (por si lo necesitas) ====================== */
#me-interesa[disabled],
#me-interesa-mobile[disabled]{
  opacity         : .45;
  cursor          : not-allowed;
  transform       : none;
  box-shadow      : none;
}

/* =====  ANIMACIÓN SUAVE SÓLO CUANDO ESTÁ PERMITIDA ========= */
@media (prefers-reduced-motion: reduce){
  #me-interesa,
  #me-interesa-mobile{
    transition: none;
  }
}

.popup-form .formContainer {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  column-gap: 1rem;
}

.container-submit {
  grid-column: span 3;
}

.popup-form-container img.portada_principal_coche {
  max-height: none;
      width: 65%;
}

#popup-form.active .popup-form-container {
  max-width: 1080px;
}

#me-interesa-mobile {
  display: none;
}

#popup-form {
  background: white;
  transition: all .2s ease-out;
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -ms-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
}

#popup-form .popup-title {
  display: none;
}

#popup-form.active .popup-title {
  display: flex;
  max-width: 1080px;
  padding-inline: 2rem;
}


#popup-form {
  transform: none;
  /* left: initial;
  right: 0; */
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  height: 0;
  /* bottom: 20%; */
}

  .hidden .pantalla-completa-galeria, .pantalla-completa-galeria {
    max-height: 70vh;
  }




.titulo-coche__datos {
  padding-block: .25rem;
  font-size: 1rem;
}

.title-ficha-container.fijado .precio-ficha__contenedor {
  flex-direction: row;
}

.title-ficha-container.fijado .text-precio {
  order: 0;
}

.title-ficha-container.fijado .points {
  display: inline;
  margin-right: .5rem;
}

}

@media (min-width: 1080px) {
  .datos-resumen-mobile ul {
    padding-block: 0;
  }

/*.datos-resumen-mobile {
  top: 9rem;
} */

.splide__slide.popup-image {
  height: 380px !important;
}


#popup-form.active .popup-title {
  padding-inline: 3.5rem;
}


main#single_coche {
  padding-bottom: 8rem;
}


#seccion-descripcion .content-section {
  max-width: 600px;
  margin-inline: auto;
}

}

@media (min-width: 1200px) {

#popup-form.active .popup-title {
  padding-inline: 2rem;
}


nav#menu-navegacion-container {
  grid-column: span 2;
  position: sticky;
  top: 15rem;
          justify-content: start;
        align-items: start;
        padding-left: 2rem;
         height: fit-content;
}

#menu-navegacion {
  justify-content: start;
  align-items: start;
  flex-direction: column;
  height: 100%;
}

.main-single-coche .container-secciones{
  grid-column: span 6;
  padding-inline: 0;
}

    .main-single-coche aside {
        grid-column: span 4;
    }

.title-ficha-container {
  padding-bottom: 3rem;
}

.title-ficha-container.fijado {
  /* padding-bottom: 0.5rem; */
}


.ficha-cta.border-radius {
  margin-top: 0;
}

#video-container {
  margin-bottom: var(--wrapper-padding);
}
.section-caracteristicas ul {
  grid-template-columns: repeat(4, 1fr);
    
}

.titulo-no-video {
  margin-bottom: 4rem;
  padding-left: 0;
  grid-column: 3 / 13;

}

#popup-form.active .popup-form-container {
  padding: 2rem;
  padding-top: 0;
}

.pupup-form-images_container {
  column-gap: 2rem;
}

  .hidden .pantalla-completa-galeria, .pantalla-completa-galeria {
    max-height: none;
  }

   .pantalla-completa-galeria {
    margin-bottom: 4rem;

    height: calc(100dvh - var(--altura-header));

    margin-bottom: var(--wrapper-padding);
   }


   .logged-in    .pantalla-completa-galeria {
     height: calc(100dvh - var(--altura-header) - var(--altura-WpAdminBar));
   }


    .logged-in.hidden .pantalla-completa-galeria {
     height: calc(100dvh - var(--altura-header) - var(--altura-WpAdminBar));
   }

.text-contado {

  margin: 0;
  justify-content: end;
  padding: 0;
}

.text-cuota {
  margin: 0;
}
.precio-ficha__bottom {
  display: flex;
  column-gap: 2rem;
  margin-top: 2rem;
  transition: all .5s ease-out;
  -webkit-transition: all .5s ease-out;
  -moz-transition: all .5s ease-out;
  -ms-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  justify-content: end;
  margin-left: auto;
}

.titulo-coche__datos {
  display: none;
}

 /* Contenedor de datos (en header, dentro de .h1-wrapper) */
  .h1-wrapper .datos-resumen {
    display: flex;
    align-items: center;
    flex-wrap: wrap;     /* que salten a la siguiente línea si faltara espacio */
    gap: 2rem;           /* espacio horizontal uniforme */
    margin-top: 2rem;
    font-size:1rem; /* un tamaño de texto ligero para metadatos */
    color: var(--neutral90);
  }


  .titulo-coche-ficha .precio-ficha {
    align-self: center;
  }



  /* Cada ítem conserva su contorno de texto sin partirse */
  .datos-resumen__item {
    white-space: nowrap;
  }

  /* Separador “profesional” entre ítems: una línea fina */
  .datos-resumen__item + .datos-resumen__item {
    padding-left: 1rem;
    margin-left: 1rem;
    border-left: 1px solid var(--neutral50);
  }


.title-ficha-container.fijado .h1-wrapper .datos-resumen {
  display: none;
}

.title-ficha-container.fijado .precio-ficha {
display: flex;
align-items: center;
display: flex;
    align-items: center;
    padding-block: 0;
    height: 100%;
    border-radius: 0;
}


.title-ficha-container.fijado .precio-ficha__bottom { margin: 0; transition: all .2s ease-in; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -ms-transition: all .2s ease-in; -o-transition: all .2s ease-in;

  /* order: -2; */
}

.title-ficha-container.fijado .text-precio {
  letter-spacing: initial;
  order: -1;
  margin-left: 2rem;
}

.title-ficha-container.fijado .text-precio .points {
  display: inline;
}

.title-ficha-container.fijado span.cantidad {
  /* margin-right: 2rem; */
  letter-spacing: initial;
  font-weight: normal;
  font-size: initial;
}

    .title-ficha-container.fijado span.marca-modelo, .title-ficha-container.fijado span.cantidad, .title-ficha-container.fijado span.version, .title-ficha-container.fijado .text-precio,
    .title-ficha-container.fijado .precio-ficha__bottom {
      letter-spacing: initial;
      letter-spacing: .075rem;
    }


.title-ficha-container__wrapper {
  flex: 2;
}
.precio-ficha--oferta {
flex-wrap: wrap;
    flex: 1;
    background: yellow;
    color: black;
    border-radius: .25rem;
}


.title-ficha-container.fijado .precio-ficha--oferta {
  color: yellow;
}


.main-single-coche--tiene-oferta .title-ficha-container__wrapper {
  padding-bottom: 1rem;
}

  .main-single-coche--tiene-oferta .titulo-coche-ficha .logo-container {
    width: 10rem;
    margin-right: 2rem;
  }

.precio-ficha__contenedor {
  width: 100%;
}
.main-single-coche--tiene-oferta .info-oferta {
  color: yellow;
  background: black;
}

.main-single-coche--tiene-oferta span.cantidad {
  color: black;
  font-size: 2.5rem;
  margin-top: 1rem;
}

.title-ficha-container.fijado .precio-ficha {
  flex: initial;
  background: transparent;
  /* color: yellow; */
}
.title-ficha-container.fijado .precio-ficha__contenedor {
  width: fit-content;
}

.main-single-coche--tiene-oferta .title-ficha-container.fijado .title-ficha-container__wrapper {
  padding-bottom: 0;
}









/* 1) Pasamos a flujo normal (in situ) */
  .listing-actions {
    position: static;
    margin-bottom: 2rem; /* o el espacio que prefieras */
  }

  /* 2) Botones “text only” */
  .listing-actions__button {
    width: auto;
    height: auto;
    background: none;
    border-radius: 0.25rem;
    padding: 0.5rem 1rem;
    color: var(--text-color, #333);
  }

  /* 3) Ocultar icono y mostrar label */
  .listing-actions__icon {
    display: none;
  }
  .listing-actions__label {
    display: inline;
    font-size: 0.9rem;
    font-weight: 500;
  }

  /* 4) Espacio entre botones */
  .listing-actions__list {
    gap: 1.5rem;
  }
























/* ─────── BOTÓN SCROLL DOWN ─────── */
.button-scroll__ficha {
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
  width: 3rem;
  height: 3rem;
  background: var(--atc-primary);
  backdrop-filter: blur(4px);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
  /* pulso suave */
  animation: btn-pulse 2.5s infinite ease-in-out;

  /* display: none !important; */
}

/* anillo que se expande detrás */
.button-scroll__ficha::before {
  content: "";
  position: absolute;
  width: 3rem;
  height: 3rem;
  border: 2px solid var(--atc-primary);
  border-radius: 50%;
  animation: ring-expand 1.8s infinite ease-out;
}

/* flecha hacia abajo hecha con pseudo-elemento */
.button-scroll__ficha::after {
  content: "";
  position: relative;
  top: 0.1rem;
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  border: solid var(--primary98);
  border-width: 0 0.2rem 0.2rem 0;
  transform: rotate(45deg);
  /* rebote de la flecha */
  animation: arrow-bounce 2s infinite ease-in-out;
}

/* Hover: refuerzo visual */
.button-scroll__ficha:hover {
  background: var(--primary70);
  transform: translateX(-50%) scale(1.05);
}

/* Pulsación (al hacer click) */
.button-scroll__ficha:active {
  transform: translateX(-50%) scale(0.95);
}

/* Keyframes */

@keyframes btn-pulse {
  0%, 100% { transform: translateX(-50%) scale(1); }
  50%      { transform: translateX(-50%) scale(1.08); }
}

@keyframes ring-expand {
  0%   { transform: scale(1);   opacity: 1; }
  100% { transform: scale(1.8); opacity: 0; }
}

@keyframes arrow-bounce {
  0%, 20%, 50%, 80%, 100% { transform: translateY(0) rotate(45deg); }
  40%                     { transform: translateY(6px) rotate(45deg); }
  60%                     { transform: translateY(3px) rotate(45deg); }
}



}


@media (min-width: 1360px) {
    .ficha-cta.border-radius {

        padding-right: var(--wrapper-padding);
        padding-left: var(--wrapper-padding);
    }

.container-secciones section {
  margin-bottom: 8rem;
}

    .ficha-cta, .container-secciones section, #seccion-descripcion {
      padding-right: 0;
    }

        .splide__slide {
        height: 420px !important;
    }

    span.marca-modelo, span.cantidad {
      font-size: 3rem;
    }

        .section-caracteristicas ul {
        grid-template-columns: repeat(5, 1fr);
    }

nav#menu-navegacion-container {
padding-left: 4rem;
}


.main-single-coche--tiene-oferta span.marca-modelo {
  font-size: 3rem;
}


.main-single-coche--tiene-oferta span.version {
  font-size: 2rem;
}


}


@media (min-width: 1440px) {

  .ficha-cta.border-radius {
    padding-left: 3rem;;
  }
}

@media (min-width: 1600px) {

.container-secciones section {
  margin-bottom: 10rem;
}

.ficha-cta, .container-secciones section, #seccion-descripcion {
  padding-right: 4rem;
}

.container-secciones h2 {
  font-size: 32px;
  margin-bottom: 2.5rem;;
}

.section-caracteristicas ul {
  grid-template-columns: repeat(5, 1fr);
    gap: 2rem;
}

nav#menu-navegacion-container {
  padding-left: var(--wrapper-padding);
}

.main-single-coche--tiene-oferta span.marca-modelo,
.main-single-coche--tiene-oferta span.cantidad {
  font-size: 4rem;
}


.main-single-coche--tiene-oferta span.version {
  font-size: 3rem;
}

  .main-single-coche--tiene-oferta .titulo-coche-ficha .logo-container {
    width: 15rem;
    margin-right: 2rem;
  }

#seccion-descripcion .content-section {
  max-width: 720px;
  font-size: 1.15rem;
}

}

@media (min-width: 1700px) {
span.marca-modelo, span.cantidad {
  font-size:  4rem;
}

span.version, .text-precio, .cantidad--tachada, .cantidad--oferta {
  font-size: 2rem;
}
  .precio-ficha--oferta span.version, .precio-ficha--oferta .text-precio, .precio-ficha--oferta .cantidad--tachada, .cantidad--oferta {
letter-spacing: initial;
  }

}

@media (min-width: 1870px) {

    nav#menu-navegacion-container {
        grid-column: span 3;
    }

        .main-single-coche aside {
        grid-column: span 3;
    }

        .splide__slide.popup-image {
        height: 460px !important;
    }

    .title-ficha-container {
        padding-bottom: 5rem;
    }

        .titulo-coche-ficha .logo-container {
        width: 12rem;
        margin-right: 3rem;
    }

}






/* @media (min-width:1025px) {
  #popup-form.desktop-origin {
      transform-origin: var(--origin-x) var(--origin-y);
      transform: scale(.05);
      opacity: 0;
      transition:
        transform .4s ease-out,
        opacity   .3s ease-out,
        border-radius .3s ease-out;
  }

  #popup-form.desktop-origin.active {
      transform: scale(1);
      opacity: 1;
  }
}
 */