:root {
      --primary-color: black;
      --accent-color: #4086ff;
      --text-dark: #2D3436;
      --text-light: #636E72;
      /* --wrapper-padding: 1rem; */
      --gap-slide: 1.5rem;
      --font-primary: 'Segoe UI', sans-serif;
    }




/*En style.css*/



.home .site-header {
 /* background: transparent; */
 box-shadow: none;
 /* background: white; */
 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;
}

.home .site-header.scrolled_logged-in,
.home .site-header.scrolled {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  background-color: white;
  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;
}
/*Home */
.section__section--home {
  padding-inline: var(--wrapper-padding);
  height: calc(100vh - var(--altura-header));
  margin-top: var(--altura-header);
  padding-top: 4rem;
}

.logged-in  .section__section--home {
  height: calc(100vh  - var(--altura-WpAdminBaryHeader));
    margin-top: var(--altura-WpAdminBaryHeader);
}


/*Section marcas */

.section--marcas {
  /* margin-top: var(--altura-header); */
 
}

.logged-in .section--marcas {
  /* margin-top: var(--altura-WpAdminBaryHeader); */
}





.marcas__container {
    display: flex;
    flex-wrap: wrap;
    gap: 1.2rem;
    display: grid;
   grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
   justify-content: center;
}

/* .carrocerias__container {
  gap: 1.2rem;
} */

.marcas__item {
      text-align: center;
    padding-inline: .5rem;
      text-decoration: none;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: end;
     transition: transform 0.3s ease, background-color 0.3s ease;
      color: var(--primary20);
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
}

.marcas__item:hover {
    transform: scale(1.2);
    background-color: var(--neutral85);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
}

.marcas__item:hover .marcas__logo {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.marcas__item:hover .marcas__nombre {
    color: var(--atc-primary);
}

.carrocerias__item {
    transition: transform 0.3s ease, background-color 0.3s ease;
  color: var(--primary20);
}

.carrocerias__item:hover .carrocerias__nombre {
  /* color: white; */
  color: var(--primary50);
}

.marcas__logo {
    height: 3rem;
    width: auto;
    display: block;
    object-fit: contain;
    transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
     transition: transform 0.3s ease;
     margin-top: .5rem;
}

/* Modificadores para el logo según la forma */
.logo--horizontal {
    width: 4.6rem;
}

.logo--vertical {
    height: 3.2rem;
}

.logo--horizontal_largo {
   width: 4.5rem;
}

 .logo--horizontal_corto {
 width: 4.5rem;
  height: 3.5rem;
 }


.logo--horizontal_largo, .logo--horizontal, .logo--horizontal_corto {
  height: auto;
  margin-bottom: .5rem;
}


.marcas__nombre {
    margin: 0;
    font-size:0.875rem;
  margin-top: .25rem;
    color: inherit;
      transition: color 0.3s ease;
}


.marcas__item img[alt="Mercedes-Benz"] + .marcas__nombre { 
  letter-spacing: -0.05rem;
 }

.section__intro {
  margin-bottom: 4rem;
  text-wrap: pretty;
font-size: 1.25rem;
    line-height: 1.75rem;
text-align: center;
color: var(--neutral15);
text-align: left;
font-size: .875rem;
line-height: 1.5;
margin-bottom: 0;
text-wrap: balance;
max-width: 600px;

font-size: 1rem;
}

.section--marcas .section__intro,
.section__section--services .section__intro {
  
  margin-bottom: 2rem;
}

.section__intro--carrocerias {
  padding-inline: var(--wrapper-padding);
  /* color: var(--neutral50); */
}

/*Section carrocerías */
.section--carrocerias {
background: linear-gradient(to top, var(--neutral15), var(--neutral10), var(--neutral5));
      padding-right: 0;
      padding-block: .5rem;
      padding-left: 0;
      /* background: var(--neutral10); */

      padding-block: 3.5rem;
}

.carrocerias__wrapper {
        /* background: var(--primary60); */
      /* color: var(--primary90); */
}

.section--carrocerias .section__title {
  text-align: center;
  /* color: var(--neutral20); */

  text-align: left;
  padding-inline: var(--wrapper-padding);
}


.carrocerias__container {
display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap:0;
    /* max-width: 95%; */
    /* margin-inline: auto; */
    display: flex;
    flex-wrap: nowrap;
    overflow-x: scroll;
    padding-left: var(--wrapper-padding);
    padding-bottom: var(--wrapper-padding);
    padding: 0;
     scroll-behavior: smooth;
    /* background: var(--primary5); */
    overflow-y: hidden;
}



@keyframes scrollHint {
    0%, 100% { transform: translateX(0); }
    50% { transform: translateX(10px); }
}
a.carrocerias__item {
    border-radius: 1rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding-bottom: 1rem;
    text-decoration: none;
    color: white;
    letter-spacing: .045rem;
    font-weight: 400;
    min-width: 15rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;

    /* margin-inline: 1rem; */
}


.carrocerias__imagen {
  transition: background-color 5s ease-out;
  -webkit-transition: background-color 5s ease-out;
  -moz-transition: background-color 5s ease-out;
  -ms-transition: background-color 5s ease-out;
  -o-transition: background-color 5s ease-out;
  /*transition: transform 0.3s ease;
   */
}

.carrocerias__item:hover {
  transform: scale(1.1);
  background-color: var(--neutral20);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transition: transform .1s ease-in;
  -webkit-transition: transform .1s ease-in;
  -moz-transition: transform .1s ease-in;
  -ms-transition: transform .1s ease-in;
  -o-transition: transform .1s ease-in;
}


.carrocerias__item:hover .carrocerias__imagen {
  /* transform: scale(1.1);
  -webkit-transform:;
  -moz-transform:;
  -ms-transform:;
  -o-transform:; */
}

p.carrocerias__nombre {
    margin: 0;
    /* color: var(--primary80);
    color: var(--primary20); */
}

/*Section hero*/
.hero__title span {
      font-size: 1rem;
    background: var(--primary10);
    width: fit-content;
    color: white;
    padding-inline: 1rem;
    border-radius: 0.2rem;
    height: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}





.section__carrocerias-info {
  background: var(--primary20);
  color: white;
  display: flex;
  grid-template-columns: repeat(12,1fr);
  padding-inline: var(--wrapper-padding);
  padding-block: 3rem;
  flex-wrap: wrap;
  margin-top: 1rem;
}

.section__carrocerias__list,
.section__marcas__list {
  display: grid;
}

.section__carrocerias__list li,
.section__marcas__list li {
  line-height: 1.5;
}

.section__carrocerias__list h3,
.section__marcas__list h3 {
  margin-top: 3rem;
  margin-bottom: .5rem;
  line-height: 1.2;
}

.section__carrocerias__list a,
.section__marcas__list a {
color: hsl(208, 100%, 82.7%);
  display: inline-block;
  text-decoration: underline;
}

.section__marcas__list a {
  color: var(--atc-primary);
}

.section__marcas__list a:hover {
  color: var(--primary70);
}


/* Section reseñas */

.section__section--reviews {
    display: flex;
    flex-direction: column;
  /* grid-template-columns: repeat(12, 1fr); */
    /* background: var(--neutral95); */
}

.section__section--reviews .wp-gr.wpac {
      /* grid-column: span 3;
    align-items: end;
    justify-content: end; */
    display: flex !important;
    /* grid-column: span 12; */
}

.section--reviews__info-container {
  /* grid-column: span 9; */
  order: -1;
  max-width: 640px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;

}

.wp-gr .wp-google-place.wp-place-center .wp-google-left img {
  width: 6rem !important;
  height: 6rem !important;
  object-fit: cover;
}

.section--reviews__reviews-container {
  /* grid-column: span 12; */
}

.section__section--reviews .section__intro{
  /* margin-bottom: 0; */
  margin-bottom: 1.5rem;
}


.section--reviews__text {
  grid-column: span 12;
  text-wrap: balance;
  text-align: center;
}

.section__section--reviews .wp-gr.wpac {
  padding-bottom: 0 !important;
}

.reviews__p--first {
  margin-top: 0;
  font-size: .65rem;
}

h2.section__title {
    text-wrap: balance;
font-size: 2rem;
line-height: 2.5rem;
    text-align: center;
    text-decoration: underline;
    margin-top: 0;
    color: var(--primary10);

    /* border: solid; */
    
    font-size: 1.4rem;
  line-height: 1.25;
  text-decoration: none;

  text-align: left;

  font-weight: normal;
  letter-spacing: 2px;
  color: var(--neutral5);
}


.section--carrocerias .section__title {
  color: white;
}

.section--carrocerias .section__intro--carrocerias {
  color: var(--neutral80);
}




.car-body-types-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}

