/* ================================
   BREAKPOINTS
   1200px  -> desktop reducido
   992px   -> tablet landscape
   768px   -> tablet portrait / phablet
   576px   -> teléfonos
   ================================ */

/* --------- GLOBAL ---------- */
img{max-width:100%;height:auto;}
:root{
  --sp: 5%; /* padding lateral estándar móvil */
}

/* Evita conflictos entre tus dos .carousel-container diferentes */
.hero-carousel .carousel-container{
  height: 80vh;
}
@media (max-width: 1580px) {
.nosotros-container {align-items: flex-start;}
.tab-content {padding-right: 100px;}

}
@media (max-width:1200px){

  /* HEADER */
  .header-container{padding:0 1.5rem;}
  .left-nav, .right-nav{gap:1rem;}
  /* NOSOTROS */
  .nosotros-img img{width:100%;}
  .tab-content {padding-right: 0;}
}

/* =================================
    ≤ 992px
   ================================= */
@media (max-width:1100px){
.movil_menu-btn img, .right-nav img {
  width: 34px;
  height: 34px;
}
.left-nav, .right-nav{
  width: 30%;
}
.right-nav{
  display: flex;
  justify-content: flex-end;
}
  .logo{
    max-width: 70%;
    justify-content: center;
    margin-left: 0px;
  }
  .logo img{
    text-align: center;
    max-width: 200px;
  }
.version-web { display: none; }      /* ya lo tienes */
.movil_menu-btn { display: block; }
.header .left-nav > #movil_clos_menu-btn { display: none; }
.mobile-nav #movil_clos_menu-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 36px; height: 36px;
  border: 0; background: transparent; cursor: pointer;
}
.movil_menu-btn.close img {
  width: 18px; height: 18px; display: block;
}
  /* CATEGORÍAS */
  .categoria-row-container{gap:30px;}
  .col-titulo-filtro h2{font-size:32px;line-height:42px;}
  .categoria-card{max-width:260px;margin-left: 5px;}

  /* COLECCIÓN */
  .product-card{width:300px;}

  /* MAS VENDIDOS */
  .masvendidos-container{gap:40px;flex-direction: column;}
  .masvendidos-info h2{font-size:32px;line-height:36px;}

  /* NOSOTROS */
  .nosotros-container{gap:60px;flex-direction: column;}
  .nosotros-img{width:65%;}
  .nosotros-contenido{width:100%;min-height: 300px;}
  .nosotros-contenido h2{font-size:34px;}
  .tab-content{padding-right:0;}

  /* COMMUNITY */
  .community-carousel{padding:60px var(--sp);}
  .community-carousel .carousel-container{
    gap:60px;
  }
  img#lifestyle-img{max-width:500px;}
  .carousel-product{max-width:380px;}

  /* TESTIMONIOS */
  .testi-content{max-width:680px;}
  .testi-text{font-size:22px;line-height:36px;}
  .carousel-btn {top: 105%;}

}
/* =================================
   ≤ 768px (tablet portrait)
   ================================= */
@media (max-width:768px){
  /* HERO */
    .hero-carousel .carousel-container{
    height: 60vh;
  }
  .cta-button{font-size:16px;padding:8px 16px;bottom:25px;}
  .prev, .next{font-size:24px;padding:6px 12px;}
  .hero-carousel .carousel-container{
  max-height: 600px;
}.slide img {
  height: 600px;
}

  .coleccion-section{
    padding: 8% 5%;
  }
  /* CATEGORÍAS */
  .categoria-row-container{flex-direction:column; margin-bottom: -15%;}
  .col-titulo-filtro{max-width:100%; flex: 1 1 10px;}
  .col-carrusel{width:100%;}
  .carousel-btn{
    position: static;
  transform: translateY(0);
  top:0;
}

.carousel-controls {
  justify-content: space-between;
  position: absolute;
  width: 100%;
  top: 200px;
  transform: translateY(50);
}

#categorias-cards {
  position: relative;
  top: -300px;
 
}

