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);
     border-radius: 1rem;
 }
 
 
 .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: white;
   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 .precio-ficha--oferta {
   display: none;
 }
 
 /*
 #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: .25rem;
 }
 
 .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: rgb(249, 250, 255);
 }
 
 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.active .close-popup:hover {
   color: red;
 }
 
 .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: 0;
   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;
   margin-top: 1rem;
   grid-column: span 12;
 }
 
 .popup__marca-modelo {
   font-weight: bold;
   font-size: 1.25rem;
 }
 
 .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;
 background: var(--green40);
 }
 #enviar_mensaje_ficha:hover { background-color: #0069d9; /* Azul un poco más oscuro */ box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.15); background:
var(--green30)}
 
 .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;
 box-shadow: none;
 }
 
 .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: grid;
   grid-template-columns: repeat(12,1fr);
   flex-wrap: wrap;
   column-gap: 1rem;
   margin-bottom: 1rem;
 }
 
 .pupup-form-images_container picture {
   width: 100%;
   grid-column: span 12;
   /* border: solid; */
 }
 
 .pupup-form-images_container .logo-marca {
   /* flex: 1; */
   height: auto;
   /* order: -1; */
   max-height: 260px;
   max-width: 4rem;
 }
 
 .popup-form-container picture img.portada_principal_coche {
   width: 100%;
   max-height: 145px;
 }
 
 
 .popup-form-images__texto-container {
   flex: 1;
 }
 
 .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;
 }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 .formContainer--docs {
   margin-top: 3rem;
   margin-inline: auto;
 }
 
 
 .formContainer--docs .inputContainer {
   max-width: 360px;
   margin-inline: auto;
 }
 
 
 
 
 .inputContainer .wpcf7-form-control-wrap {
   height: 45px;
   width: 100%;
   margin-bottom: 17px;
   display: block;
 }
 
 
 .formContainer--docs .labelInput {
   background: linear-gradient(to bottom, #fafafa, white);
 }
 
 
 .formContainer--docs label {
   display: inline-flex;
   align-items: center;
 }
 
 .formContainer--docs .wpcf7-list-item-label {
   font-size: 13px;
 }
 
 
 
 /* ─────── 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;
 }
 
 
 #video-container .precio-ficha--oferta {
   display: flex;
 }
 
 .popup-form-container picture img.portada_principal_coche {
   width: 100%;
 height: 100%;
 max-height: none;
 }
 
 .popup-form-container picture {
   width: 100%;
   grid-column: span 6;
 }
 
 .popup-form-images__texto {
   flex: 1;
   grid-column: 7 / 13;
 }

 .popup-text-form {
  max-width: 740px;
 }
 
 }
 
 
 @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;
 }
 .formContainer--docs .inputContainer .wpcf7-form-control-wrap {
   height: 45px;
   width: 100%;
   margin-bottom: 17px;
   display: block;
 }
   }
 
 
 
 @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-header));
 }
 
 .logged-in #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;
   box-shadow: none;
     width: 100%;
   background:   var(--green40)
 }
 
 /* =====  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      */
   transition: all .1s ease-in-out;
   background:
   var(--green30);
 
 }
 
 /* =====  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);
   height: calc(100dvh - var(--altura-header));
   max-height: none;
 }
 
 .logged-in #video-container {
     height: calc(100dvh - var(--altura-header) - var(--altura-WpAdminBar));
 }
 
 .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;
     margin-left: 0;
     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;
 background: var(--green50);
   /* display: none !important; */
 }
 
 /* anillo que se expande detrás */
 .button-scroll__ficha::before {
   content: "";
   position: absolute;
   width: 3rem;
   height: 3rem;
   border: 2px solid var(--green70);
   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 white;
   border-width: 0 0.2rem 0.2rem 0;
   transform: rotate(45deg);
   /*rebotedelaflecha*/animation: arrow-bounce 2s infinite ease-in-out;
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -o-transform: rotate(45deg);
}
 
 /* Hover: refuerzo visual */
 .button-scroll__ficha:hover {
   background: var(--primary70);
   transform: translateX(-50%) scale(1.05);
   background: var(--green80)
 }
 
 /* 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;
   }
 }
  */
 