.car-body-types-list::-webkit-scrollbar {
  display: none;
}

.car-body-types-list li {
  flex: 0 0 auto;
  width: calc(50% - 2rem);
  margin: 1rem;
}

.car-body-types-list li:first-child {
  margin-left: calc(25% + 1rem);
}

.car-body-types-list li:last-child {
  margin-right: calc(25% + 1rem);
}


/*Lo anterior es de la primera versión*/

/* Estilos para la sección de carrocerías */
#carrocerias {
  font-family: sans-serif;
}

#carrocerias h2 {
  color: #1C2331;
  margin-bottom: 0.5em;
}

#carrocerias p {
  color: #6c757d;
  margin-bottom: 1em;
}

.carrocerias-slider {
  display: flex;
  overflow-x: scroll;
}

.carroceria {
  flex: 0 0 auto;
  width: calc(50% - 1em);
  margin-right: 1em;
}

.carroceria:last-child {
  margin-right: 0;
}

.carroceria img {
  width: 100%;
}

.carroceria h3 {
  color: #1C2331;
  margin-top: 0.5em;
}

.carroceria p {
  color: #6c757d;
}




/*Section hero*/


.section__hero {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    padding-inline: var(--wrapper-padding);
    background: black;
    background: linear-gradient(to bottom, black 64%, #04181c 82%, #020b0f 106%);
    /*height: 100vh;
    */background: white;
    padding-bottom: 4rem;
    max-width: 960px;
    margin-inline: auto;
 

    padding-right: 0;
   
}

.section--info {
  background: var(--primary5);
  color: white;
  display: grid;
  grid-template-columns: repeat(12,1fr);
  margin-bottom: 2.5rem;
}

.section__img {
  grid-column: span 12;
  border-radius: .75rem;
  -webkit-border-radius: .75rem;
  -moz-border-radius: .75rem;
  -ms-border-radius: .75rem;
  -o-border-radius: .75rem;
  order: 1;
  object-fit: cover;
  object-position: bottom;
  aspect-ratio: 16 / 9;
  height: 100%;
  display: none;
}

.section__p-container {
  grid-column: span 12;
  max-width: 720px;
  margin-inline: auto;
  margin-bottom: 3rem;
  text-wrap: pretty;
  margin-bottom: 0;
}

.section__p {
  margin-block: 2rem;
  line-height: 1.7;
}

.hero__img {
  grid-column: span 12;
  margin-top: 2rem;
margin-top: var(--altura-header);
order: -1;
padding-top: 2rem;

padding-top: 0;
margin-top: 0;
}

.logged-in .hero__img {
  margin-top: var(--altura-WpAdminBaryHeader);
}

.hero__img.hero__img--desktop {
  /* display: none; */
}

.hero__img.hero__img--mobile {
  display: block;
}

.hero__img img {
  /* border-radius: .5rem;
  -webkit-border-radius: .5rem;
  -moz-border-radius: .5rem;
  -ms-border-radius: .5rem;
  -o-border-radius: .5rem;
  width: 100%; */
}

.hero__text {
  grid-column: span 12;
  padding-top: 8rem;
  padding-top: 0;

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

.hero__text .button {
 max-width: 260px;
 
  text-decoration: none;
  border-radius: .5rem;
border: none;
background: var(--atc-primary);
}


.hero__filtros .facetwp-counter {
  display: none;
}

/* Select marcas front-page */

.filtros__wrapper {
width: 100%;
  display: grid;
  grid-template-columns: repeat(1,1fr);
  row-gap: 1rem;
}

.filtros__wrapper .fs-wrap {
  width: 100%;
}

.filtros__wrapper .facetwp-facet.facetwp-facet-modelo.facetwp-type-checkboxes,

.filtros__wrapper .facetwp-overflow.facetwp-hidden{
  display: flex;
  flex-wrap: wrap;

  
}

.filtros__wrapper .fs-dropdown {
  position: relative;
}

.filtros__wrapper .facetwp-toggle {
  display: none;
}

.filtros__wrapper .facetwp-checkbox {
width: 100%;
  height: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-inline: 1rem;
 
}

.filtros__wrapper .facetwp-checkbox.checked {
 background: var(--primary40);
  color: white;
}

.modelo-select {
    position: relative;
    cursor: pointer;
}

.modelo-label {
    padding: 10px;
    border: 1px solid #ccc;
    background-color: #fff;
    border-radius: .5rem;
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    -ms-border-radius: .5rem;
    -o-border-radius: .5rem;
}

.modelo-options {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    border: 1px solid #ccc;
    background-color: #fff;
    z-index: 1000;
    position: relative;
}

.modelo-options.facetwp-hidden {
    display: none;
}

.modelo-select.disabled .modelo-label {
    cursor: not-allowed;
    background-color: #f0f0f0;
    height: 2.625rem;
  display: flex;
  align-items: center;

}
/* .filtros__wrapper .facetwp-checkbox.disabled {
  display: none
} */

.hero__filtros {
    margin-top: 4rem;
    max-width: 360px;
    margin-inline: auto;
    display: none;
}

.filtros__wrapper .fs-label-wrap {
  height: 2.625rem;
  align-items: center;
  display: flex;
  border-radius: .5rem;
  -webkit-border-radius: .5rem;
  -moz-border-radius: .5rem;
  -ms-border-radius: .5rem;
  -o-border-radius: .5rem;
}

#facet-submit {
  margin-inline: auto;
  margin-top: 0;
 width: 100%;
 height: 3rem;
 font-size: 1.25rem;
 color:white;
  
}

/* .filtros__title {
    margin: 0;
    text-align: center;
    font-size: 1.25rem;
    font-weight: normal;
    letter-spacing: .025rem;
} */

body .wp-gr .grw-btns {
  height: 40px !important;
  width: 40px !important;
  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;
}

body .wp-gr .grw-review-inner.grw-round {
  border-radius: 24px !important;
  /* margin-inline: 2.5rem !important; */

}

body .wp-gr .grw-btns svg path {
  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;
}
body .wp-gr.wpac .wp-google-left img {
  box-shadow: none !important;
}

body .wpac , body .wp-gr.wpac a.wp-google-name {
  font-family: var(--ff-primary) !important;
}
body .wp-gr .grw-btns:hover {
  transition: all .3s ease-in;
  background: var(--atc-primary) !important;
  -webkit-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -ms-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
}

body .wp-gr .grw-btns:hover svg path {
  fill: var(--primary90) !important;
  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;
}

body .wp-gr .grw-btns.grw-next {
  margin-right: 0 !important;
}

body .wp-gr .grw-btns.grw-prev {
   margin-left: 0px !important;
}

h1.hero__title {
  text-wrap: balance;
  /* color: var(--neutral15); */
    font-weight: normal;

    font-size: 1.5rem;
    line-height: initial;
}


.entry-content {
  /* margin-top: 4rem; */
}

   #entry-content--start {

      margin-top: 5rem;
    }

    .entry-image + #entry-content--start {
    margin-top: 2rem;
}