#newarrivals-prev, .carousel-btn.left {
  margin-left: -3%;
}
#newarrivals-next, .carousel-btn.right {
  margin-right: -3%;
}

  .carousel-track{gap:16px;}

  /* COLECCIÓN */
  .coleccion-header{flex-direction:column;align-items:flex-start;gap:16px;}
  .coleccion-title{max-width:100%;}
  .coleccion-title h2{font-size:32px;}
  .product-card{width:260px;margin-right:16px;}
  .color-swatches{
    position:static;
    flex-direction:row;
    margin:10px 0;
    padding-left:0;
  }

  /* MAS VENDIDOS */
  .masvendidos-container{flex-direction:column;}
  .masvendidos-info{max-width:100%;}
  .masvendidos-productos{justify-content:flex-start;}

  /* NOSOTROS */
  .nosotros-section{padding:8% 5%;}
  .nosotros-container{flex-direction:column;}
  .nosotros-img, .nosotros-contenido{width:100%;}
  .nosotros-img img{width:100%;max-width:100%;}
  .nosotros-contenido h2{font-size:32px;}
  .nosotros-contenido .subtitulo{font-size:32px;}
  .tab-content p {
  text-align: justify;
}

  /* COMMUNITY */
  .community-carousel .carousel-container{
    flex-direction:column;
    align-items:center;
    gap:40px;
  }
  img#lifestyle-img{max-width:100%;}
  .carousel-product{max-width:100%;}
  .nombre-producto{font-size:20px;letter-spacing:2px;}
  .precio-producto{font-size:18px;}
  .dot{width:22px;height:4px;margin:0 4px;}

  /* TESTIMONIOS */
  .testimonios-section{padding:8% 5%;}
  .testi-content{margin:0 15px;}
  .t-arrow{font-size:32px;padding:6px;}
  .categoria-section-row{
    padding: 8% 5%;
  }
  .video-hero {
  --min-h: clamp(420px, 50vh, 900px);
}
.promo-section {
    padding: 8% 5%;
  }
  .masvendidos-section{
    padding: 8% 5%;
  }
  .masvendidos-productos{
    flex-direction: column;
  }
  .masvendidos-productos .product-card {
  width: 100%;
}
.testi-text {
    font-size: 20px;
  }
}

/* =================================
   ≤ 576px (teléfonos)
   ================================= */
