@media (min-width: 651px) and (max-width: 1350px) {
html, body {
	font-size:9px;
}
}

@media (min-width: 1500px) {
html, body {
	font-size:10px;
}
}

@media (min-width: 1700px) {
html, body {
	font-size:11px;
}	
}

@media (min-width: 2000px) {
html, body {
	font-size:12px;
}
}

@media (min-width: 2400px) {
html, body {
	font-size:13px;
}
}

@media (min-width: 2800px) {
html, body {
	font-size:14px;
}
}




@media screen and (max-width: 1000px) {


.banner-helpdesk, .menu, .menu-dropdown, .scrolldown {
display: none;
}
.main-banner {
    height: 60vw;
    margin-top: 6rem;
}



/*HEADER*/

header {
    height: 6rem; /*OBS*/
}


header .logo {
padding: 0 6rem 0 2rem;
height: 5rem;
}
header .logo img {
width: 14rem;
}
header .nav {
width: calc(100% - 14rem);
}

.menu-drop {
background-size: 2rem auto, auto 100%;
background-position: right 4rem center, right center;
height: 6rem;
padding-top: 1rem;
width: 26rem;
padding-left: 8rem;
}

.t2 {
font-size: 2.6rem;
line-height: 2.6rem;
}

/* DESPLEGABLE MODELOS */

.menu-content {
  width: calc(100% - 4rem);
  padding: 8rem 2rem 0 2rem;
  top: -100rem;
}
.menu--open {
    top: 0;
}
.menu--closed {
    top: -100rem;
}



/* TOP MENU */
.menu-content .topmenu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  gap: 3rem;
}

.menu-content .topmenu .submenu {
  padding: 1rem;
  font-size: 1.2rem;
  text-transform: uppercase;
  border: none;
  background: none;
  cursor: pointer;
  white-space: nowrap;
  border-radius: .5rem;
}

/* CONTENT */
.menu-content .content {
  margin: 4rem 0;
  width: 100%;
  height: 30rem;
}

/* ITEMS */
.menu-content .content .item {
  width: 20rem;
  flex: 0 0 auto;
  text-decoration: none;
  text-align: center;
}
.menu-content .content .item img {
  width: 100%;
  margin-bottom: 2rem;
  display: block;
  transition: transform 0.2s ease;
}
.menu-content .content .item:hover img {
  transform: scale(1.05);
}

.menu-content .content .menu-track .item:first-child {
  margin-left: 6rem;
}

.menu-content .content .menu-track .item:last-child {
  margin-right: 6rem;
}

/* SLIDER */
.menu-slider {
  overflow: hidden;
  width: calc(100% + 12rem);
  margin-left: -6rem;
}

.menu-track {
  display: flex;
  gap: 4rem;
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none; /* Firefox */
}

.menu-track::-webkit-scrollbar {
  display: none; /* Chrome */
}

.menu-track .item {
  flex: 0 0 calc((100% - 4rem * 4) / 5);
}

/* FLECHAS */
.menu-arrows {
  margin-top: 2rem;
  display: flex;
  justify-content: center;
  gap: 2rem;
}


.submenu-header {
width: calc(25% - 10.3rem); 
border-right: solid .1rem #000; 
padding: 1.5rem 2rem 2.5rem 6rem; 
background-position: left top; 
margin-right: 2rem;
background-repeat: no-repeat; 
background-size: 4rem auto; 
display: inline-block; 
font-size: 1.4rem;
text-transform: uppercase;
letter-spacing: .1rem;
font-family: 'agitademibold';
color: #000;
}






.bt-search {
width: 2rem;
height: 4rem;
background-size: 2rem auto;
margin-right: 2rem;
}

.search-bar {
height: 6rem; 
top: -6rem;
}
.search-bar .wrap {
height: 6rem;
}

.search-label {
height: 5rem;
width: calc(100% - 12rem);
}
.field-search {
width: calc(100% - 10rem);
height: 6rem;
padding: 0 2rem;
}
.campo-search {
	height: 4rem;
	font-size:1.6rem;
}
.patch-curve {
height: 6rem;
width: 6rem;
float: right;
}
.send-search {
background-size: 3rem auto, auto 100%;
background-position: left 6rem center, right center;
height: 5rem;
width: 12rem;
color:transparent;
}
.close-search {
width: 4rem;
height: 5rem;
margin-right: 2rem;
}












}