.button_scroll_home {
  position: sticky;
  bottom: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 90;

  margin-inline: auto;
  width: fit-content;
  margin-block: 2rem;
}

.logged-in .button_scroll_home {
  margin-block: 33px;
}

.button_scroll_home button {
  height: 4rem;
  width: 4rem;
}

.button_scroll_home.button_scroll--page {
  display: none;
}


/* Estilo del botón flotante */
#scrollButton,
#scrollButtonPage {
    position: sticky;
    /*bottom: 20px;
    left: 50%;
    */
    /* transform: translateX(-50%); */
    /*background-color: #007bff;
    */
    color: #fff;
    border: none;
    border-radius: 50%;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 1000;
    animation: bounce 2s infinite;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}


.button_scroll_home.button_scroll--page button {
  background: var(--atc-primary);
}


/* Animación de rebote */
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-10px);
    }
    60% {
        transform: translateY(-5px);
    }
}

/* Hover y enfoque */
#scrollButton:hover, #scrollButton:focus {
    background-color: var(--atc-primary);
    outline: none;
    background-color: #007bff;
}

#scrollButton svg,
#scrollButtonPage svg {
  height: 2.5rem;
  width: 3rem;
}












/*Find e style.css*/













































































    /* Ajuste del wrapper según viewport */
    /* @media (min-width: 768px) { :root { --wrapper-padding: 2rem; } }
    @media (min-width: 1080px) { :root { --wrapper-padding: 3.5rem; } }
    @media (min-width: 1200px) { :root { --wrapper-padding: 5rem; } } */
    @media (min-width: 1500px) { 
      :root { 
        /* --wrapper-padding: 8rem; */
        --gap-slide: 2rem;
      }
    }
    @media (min-width: 1700px) { 
      :root { 
        /* --wrapper-padding: 7.5rem; */
        --gap-slide: 3rem;
      }
    }
    /* @media (min-width: 1770px) { :root { --wrapper-padding: 8.75rem; } } */
    @media (min-width: 1900px) { 
      :root { 
        /* --wrapper-padding: 7.5rem; */
        --gap-slide: 2.5rem;
      }
    }
    