@media (max-width:576px){
  .header{
    padding: 15px 0;
  }
.movil_menu-btn img {
  width: 28px;
  height: 28px;
}
 .right-nav img {
  width: 24px;
  height: 24px;
}
.left-nav{
  width: 15%;
}
.right-nav{
  width: 16.5%;
  gap: 12px;
}
.logo{
    max-width: 70%;
    justify-content: center;
    margin-left: 0px;
  }
  .logo img{
    text-align: center;
    max-width: 150px;
  }

  .cart-count{
    top: -10px;
  right: -10px;
  min-width: 14px;
  height: 14px;
  padding: 0px 6px;
  font-size: 10px;
  }
.cart-dropdown{
  top: calc(100% + 10px);
  width: min(300px, 90vw);
}
.cart-item .price-row .price {font-size: 12px; }
.cart-summary {font-size: 15px; }

  /* HERO */
  .hero-carousel .carousel-container{height: 55vh;}
  .cta-button{font-size:14px;bottom:18px;padding:7px 14px;}
  .hero-carousel .carousel-container{
  max-height: 400px;
}.slide img {
  height: 400px;
}
 .coleccion-section {
    padding: 10% 5% ;
  }
  /* CATEGORÍAS */
  .col-titulo-filtro h2 {
    font-size: 28px;
    line-height: 1.2em;
  }
  .coleccion-title .subtitulo{
    font-size: 32px;
  }
  .coleccion-link a{
    font-size: 16px;
  }
  .filter-btn{font-size:16px;padding:6px 14px;}
  /* COLECCIÓN */
  .product-card{width:85vw;}
  .product-card .name{font-size:20px;}
  .product-card .price{font-size:18px;}

  /* MAS VENDIDOS */
  .masvendidos-productos{gap:25px;}
  .masvendidos-info h2{font-size:28px;}

  /* NOSOTROS */
  .nosotros-tabs{
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;     width: 100%;
  }
  .tab-btn{font-size:14px;padding:10px 14px;margin: 5px 0; width: 100%;}
  .tab-content{font-size:16px;line-height:32px;}
   .nosotros-section{padding:10% 5%;}
   .nosotros-container {gap: 30px;}
   .nosotros-contenido h2 {font-size: 28px;line-height: 1.3em;margin-bottom: 10px;}

  /* TESTIMONIOS */
  .testi-text{font-size:16px;line-height:30px;}
  .testi-name{font-size:16px;}
  .testi-stars span{font-size:22px;}

  .coleccion-header{
    gap: 5px;
    margin-bottom: 20px;
  }
  .categoria-card{max-width:350px;margin-left: 3px;}
  .categoria-section-row {
    padding: 10% 5%;
  }
  .categoria-row-container {
    margin-bottom: -18%;
  }
  .video-hero .vh-title {
  font-size: clamp(28px, 6vw, 64px);
  line-height: 1.3;
  letter-spacing: 0;
  margin: 0 0 0.45em 0;
}
.video-hero .vh-text {
  font-size: clamp(14px, 3.2vw, 20px);
}
.promo-section {
    padding: 10% 5%;
  }
  .promo-title{
    font-size: 28px;
    line-height: 1.3em;
  }
  .btn-outline {
  font-size: 14px;
}
.masvendidos-section {
    padding: 10% 5%;
  }
  .masvendidos-info h2{
    margin-bottom: 8px;
    line-height: 1.3em;
  }
  .boton-ver {
  font-size: 14px;
}
.testimonios-section {
    padding: 10% 5%;
  }
}
@media (max-width:400px){

}




/*Carrusel*/
@media (max-width: 1800px) {.product-card{width: 382px;}}
@media (max-width: 1600px) {.product-card{width: 337px;}}
@media (max-width: 1560px) {.product-card{width: 328px;}}
@media (max-width: 1510px) {.product-card{width: 446px;}}
@media (max-width: 1424px) {.product-card{width: 406px;}}
@media (max-width: 1410px) {.product-card{width: 401px;}}
@media (max-width: 1400px) {.product-card{width: 397px;}}
@media (max-width: 1380px) {.product-card{width: 394px;}}
@media (max-width: 1370px) {.product-card{width: 389px;}}
@media (max-width: 1340px) {.product-card{width: 383px;}}
@media (max-width: 1300px) {.product-card{width: 366px;}}
@media (max-width: 1250px) {.product-card{width: 349px;}}
@media (max-width: 1180px) {.product-card{width: 334px;}}
@media (max-width: 1080px) {.product-card{width: 300px;}}
@media (max-width: 1045px) {.product-card{width: 293px;}}
@media (max-width: 1025px) {.product-card{width: 287px;}}
@media (max-width: 980px) {.product-card{width: 280px;}}
@media (max-width: 960px) {.product-card{width: 266px;}}
@media (max-width: 920px) {.product-card{width: 255px;}}
@media (max-width: 880px) {.product-card{width: 245px;}}
@media (max-width: 840px) {.product-card{width: 230px;}}
@media (max-width: 800px) {.product-card{width: 220px;}}
@media (max-width: 764px) {.product-card{width: 312px;}}
@media (max-width: 720px) {.product-card{width: 309px}}
@media (max-width: 705px) {.product-card{width: 303px;}}
@media (max-width: 675px) {.product-card{width: 287px;}}
@media (max-width: 640px) {.product-card{width: 273px;}}
@media (max-width: 600px) {.product-card{width: 90vw;margin-right: 15px;}}