@media screen and (max-width: 650px) {

html, body {
    touch-action: manipulation;
}

/*HEADER*/

header .logo {
padding: 0 6rem 0 2rem;
height: 6rem;
}
header .logo img {
width: 12rem;
}
header .nav {
width: calc(100% - 15rem);
}


.menu-drop {
background-size: 2rem auto, auto 100%;
background-position: right -4rem center, right center;
height: 6rem;
padding-top: 1rem;
width: 16rem;
padding-left: 4rem;
}

.bt-search {
width: 2rem;
height: 4rem;
background-size: 2rem auto;
margin-right: 2rem;
}

.main-banner .shadow-top, .main-banner .shadow-bottom {
    height: 20vw;
}
.slide-recomendados .banner .shadow-bottom, .slide-recomendados .banner .shadow-top {
    height: calc(20vw + 12rem);
}

/* DESPLEGABLE MODELOS */

.menu-content {
  top: -calc(100vh - 8rem);
  height: calc(100vh - 8rem);
}
.menu--open {
    top: 0;
}
.menu--closed {
    top: -calc(100vh - 8rem);
}


.slide-recomendados .banner {
    padding: 6rem 2rem;
    width: calc(100% - 4rem);
    height: 40vw;
}
.slide-recomendados .banner .filter {
    display: block;
    text-align: center;
}
.slide-recomendados .content {
    width: calc(100% - 4rem);
    padding: 4rem 2rem;
    text-align: center;
}
.slide-recomendados .ficha {
  float: none;
  margin: 0 2rem;
  width: calc(100% - 4rem);
}
.slide-recomendados .ficha .tittle {
  width: 100%;
  margin-right: 0;
  float: none;
  margin-bottom: 2rem;
}
.slide-recomendados .ficha .ficha-content {
    width: 100%;
  margin-right: 0;
  float: none;
  margin-bottom: 2rem;
}
.slide-recomendados .ficha .actions {
    width: 100%;
    float: none;
}

.filter .tittle.t1 {
font-size: 2rem;
display: block;
}

.submenu-header {
width: calc(100% - 8rem); 
border-right: none; 
padding: 1.5rem 2rem 2.5rem 6rem; 
margin-right: 0;
}

.slide-recomendados button {
  float: none;
  position: absolute;
  width: 4rem;
  height: 4rem;
  top: 70vw;
  z-index: 3;
}
.btns-left {
left: 2rem;
}
.btns-right {
right: 2rem;
}
.slide-recomendados .slider-motos {
    height: 40vw;
}
.slide-recomendados .slider-motos-track img {
    height: 46vw;
}

.slide-tipo {
    padding: 6rem 0;
}
.head-tipo {
    width: calc(100% - 4rem);
    padding: 0 2rem;
    text-align: center;
}
.head-tipo span.t1 {
font-size: 2rem;
display: block;
}




.slider-tipo {
  gap: 2rem;
}
.slider-tipo .card {
  width: 20rem;
}
.slider-tipo .card .txt {
  left: 1rem;
  bottom: 1rem;
  z-index: 2;
}
.slider-tipo .card:first-child {
    margin-left: 2rem;
}

.slider-tipo .card:last-child {
    margin-right:26rem;
}


.slide-accesos {
    width: calc(100% - 4rem);
    padding: 2rem;
}

.slide-accesos .cards .card {
    aspect-ratio: 1 / 1;
}
.slide-accesos .cards .card .txt {
    bottom: 2rem;
    left: 2rem;
    right: 2rem;
}

.slide-mapa {
    width: calc(100% - 4rem);
    padding: 6rem 2rem;
}

.mapa-tittle {
width: 100%;
margin-bottom: 2rem;
text-align: center;
}
.mapa-tittle .t2 {
font-size: 3rem;
line-height: 3.2rem;
}

.mapa {
width: 100%;
margin-bottom: 2rem;
}
.mapa-actions {
width: 100%;
}


footer .mapsite {
    width: calc(100% - 4rem);
    padding: 4rem 2rem;
}
footer .mapsite .manifiesto {
float: none; 
width: 100%;
margin-bottom: 4rem;
text-align: center;
}
footer .mapsite .content {
float: none; 
width: 100%;
}
footer .mapsite .content .column {
width: 100%;
margin-right: 0;
margin-bottom: 4rem;
text-align: center;
}
footer .mapsite .content .column a {
float: none;
width: 100%;
}

.cta-content .t2 {
font-size: 3rem;
}

.footer-option {
    white-space: initial;
    display: block;
    margin-bottom: 2rem;
}

footer .info .content {
  width: 100%;
  float: none;
  height: initial;
  padding: 2rem;
  display: block;
  align-items: center;
  justify-content: space-between; 
}


footer .info .redes-content {
width: 100%;
float: none;  
}

.img-banner {
    margin-top: 20rem;
}
.img-banner .info {
    display: none;
}
.header-floating.header-offset {
    top: 6rem;
}
.slide-stat-detalle {
width: calc(100% - 4rem);
padding: 6rem 2rem;
margin-top: 4rem;
}

.ficha-intro .t4 {
font-size: 2rem;
}
.ficha-tecnica {
    grid-template-columns: 1fr;
    gap: 2rem;
    width: calc(100% - 4rem);
    padding: 2rem;
}
.giro-wrap {
    position: relative; 
}
.giro-360 {
    position: initial !important;
    width: 100%;
}

.header-floating {
    width: calc(100% - 4rem);
    height: 10rem !important;
    top: 6rem !important;
    padding: 2rem;
    text-align: center;
}
.detalle-content {
    width: calc(100% - 4rem);
    padding: 4rem 2rem;
    margin-top: 5rem;
}

.detalle-content .left, .detalle-content .right {
    float: none;
    width: 100%;
}
.slide-gallery {
    padding: 0 !important;
}
.slider-gallery {
    gap: 2rem;
    scroll-padding-left: 2rem;
    scroll-padding-right: 2rem;
}
.specs-card {
    width: 100%;
    aspect-ratio: 1 / 1;
}
.bt-head-wrap {
float: none;
width: 100%;
}
.bt-head {
    font-size: 1.2rem;
    padding: 1rem .5rem;
    float: none;
    margin: 1rem !important;
    width: calc(33.3333% - 3.5rem);
}

.video-banner {
    aspect-ratio: 9 / 5;
    height: initial;
    margin-top: 20rem;
}
.video-banner .bg-video {
    aspect-ratio: 9 / 5;
    height: initial;
}
.video-banner .info {
    display: none;
}
.video-banner .shadow-bottom, .ad-banner .shadow-bottom {
display: none;
}
.banner-nav {
    right: 2rem;
    text-align: center;
    top: initial;
    bottom: 1rem;
    transform: initial;
    flex-direction: row;
}

.banner-nav .banner-next, .banner-nav .banner-prev {
    width: 3.6rem;
    height: 3.6rem;
    display: inline-block;
}

.head-tipo .nav {
float: none;
}

.head-tipo .nav .btn-left, .head-tipo .nav .btn-right {
    width: 3.6rem;
    height: 3.6rem;
    display: inline-block;
}


.slide-convenios {
    width: calc(100% - 4rem);
    padding: 4rem 2rem;
    padding-top: 12rem !important;
}
.slide-convenios .t1, .slide-novedades .t1 {
font-size: 2.6rem;

}
.slide-convenios .t3, .slide-novedades .t3 {
    font-size: 2.3rem;
    line-height: 3rem;
}


.interior-banner {
height: 70vw;
margin-top: 4rem;
text-align: center;
}

.interior-banner .txt  {
padding: 4rem;
}
.interior-banner .txt .t1 {
font-size: 3rem;
}
.interior-banner .txt .t3 {
    font-size: 2.4rem;
    line-height: 3rem;
}

.slide-cotizador {
    width: calc(100% - 4rem);
    padding: 4rem 2rem;
}
.motivo-cotizar, .form-cotizar {
width: 100%;
float: none;
margin-bottom: 2rem;
}
.layout-fields {
    grid-template-columns: 1fr;
    gap: 1rem;
}

.slide-listado {
    width: calc(100% - 4rem);
    padding: 6rem 2rem;
    padding-top: 0;
}
.drop-categorias-catalogos {
width: 100%;
}

.slide-manuales {
    width: calc(100% - 4rem);
    padding: 6rem 2rem;
    padding-top: 0;
}







  
  
  
  
  
  
  
  
  
  
  
  
  
.slide-novedades {
    width: calc(100% - 4rem);
    padding: 6rem 2rem;
padding-top: 12rem;
}
.slide-manuales .wrap {
    gap: 2rem;
    grid-template-columns: 1fr;
}

.menu-cons {
grid-template-columns: 1fr 1fr;
    width: calc(100% - 4rem);
    height: initial;
    padding: 0 2rem;
}


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

    /* primer elemento ocupa toda la fila */
    .menu-cons .field_box:first-child {
        grid-column: span 3;
    }




.dealers-list {
float: none; 
width: 100%;
margin-right: 0;
}
.dealers-map {
float: none; 
width: 100%;
position: initial; 
top: initial;
}
.slide-stat-detalle {
text-align: center;
}
.bt-download {
    float: none;
}
.card-ficha {
    text-align: left;
}
footer .disclaimer {
    padding: 12rem 2rem 4rem 2rem;
    height: initial;
    width: calc(100% - 4rem);
    align-items: center;
    display: block;
    text-align: center;
    background-size: 6rem auto;
    background-position: center top 2rem;
}
footer .disclaimer a {
    display: block;
    margin-bottom: 2rem;
    margin-right: 0;
    width: 100%;
}

.slide-mant {
    width: calc(100% - 4rem);
    padding: 6rem 2rem;
}
.mant-sello {
width: 60%; 
margin-right: 0;
margin: auto;
margin-bottom: 4rem;
}
.mant-intro {
display: block; 
width: 100%;; 
text-align: center;
}
.slide-mant-desc {
width: calc(100% - 4rem);
    padding: 6rem 2rem;
}
.mant-intro-wrap .t2 {
margin: 2rem 0;
display: block;
}
.table-mant {
    grid-template-columns: 1fr;
}
.table-mant div {
    text-align: center;
}


.cta-reco {
    padding: 4rem 2rem;
    text-align: center;
}
.cta-reco img {
width: 70%;
height: auto;
    position: relative;
    right: initial;
    transform: initial;
    top: initial;
    margin: auto;
    margin-top: 4rem;
}
.detalle-content {
text-align: center;
}
.color-dots {
    justify-content: center;
}
    .detalle-content .left {
        margin-bottom: 4rem;
    }

.cta-side {
display: none;
}

html, body {
  overflow-x: hidden;
  overscroll-behavior-x: none;
}
    .main-banner {
        height: 125vw;
    }




.desktop-menu {
        display: none !important;
    }
    .mobile-menu {
        display: block;
        width: 100%;
    }

    .mobile-menu select {
        width: 100%;
        padding: 1rem;
        font-weight: 600;
        font-size: 1.8rem;
        text-transform: capitalize;
    }
    
    
.fix-price {
display: block;
}


.filter-bar {
    width: calc(100% - 2rem);
    height: initial;
    padding: 1rem;
}
.orden-item {
    width: auto;
    display: inline-block;
    vertical-align: middle;
}
.orden-btn {
    margin: .5rem !important;
    font-size: 1rem;
}
.ordenar-bar {
    width: 100% !important;
}
.drop-price-select {
float: left;
}
.drop-cc-select {
float: right;
}

.filter-bar {
    top: 12rem;
}

.field-buscador-catalogos {
    width: calc(100% - .5rem);
    margin-top: 1rem;
}



.bt-search {
        position: absolute;
        z-index: 2;
        right: 6rem;
        top: .5rem;
        margin-right: 0;
}
    .send-search {
        margin-right: 6rem;
    }
    .close-search {
        margin-right: 0;
        position: absolute;
        right: 2rem;
        z-index: 2;
    }
    
    .campo-search::placeholder {
  font-size: 2rem;
}
   
   
.bt-nav-mobile {
display: block;
}
 .menu-content {
 overflow-y: scroll !important;
 padding-bottom: 10rem;
 } 
 
 .cta-saludo {
 display: none !important;
 }
 
 .menu-content .bottommenu {
    padding-bottom: 16rem;
}
.showcase-item {
    width: 26rem;
}

.menu-panel .menu-prev, .menu-panel .menu-next, .showcase-prev, .showcase-next, .slide-gallery .nav .btn-left, .slide-gallery .nav .btn-right {
  width: 3.6rem !important;
  height: 3.6rem !important;
}
.showcase-prev  {
  left: 8rem;
}

.showcase-next  {
right: 8rem;
}

.slide-gallery .nav {
    right: 4rem;
    top: 4rem;
}

.card-local {
    padding-right: 4rem;
    width: calc(100% - 6rem);
}
.local-intro .t4 {
font-size: 1.8rem;
line-height: 2rem;
}

.menu-cons {
    top: 12rem !important;
    
}

.contenido-articulo img {
width: 100% !important;
height: auto !important;
}

.giro-hint {
display: none;
}

.color-selector-desktop {
display: none;
}
.color-selector-mobile {
display: block;
margin-bottom: 6rem;
}
.slider-gallery {
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;

    -webkit-overflow-scrolling: touch; /* suavidad en iOS */
    scroll-snap-type: x mandatory;     /* snap tipo carrusel */
}




.slider-tipo .card {
  background-color:rgba(255,255,255,.50) !important;
  color: #000 !important;
}
.slider-tipo .card .img {
  transform: translateX(20%) !important;
  opacity: 1 !important;
}
.wa-float { 
display: block;
}







/* ========================================= */
/* 📱 MOBILE COMPARADOR PRO */
/* ========================================= */

/* 👉 UN SOLO SCROLL (PADRE) */
.slide-comp {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  width: 100%;
  padding: 6rem 0;
  padding-top: 0;
}

/* 👉 QUITAMOS SCROLLS INTERNOS */
.comparador-header,
.comparador-tabla,
.cta-row {
  overflow: visible !important;
}

/* 👉 TODOS COMPARTEN EL MISMO ANCHO */
.comparador-header,
.comparador-tabla,
.cta-row {
  min-width: 820px;
}

/* ========================================= */
/* 📊 HEADER */
/* ========================================= */

.comparador-header {
  display: grid;
  grid-template-columns: 16rem repeat(3, 1fr);
  gap: 2rem;
  margin-top: 0;
  background: #fff;
  position: relative;
  z-index: 10;
}

/* ========================================= */
/* 📊 TABLA */
/* ========================================= */

.fila {
  grid-template-columns: 16rem repeat(3, 1fr);
  gap: 2rem;
}

.fila div {
  padding: 1.5rem;
  font-size: 1.3rem;
}

/* ========================================= */
/* 🔘 CTA */
/* ========================================= */

.cta-row {
  display: grid;
  grid-template-columns: 16rem repeat(3, 1fr);
  gap: 2rem;
}

/* ========================================= */
/* ❌ REMOVIDO STICKY (TODO SCROLLEA) */
/* ========================================= */

.comparador-header > div:first-child,
.fila div:first-child,
.cta-row > div:first-child,
.categoria {
  position: static !important;
  left: auto !important;
}

/* 👉 CATEGORIA NORMAL (YA NO FIJA) */
.categoria {
  background: #F2F2F2;
  width: auto;
  min-width: auto;
  max-width: none;
  display: flex;
  align-items: center;
  border-radius: 0;
}

.categoria.t4 {
  font-size: 1.6rem !important;
}

/* ========================================= */
/* ❌ QUITAMOS SOMBRA DE STICKY */
/* ========================================= */

.comparador-header > div:first-child::after,
.fila div:first-child::after {
  display: none;
}

/* ========================================= */
/* ✨ AJUSTES VISUALES */
/* ========================================= */

.titcom {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 2rem;
}

.titcom.t4 {
  font-size: 1.8rem;
  line-height: 2.2rem;
}

.comparador-tabla .section {
  margin-bottom: 0;
}

.thumb-moto-card {
  padding: 3rem 1rem;
}

.com-men {
  text-align: left;
  width: calc(100vw - 4rem);
  padding: 10rem 2rem;
}


}




@media screen and (max-width: 375px) {

header .logo {
        padding: 0 5rem 0 2rem;
    }
header .logo img {
        width: 10rem;
    }
header .nav {
        width: calc(100% - 12rem);
    }

}