.main {background-color: #f8f9fa }

    
    .recent-cars {
      padding: 3rem var(--wrapper-padding);
      /* background: linear-gradient(to bottom, #f8f9fa, #ffffff); */
      position: relative;
      overflow: hidden;
      background-color: #f8f9fa;
    }
    
    .recent-cars::before,
    .recent-cars::after {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      width: var(--wrapper-padding);
      pointer-events: none;
      z-index: 5;
    }
    .recent-cars::before { left: 0; background: linear-gradient(to right, #f8f9fa, transparent); }
    .recent-cars::after { right: 0; background: linear-gradient(to left, #f8f9fa, transparent); }
    
    .recent-cars__container { margin: 0 auto; }
    
    .recent-cars__title {
      font-size: 2rem;
      text-align: center;
      margin-bottom: 2.5rem;
      position: relative;
      padding-bottom: 0.5rem;
    }
    /* .recent-cars__title::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 60px;
      height: 3px;
      background: var(--accent-color);
    } */
    
    /* Carrusel */
    .carousel {
      position: relative;
      margin: 0 auto;
      max-width: 400px;
    }
    .carousel__track-container { padding: 1rem 0; }
    .carousel__track {
      display: flex;
      gap: var(--gap-slide);
      transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
      will-change: transform;
      backface-visibility: hidden;
      perspective: 1000px;
    }
    .carousel__slide {
      flex: 0 0 100%;
      scroll-snap-align: start;
      /* transform: translateZ(0); */
      backface-visibility: hidden;
    }
    
    /* Loading Spinner CSS */
    .car-card.loading::after {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      width: 2rem;
      height: 2rem;
      margin: -1rem 0 0 -1rem;
      border: 3px solid rgba(0,0,0,0.2);
      border-top-color: var(--primary-color);
      border-radius: 50%;
      animation: spin 0.8s linear infinite;
      z-index: 10;
    }
    @keyframes spin {
      to { transform: rotate(360deg); }
    }
    
    /* Zoom: por defecto, las tarjetas están a scale 0.80 y opacidad 0 con transición */
   /* Animación base de la tarjeta (estado inactivo) */
/* Estado inactivo: tarjetas en escala 0.8 y opacidad 0.6 */
.carousel__slide .car-card {
  transform: scale(0.5);
  opacity: 0;
  transition: transform 0.5s cubic-bezier(0.25, 0.1, 0.25, 1),
              opacity .5s cubic-bezier(0.25, 0.1, 0.25, 1);
}

/* Estado activo: tarjeta en escala 1 y opacidad 1 */
.carousel__slide.active .car-card {
  transform: scale(1);
  opacity: 1;
  transition: transform .5s cubic-bezier(0.25, 0.1, 0.25, 1),
              opacity .3s cubic-bezier(0.25, 0.1, 0.25, 1);
}


    
    @media (min-width: 768px) {
      .carousel { max-width: none; }
      .carousel__slide { flex: 0 0 calc((100% - var(--gap-slide)) / 2); }
    }
    @media (min-width: 1024px) {
      .carousel__slide { flex: 0 0 calc((100% - 2 * var(--gap-slide)) / 3); }
    }
    @media (min-width: 1900px) {
      .carousel__slide { flex: 0 0 calc((100% - 3 * var(--gap-slide)) / 4); }
    }
    
    .carousel__button {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background: var(--primary-color);
      border: none;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      color: white;
      font-size: 1.2rem;
      cursor: pointer;
      opacity: 0.9;
      transition: transform 0.3s ease, opacity 0.3s ease;
      z-index: 10;
    }
    .carousel__button:hover {
      opacity: 1;
      transform: translateY(-50%) scale(1.1);
    }
    .carousel__button--prev { left: -20px; }
    .carousel__button--next { right: -20px; }
    
    /* Tarjeta de coche */
    .car-card {
      background: white;
      border-radius: 16px;
      /* box-shadow: 0 4px 12px rgba(0,0,0,0.08); */
      border: solid 1px rgb(227, 227, 227);
      transition: transform 0.3s ease;
      position: relative;
      display: flex;
      flex-direction: column;
      overflow: hidden;
      height: 100%;

    }


/* Loading Spinner CSS */

.car-card.loading::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2.5rem;
  height: 2.5rem;
  margin: -1.25rem 0 0 -1.25rem;
  border: 3px solid rgba(0,0,0,0.1);
  border-top-color: var(--primary-color);
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
  z-index: 10;
}

.car-card.loading .car-card__image {
  opacity: 0.3; /* Reduce la opacidad de la imagen mientras carga */
  filter: blur(2px);
}

@keyframes spin {
  to { transform: rotate(360deg); }
}

    
    .car-card:hover { transform: translateY(-5px); }
    .car-card__image-container {
      position: relative;
      /* padding-top: 50%; */
      overflow: hidden;
      max-height: 240px
    }
    .car-card__image {
      /* position: absolute; */
      /* top: 0; */
      /* left: 0; */
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.3s ease;
      object-position: bottom;
    }
    .car-card:hover .car-card__image { transform: scale(1.05); }
    .car-card__iva-overlay {
      position: absolute;
      bottom: 0.5rem;
      right: 0.5rem;
      background: rgba(255,255,255,0.8);
      color: var(--text-dark);
      font-size: 0.75rem;
      padding: 0.25rem 0.5rem;
      border-radius: 4px;
      z-index: 6;
    }
    .car-card__badge {
      position: absolute;
      top: 0.75rem;
      left: 0.75rem;
      background: var(--accent-color);
      color: white;
      padding: 0.25rem 0.75rem;
      border-radius: 20px;
      font-size: 0.8rem;
      font-weight: 500;
      z-index: 5;
    }
    .car-card__content {
      padding: 1rem;
      display: flex;
      flex-direction: column;
      flex-grow: 1;
    }
    .car-card__header {
      display: flex;
      align-items: center;
      margin-bottom: 0.75rem;
    }
    .car-card__logo-container { flex-shrink: 0; }
    .car-card__logo {
      width: 60px;
      height: auto;
      filter: grayscale(100%);
      opacity: 0.8;
      transition: filter 0.3s ease, opacity 0.3s ease;
    }
    .car-card:hover .car-card__logo-container .car-card__logo {
      filter: grayscale(0%);
      opacity: 1;
    }
    .car-card__model-info { margin-left: 1rem; }
    .car-card__make {
      font-size: 1rem;
      color: var(--text-light);
      margin-bottom: 0.25rem;
    }
    .car-card__model-name { font-size: 1.5rem; color: var(--text-dark); }
    .car-card__specs {
      display: flex;
      flex-wrap: wrap;
      gap: 0.5rem 1rem;
      margin: 1rem 0;
      justify-content: center;
      order: 1;
    }
    .spec-item {
      display: flex;
      align-items: center;
      font-size: 0.9rem;
      color: var(--text-light);
    }
    .spec-item i { margin-right: 0.25rem; font-size: 1rem; }
    .icon-calendar_today::before { content: "\e919"; }
    .icon-map::before { content: "\e965"; }
    .icon-cambio::before { content: "\e91b"; }
    .icon-combustible::before { content: "\e93a"; }
    
    .car-card__pricing {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-top: auto;
      border-top: 1px solid #e0e0e0;
      padding-top: 0.75rem;
    }
    .price__column { text-align: center; flex: 1; }
    .price__column:not(:last-child) { margin-right: 0.5rem; }
    .price__label { font-size: 0.9rem; color: var(--text-light); margin-bottom: 0.25rem; }
    .price__value,
    .price__monthly { font-size: 1.25rem; font-weight: 700; color: var(--primary-color); }
    .car-card__cta {
      width: 100%;
      padding: 0.75rem;
      background: var(--primary-color);
      color: white;
      border: none;
      border-radius: 8px;
      font-weight: 600;
      cursor: pointer;
      transition: background 0.3s ease;
      margin-top: 1rem;
      text-decoration: none;
      text-align: center;
      order: 2;
      margin-top: 0;
    }

    
    .car-card__cta:hover { background: var(--accent-color); }
    
    .cta-button {
      /* display: inline-flex;
      align-items: center;
      padding: 1rem 2.5rem;
      background: linear-gradient(to right, var(--primary-color), #1E4A6E);
      color: white;
      text-decoration: none;
      border-radius: 50px;
      font-weight: 600;
      transition: transform 0.3s ease;
      margin-top: 2rem; */
      margin-top: 2rem;
    }
    .cta-button:hover {
      transform: translateY(-2px);
      box-shadow: 0 5px 15px rgba(42,92,130,0.3);
    }
    .cta-icon { margin-left: 0.75rem; transition: transform 0.3s ease; }

.cta-icon path {
    fill: currentColor;
}

    .cta-button:hover .cta-icon { transform: translateX(3px); }
    
    /* Eliminar transiciones durante el reset */
    .carousel__track.no-transition .car-card {
      transition: none !important;
    }
    /* Para evitar destellos al reset (mantén estas reglas comentadas si te sirven) */
    .carousel__slide:not(.active) .car-card {
      /* opacity: 0 !important;
      transition-delay: 0s !important; */
    }








        :root {
            --header-height: 80px;
            --padding-lateral: 1.5rem;
            --transition-easing: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }

        /* CONTENEDOR PRINCIPAL */
        .hero {
            position: relative;
            min-height: calc(100vh - var(--header-height));
            background: #000;
            color: #fff;
            padding: var(--header-height) var(--padding-lateral) 4rem;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
        }

        /* CONTENIDO DEL HERO */
        .hero__content {
            position: relative;
            z-index: 4;
            text-align: center;
            max-width: 1200px;
            opacity: 0;
            transform: translateY(30px);
            animation: contentReveal 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;
            will-change: opacity, transform;
        }

        /* Patrón de fondo sobre el contenido */
        .hero__content::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background-image:
                linear-gradient(45deg, rgba(255, 255, 255, 0.06) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.06) 75%),
                linear-gradient(45deg, rgba(255, 255, 255, 0.06) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.06) 75%);
            background-size: 8px 8px;
            background-position: 0 0, 4px 4px;
            animation: gridMove 60s linear infinite;
            pointer-events: none;
            z-index: 3;
        }

        /* Elemento difuso sutil detrás del contenido */
        .hero__content::after {
            content: '';
            position: absolute;
            width: 200px;
            height: 200px;
            background: radial-gradient(rgba(255, 255, 255, 0.03), transparent 70%);
            filter: blur(20px);
            animation: float 20s ease-in-out infinite;
            z-index: 2;
            pointer-events: none;
        }

        /* Fondo de la sección */
        .hero::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(45deg, rgba(15, 15, 15, 1) 0%, rgba(0, 0, 0, 1) 100%);
            z-index: 1;
        }

        .hero::after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            width: 150vw;
            height: 150vh;
            background: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.03) 0%, transparent 40%);
            transform: translate(-50%, -50%);
            z-index: 2;
            pointer-events: none;
        }

        /* TEXTO DEL CLAIM */
        .hero__claim {
            font-size: 4.5rem;
            line-height: 1.1;
            letter-spacing: 0.03em;
            text-transform: uppercase;
            margin-bottom: 1.5rem;
            position: relative;
            display: inline-block;
            overflow: hidden;
            font-weight: bold;
        }

        .hero__claim span {
            display: inline-block;
            position: relative;
            opacity: 0;
            transform: translateY(100%);
            animation: textReveal 0.6s var(--transition-easing) forwards;
            animation-delay: 0.2s;
        }

        /* "DO IT" con contorno */
        .hero__claim .stroke {
            position: relative;
            display: inline-block;
            color: #bcbcbc;
            /* text-shadow:
                0 0 8px rgba(255, 255, 255, 0.3),
                -1px -1px 0 #fff,
                1px -1px 0 #fff,
                -1px 1px 0 #fff,
                1px 1px 0 #fff; */
        }

        /* Efecto de "relleno" en el texto */
        .hero__claim .stroke::after {
            content: attr(data-text);
            position: absolute;
            top: 0;
            left: 0;
            width: 0;
            height: 100%;
            color: #fff;
            overflow: hidden;
            white-space: nowrap;
            transition: width 0.6s var(--transition-easing);
            text-shadow: none;
        }

        .hero__claim .stroke.filled::after {
            width: 100%;
        }

        .hero__claim .normal {
            color: #fff;
        }


.hero__frase {
  font-size: 1.5rem;           /* Tamaño base para móviles */
  font-weight: 300;             /* Letra ligera para un tono sutil */
  font-style: italic;           /* Sutil cursiva para diferenciarlo */
  line-height: 1.4;
  margin-bottom: 1.5rem;
  color: white /* Blanco con ligera transparencia */
  letter-spacing: 0.02em;
  
  /* Animación de entrada */
  opacity: 0;
  transform: translateY(20px);
  animation: fadeUp 0.4s ease forwards;
  animation-delay: 0.3s;
  
  /* Sutil sombra para dar profundidad */
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}


/* Pseudo-elementos para añadir comillas grandes */
.hero__frase::before {
  content: "«";
  font-size: 2.5rem;
  color: var(--accent-color);
  /*Usamoselcoloracentoparadestacar*/margin-right: 0.3rem;
  display: inline-block;
  vertical-align: middle;
  /*Alineamejorconlalíneadeltexto*/transform: translateY(-0.4rem);
display: none;
}

.hero__frase::after {
  content: "»";
  font-size: 2.5rem;
  color: var(--accent-color);
  margin-left: 0.3rem;
  display: inline-block;
  vertical-align: middle;
  transform: translateY(-0.4rem);
  -webkit-transform: translateY(-0.4rem);
  -moz-transform: translateY(-0.4rem);
  -ms-transform: translateY(-0.4rem);
  -o-transform: translateY(-0.4rem);
  display: none;
}


        /* Título principal */
        .hero__heading {
            font-size: clamp(1.5rem, 3vw, 2.2rem);
            max-width: 800px;
            font-weight: 300;
            letter-spacing: 0.03em;
            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
            margin: 3rem auto;
            opacity: 0;
            transform: translateY(20px);
            animation: fadeUp 0.4s ease forwards;
            animation-delay: 0.4s;
            line-height: 1.5;
            text-wrap: balance;
            max-width: none;
        }

        /* Botón CTA */
        .hero__cta {
            display: inline-block;
            padding: 1rem 2.5rem;
            background: #007BFF;
            /* o var(--atc-primary) si lo defines */
            color: white;
            text-decoration: none;
            border-radius: 50px;
            transition: transform 0.3s ease, box-shadow 0.4s ease;
            opacity: 0;
            transform: translateY(20px);
            animation: fadeUp 0.4s ease forwards;
            animation-delay: 0.6s;
            position: relative;
            overflow: hidden;
            font-size: 1.2rem;
            box-shadow: 0 0 20px rgba(255, 255, 255, 0.1);
            border: 1px solid rgba(255, 255, 255, 0.2);
            z-index: 4;
        }

        .hero__cta::after {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 200%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
            transform: skewX(-30deg);
            transition: left 0.6s ease-out;
        }

        .hero__cta:hover::after {
            left: 100%;
        }

        .hero__cta:hover {
            transform: scale(1.05);
            box-shadow: 0 0 30px rgba(255, 255, 255, 0.2),
                0 0 10px rgba(255, 255, 255, 0.1) inset;
        }

        /* Keyframes de animaciones */
        @keyframes contentReveal {
            from {
                opacity: 0;
                transform: translateY(20px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes textReveal {
            from {
                opacity: 0;
                transform: translateY(30px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes fadeUp {
            from {
                opacity: 0;
                transform: translateY(20px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes gridMove {
            to {
                transform: translate(6px, 6px);
            }
        }

        @keyframes float {
            0% {
                transform: translate3d(0, 0, 0) scale(1);
                opacity: 0.8;
            }

            25% {
                transform: translate3d(30px, 20px, 10px) scale(1.1);
                opacity: 0.7;
            }

            50% {
                transform: translate3d(-30px, 40px, -10px) scale(1.2);
                opacity: 0.6;
            }

            75% {
                transform: translate3d(20px, -20px, 5px) scale(1.05);
                opacity: 0.7;
            }

            100% {
                transform: translate3d(0, 0, 0) scale(1);
                opacity: 0.8;
            }
        }

        @keyframes rotateElement {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(360deg);
            }
        }

        @keyframes floatTri {
            0% {
                transform: translate3d(0, 0, 0) scale(1);
                opacity: 0.8;
            }

            25% {
                transform: translate3d(60px, 40px, 20px) scale(1.1);
                opacity: 0.7;
            }

            50% {
                transform: translate3d(-60px, 80px, -20px) scale(1.2);
                opacity: 0.6;
            }

            75% {
                transform: translate3d(40px, -40px, 10px) scale(1.05);
                opacity: 0.7;
            }

            100% {
                transform: translate3d(0, 0, 0) scale(1);
                opacity: 0.8;
            }
        }

        @keyframes rotateCW {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(360deg);
            }
        }

        @keyframes rotateCCW {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(-360deg);
            }
        }

        /* Media queries */
        @media (min-width: 768px) {
            .hero__claim {
                font-size: clamp(4rem, 8vw, 10rem);
                line-height: 0.85;
            }

              .hero__frase {
    font-size: 3rem;
    margin-bottom: 1.75rem;
  }

    .hero__frase::before,
  .hero__frase::after {
    font-size: 2.75rem;
  }

            .hero {
                perspective: 1000px;
            }

            .hero__content {
                transform-style: preserve-3d;
                transition: transform 0.3s ease-out;
            }

            .hero:hover .hero__content {
                transform: translateZ(20px) rotateX(0.5deg) rotateY(-0.5deg);
            }
        }
   

























        @media (min-width:540px) {

 .section {
padding-block: 8rem;
  }

  .section--carrocerias {
    padding-bottom: 0;
    padding-bottom: 4rem;
  }

        }


        @media (min-width:601px) { 


  .marcas__container {
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    row-gap: 2rem;
  }

  .marcas__nombre {
    font-size: 1rem;
  }

  .marcas__logo {
  height: 4rem;
  }

  .logo--horizontal_largo, .logo--horizontal, .logo--horizontal_corto {
  height: auto;
  margin-bottom: .5rem;
}

  .logo--horizontal_largo {
  width: 6rem;
}
.logo--vertical {
  height: 4.5rem;
}

.logo--horizontal_corto {
  width: 7.5rem;
  height: 5.5rem;
}

.logo--horizontal {
  width: 7.6rem;
}
.car-body-types-list li {
  width: calc(50% - 2rem);
}
.carrocerias__container {
  flex-wrap:wrap;
  justify-content: center;
  align-items: center;
  padding-block: 2rem;
  padding-inline: var(--wrapper-padding);
  overflow: hidden;
}

.section__carrocerias__list,
.section__marcas__list {
  grid-template-columns: repeat(2,1fr);
  column-gap: 2rem;
  padding-bottom: 2rem;
}

.section__marcas__list  {
   grid-template-columns: repeat(3,1fr);
}

.reviews__p--first {

    font-size: .875rem;
    margin-bottom: 2rem;
}
        }

        @media (min-width:783px) {

            

/*Sección reviews*/

.section__section--reviews {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}

    .section--reviews__info-container {
        order: 0;
        grid-column: span 12;
        text-align: left;
        padding-left: 1rem;
        margin-left: 0;

        text-align: center;
        max-width: none;
        margin-inline: auto;
        margin-bottom: 1.5rem;;
    }

.section__section--reviews .wp-gr.wpac {
grid-column: span 3;

}

.section--reviews__reviews-container {
    grid-column: span 12;
}

.wp-gr .wp-google-place.wp-place-center .wp-google-left img {
    float: none !important;
    /* border: solid blue 4px !important; */
    width: 8rem !important;
    height: 8rem !important;
    object-fit: cover;
}

body .wp-gr .grw-review-inner > svg {

  top: 12px !important;
  right: 15px !important;
  width: 20px !important;
  height: 20px !important;
}

body .wp-gr .grw-header-inner, body .wp-gr .grw-review-inner {
margin: 0 12px !important;
  padding: 20px !important;
}

body .wp-gr[data-layout="slider"] .grw-reviews {
  margin: 0 56px !important;
}
/*Section services*/
.section.section__section--services {
  display: grid;
  grid-template-columns: repeat(6,1fr);
  column-gap: 1rem;
}

.section__wrapper-title {
   grid-column: span 6;
   display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: end;
}

.section__item--img {
          grid-column: 2 / 6;
}

.section__section--services .section__intro,
.section__section--services .section__title,
.section__item {
  max-width: none;
}

.section__section--services .section__title,
.section__section--services .section__intro {
  text-align: center;
  max-width: 600px;
}
.section__button {
  grid-column: span 6;
}

.section__item {
  grid-column: span 3;
  padding-inline: 1rem;
   max-width: 400px;
}

.section__item--last {
  grid-column: span 6;
 
  margin-inline: auto;
}


h2.section__title {
   
    font-size: 2.25rem;
    line-height: 2.75rem;

    margin-bottom: .5rem;
    text-align: center;
    /* border: solid red; */
}

.section__intro {

max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
  font-size: 1.5rem;
    line-height: 2rem;
    /* text-align: center; */

  font-size: 1.2rem;
  line-height: 1.5;
  /* border: solid; */

  text-align: center;
  /* border: solid; */
}

.section--carrocerias .section__title {
  text-align: center;
}
  .section__section--services .section__intro {
    max-width: 1024px;
  }

/*hero filtros*/
.hero__filtros {
max-width: none;
}

.filtros__wrapper {
  display: flex;
  flex-wrap: wrap;
}

.filtros__wrapper .filtros__title {
  width: 100%;
}

div#select-marcas-front,
div#select-modelos-front,
#facet-submit {
  flex: 1;
}

.modelo-label {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

.filtros__wrapper .fs-label-wrap {
  border-radius: 4rem 0 0 4rem;
  border-right: 0;
  -webkit-border-radius: 4rem 0 0 4rem;
  -moz-border-radius: 4rem 0 0 4rem;
  -ms-border-radius: 4rem 0 0 4rem;
  -o-border-radius: 4rem 0 0 4rem;
}

#facet-submit {
  height: 2.625rem;
  border-radius: 0 4rem 4rem 0;
  -webkit-border-radius: 0 4rem 4rem 0;
  font-size: 1rem;
  -moz-border-radius: 0 4rem 4rem 0;
  -ms-border-radius: 0 4rem 4rem 0;
  -o-border-radius: 0 4rem 4rem 0;
}


        }

        @media (min-width:900px) {

/*Section services*/
.section__item--img {
  max-width: 360px;
  grid-column: 1 / 4;
  margin-bottom: 4rem;
}

.section__wrapper-title {
  grid-column: 4 / 7;
}

.section__section--services .section__title, .section__section--services .section__intro {
  text-align: left;
}

.section__intro {
  padding-bottom: 4rem;
}

  .marcas__container {
      grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  }

  .marcas__logo {
    height: 5rem;
  }

  .logo--horizontal_largo, .logo--horizontal, .logo--horizontal_corto {
  height: auto;
  margin-bottom: .5rem;


}

/* Lo unificamos */
 .entry-title {
  font-size: 1.5rem;
}



.hero__img {
    grid-column: span 6;
    order: 0;
}
.hero__text {
  grid-column: span 6;
  padding-right: 0;
}

        }

        @media (min-width:1024px) {
.section__carrocerias-first-p {
  font-size: 1.5rem;

  max-width: 1024px;
}

.section__intro {
  font-size: 1.4rem;
}

.section__section--services .section__intro {
  font-size: 1rem;
}

 .hero__frase {
    font-size: 3.5rem;
    margin-bottom: 2rem;
  }

  .hero__frase::before,
  .hero__frase::after {
    font-size: 3rem;
  }

}


  @media (min-width:1080px) { 


/*Section services*/
.section.section__section--services {
  grid-template-columns: repeat(12, 1fr);
  padding-block: 8rem;
}

    .section__item--img {
        grid-column: 4 / 10;
        order: 0;
        /* border: solid red; */
        grid-row: span 2;
        max-width: none;
        margin-bottom: 2rem;
    }


    .section__wrapper-title {
    grid-column: span 12;
}

    .section__button {
        grid-column: span 12;
        margin-top: 4rem;
    }

    .section__item {
      font-size: .875rem;
      padding-inline: 0;
      /* border: solid 1px */
      display: block;
      text-align: center;
              display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: end;
        margin-top: 2rem;
    }

    .section__item:nth-child(2) {
    /* Tus estilos aquí */
    /* border: solid 1px #e0e0e0; */
    grid-row: 2;
    grid-column: 1/ 4;
}

  .section__item:nth-child(3) {
    /* Tus estilos aquí */
    /* border: solid 1px red; */
    grid-row: 3;
    grid-column: 1/ 4;
}

.section__item.section__item--last {
   /* border: solid 1px blue; */
    grid-column: 10 / 13;
    grid-row: 3;
}

    .section__item:nth-child(6) {
        /* border: solid 1px green; */
        grid-column: 4 / 10;
        max-width: none;
        max-width: 400px;
        margin-top: 0;
    }

.section__section--services .item__info {
  margin-bottom: 0;
}

.item__icon {
  margin: 0;
}

.section__item--img img {
  max-width: 500px;
}

.section__section--services .item__title {
  font-size: .9rem;
  margin-left: 0;
}

.section__section--services .section__intro {
  margin-bottom: 0;
}

  .section__section--services .section__title, .section__section--services .section__intro {
    text-align: center;
  }

  .item__icon {
    width: 4rem;
    height: 4rem;
  }

 .marcas__container {
   grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }
  .logo--horizontal_largo {
    width: 8rem;
  }

h1.hero__title {
    font-size: 3rem;
    line-height: initial;
}
.hero__text {
  font-size: 1.4rem;
  margin-bottom: 3rem;
}

.share button.share__button {
  grid-column: span 2;
}

  .entry-image + #entry-content--start {
    margin-top: 5rem;
  }


.section__p-container {
 font-size: 1.2rem;
  max-width: 800px; 
}

.section--marcas .section__intro {
  margin-bottom: 3rem;
}


.site-header .menu ul {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1rem;
}
  }

  @media (min-width:1200px) {



/*Section services*/
.section__item:nth-child(6) {
  margin-top: 1rem;
}


.section__hero {
padding-inline: 0;
font-size: 1.2rem;
  margin-top: 3rem;
margin-inline: 0;
padding-left: var(--wrapper-padding);
max-width: none;

margin-top: var(--altura-header);
padding-bottom: 0;
margin-top: 0;
column-gap: 1.5rem;
}

.logged-in .section__hero {
  margin-top: var(--altura-WpAdminBar);
}

.logged-in .hero__img.hero__img--desktop {
  height: calc(100vh - var(--altura-WpAdminBaryHeader));
}

.hero__text {
  margin-bottom: 4rem;
  grid-column: span 7;
margin-bottom: 0;
display: flex;
        flex-direction: column;
        justify-content: center;

        grid-column: span 6;

}
.hero__title {

}

.section--carrocerias {
  margin-top: 4rem;
  padding-bottom: 4rem;
}

.button_scroll_home {
  /* display: none; */
}

.hero__img.hero__img--desktop {
  display: block;
}

h1.hero__title {
  font-size: 2.1rem;
  margin: 0;
}

.entry-content {
  max-width: 960px;

  max-width: 1024px;
}


.hero__text .button {
  margin-top: 1rem;
}

.hero__text {
  font-size: 1.2rem;
padding-top: var(--altura-header);
}

.hero__img {
  order: 0;
  grid-column: span 8;
  grid-column: span 6;
}

/* .hero__img::after {
content: ''; position: absolute; bottom: 0; left: 0; width: 100%; ; height: 50px; Ajusta la altura del degradado según sea necesario background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 1) 100%); pointer-events: none;
display: none;
} */

.hero__img img {
  /* object-fit: cover;
  height: 100%;
  border-radius: 50rem 0 0 0;
  -webkit-border-radius: 50rem 0 0 0;
  -moz-border-radius: 50rem 0 0 0;
  -ms-border-radius: 50rem 0 0 0;
  -o-border-radius: 50rem 0 0 0;

          border-top: solid 3rem;
          border-left: solid 0; */

          /* border: 0;
          border-top: solid 3rem; */
            /* border-color: var(--primary15); */
}

.hero__img.hero__img--desktop {
  display: block;
  margin: 0;
  padding-top: 0;
          /* height: calc(100vh - var(--altura-header)); */
}

.hero__img.hero__img--mobile {
display: none;
}

.custom-page__content #entry-content--start p + h2:first-of-type {
margin-top: 8rem;
}


.section__p-container {
 font-size: 1rem;
  max-width: 800px; 
  grid-column: span 6;
  margin-bottom: 0;
}

.section__p {
  margin-block: 2rem;
}

.section__img {
  order: 0;
  grid-column: span 6;
  display: block;
}

.section--info {
  column-gap: 2rem;
}

  .section__carrocerias__list,
.section__marcas__list {
    grid-template-columns: repeat(3,1fr);
  }

.section__section--services .section__intro {
  font-size: 1.4rem;
}

  .section__section--services .section__title {
    max-width: 1024px;
  }

  h2.section__title {
    font-size: 2.75rem;
    line-height: 3rem;
  }

  .hero__frase {
    font-size: 4rem;
    margin-bottom: 2.5rem;
  }

 .hero__frase::before,
  .hero__frase::after {
    font-size: 3.25rem;
  }
  }

   @media (min-width:1360px) {
  .hero__frase {
    font-size: 4.5rem;
    margin-bottom: 2.5rem;
  }

 .marcas__container {
   grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  }

.section--marcas .section__intro {
  margin-bottom: 4rem;
}
.section__marcas__list {
    grid-template-columns: repeat(4,1fr);
}

   }


  @media (min-width:1600px) { 

.carrocerias__container {
  padding-block: 4rem;
}

/*Section services*/
.section__item {
  font-size: 1rem;
  grid-column: span 4;;
}

.section__item--img img {
  max-width: none;
}

    .section__item--img {
        grid-column: 5 / 9;
        max-width: 480px;
    margin-top: 4rem;
    margin-bottom: 1rem;
    }

    .section__item:nth-child(2) {
      grid-column: 1 / 5;
    }

    .section__item:nth-child(3) {
        /* border: solid 1px red; */
        grid-row: 3;
        grid-column: 2 / 5;
    }

        .section__item.section__item--last {
        grid-column: 9 / 12;
     
    }

    h2.section__title {
   
      font-size: 2.813rem;
   
      line-height: 3.25rem;
      max-width: 1600px;
    margin-inline: auto;
    }

    .section__section--services .item__title {
      font-size: 1.5rem;
    }

    .section__intro {
      font-size: 1.75rem;
    line-height: 2.25rem;
    }

    .section__section--services .section__title {
      max-width: 1024px;
    }

     .section__section--services .section__intro {
      max-width: 800px;
     }

     .section {
      padding-block: 12rem;
     }


.section--carrocerias {
  padding-bottom: 0;
  padding-bottom: 4rem;
}
     
    .section__hero {
        /* height: calc(100vh - var(--altura-header));
        margin-top: var(--altura-header); */
        padding: 0;
        max-width: none;
    padding-inline: var(--wrapper-padding);
    /* height: auto; */
     gap: 2rem;
     padding-right: 0;
     /* margin-top: 6rem; */
    }

.logged-in .section__hero {
  height: calc(100vh - var(--altura-WpAdminBaryHeader));
}

.hero__text {
 grid-column: span 6;
        padding-top: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        /* background: var(--primary5); */
        /* color: white; */
        padding-inline: var(--wrapper-padding);
        margin: 0;
       
      padding-inline: 2rem;
    border-radius: .5rem;
    padding-left: 0;
    padding-right: 0;
}

.hero__img {
    grid-column: span 6;
    height: 100%;
    margin: 0;
}


.hero__img img {

    /* object-fit: cover;
    height: 100%; */
    /* max-height: 85vh; */
        /* width: 100%;
        object-position: top; */

}

.hero__title {
 font-size: 2.5rem;
 margin-bottom:0;
        line-height: 4.5rem;
        /* color: var(--primary80); */
        margin-top: 0;
}

.filtros__wrapper {
  flex-direction: column;
  color: black;
}

.filtros__wrapper .filtros__title {
  color: white;
}

.filtros__wrapper .fs-label-wrap,
.modelo-label {
  border-radius: .5rem;
  -webkit-border-radius: .5rem;
  -moz-border-radius: .5rem;
  -ms-border-radius: .5rem;
  -o-border-radius: .5rem;
}

.hero__filtros {
  width: 100%;

}

/* .carrocerias__container {
  overflow-x: hidden;
  justify-content: center;
} */

/* .section--carrocerias {
  background: var(--primary50);
  
} */

/* .carrocerias__wrapper {
  background: transparent;
} */

a.carrocerias__item {
  min-width: 18rem;

}



.filtros__title  {
  color: white;
}

.marcas__container {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  row-gap: 3rem;
}

  .marcas__nombre,
  .carrocerias__nombre {
    font-size: 1.2rem;
  }

    .marcas__logo {
    height: 6.5rem;
    height: 6rem;
  }

h1.hero__title {
  font-size: 2.9rem;
}

    .hero__text {
        font-size: 1.5rem;
        padding-top: var(--altura-header);
    }
  
.section__p-container {
 font-size: 1.2rem;
  max-width: 800px; 
}

.section__p {
  margin-block: 2rem;
}

.section__intro {
  max-width: 1600px;
}

.section__carrocerias-first-p {
  font-size: 2rem;
  max-width: 1200px;
}

.section__carrocerias__list li ,
.section__marcas__list li {
  font-size: 1.25rem;
  font-size: 1rem;
}

.section__carrocerias__list h3,
.section__marcas__list h3 {
  font-size: 1.75rem;
}

.section__carrocerias-info {
  padding-block: 5rem;
}

    }