/* Carrusel principal */
    #main-carousel .item {
      position: relative;
    }
    
    #main-carousel img {
      width: 100%;
      height: 555px;
      object-fit: cover;
      border-radius: 15px;
      position: relative;
      z-index: 1;
      box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
    }
    
    #main-carousel .inner-content {
      position: absolute;
      top: 30%;
      left: 10%;
      text-align: left;
      z-index: 2;
      
      /*position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      text-align: center;
      z-index: 2;*/
    }
    
    #main-carousel .inner-content h4,
    #main-carousel .inner-content span,
    #main-carousel .inner-content a {
      color: #fff;
      text-shadow: 2px 2px 6px #000;
    }
    
    #main-carousel .inner-content h4 {
      font-size: 5rem;
      font-weight: bold;
      margin-bottom: 10px;
    }
    
    @media screen and (max-width: 600px) {
        
        #main-carousel .inner-content {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          text-align: center;
          z-index: 2;
        }
        
        
        #main-carousel .inner-content h4 {
          font-size: 2rem;
          font-weight: bold;
          margin-bottom: 10px;
        }
        
        .divScroll{
            height: 250px;
            overflow-y: auto;
        }
        
        #whatsapplink{
            width: 120px;
        }
        
        
        /*#whatsapplink img {
            content: url('../images/imgwap_icon50.png');
        }*/
        
        #whatsappimg {
            width: 120px; /* tamaño más pequeño en móvil */
        }
        
        
    }
    
    @media (max-width: 768px) {
      #whatsappimg {
        width: 120px; /* tamaño más pequeño en móvil */
      }
    }
    
    #whatsapplink{
        width: 300px;
        position: fixed;
        bottom: 10px;
        left: 0px;
        margin: 0 20px;
        z-index: 9999999999;
        padding: 0;
    }
    
    #whatsappimg {
        z-index:900;
        position:relative;
        /*width:60px;*/
    }
    
    #main-carousel .inner-content span {
      display: block;
      font-size: 1.1rem;
      margin-bottom: 15px;
    }
    
    /* Botón en el carrusel */
    #main-carousel .inner-content a {
      padding: 10px 20px;
      border: 2px solid #fff;
      border-radius: 25px;
      transition: 0.3s ease;
    }
    
    #main-carousel .inner-content a:hover {
      background: #fff;
      color: #a60b6a;
      text-shadow: none;
    }
    
    /* Botones de navegación */
    #main-carousel .owl-nav {
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      transform: translateY(-50%);
      display: flex;
      justify-content: space-between;
      width: 100%;
      padding: 0 15px;
      z-index: 5; /* más alto que las imágenes */
    }
    
    #main-carousel .owl-nav button {
      background: rgba(0,0,0,0.5) !important;
      color: #fff !important;
      font-size: 1rem !important;
      border-radius: 50%;
      width: 50px;
      height: 50px;
      line-height: 50px;
      transition: background 0.3s ease;
    }
    
    #main-carousel .owl-nav button:hover {
      background: rgba(0,0,0,0.8) !important;
    }
    
    /* Ajuste de los íconos (< y >) */
    #main-carousel .owl-nav button span {
      font-size: 2rem;
      font-weight: bold;
      line-height: 1;
      top: 2px;
      position: relative;
    }
    
    /* BANNER CATEGORIAS */

    .page-heading .inner-content h4 {
      font-size: 2rem;
      font-weight: bold;
      margin-bottom: 10px;
    }
    
    .page-heading .inner-content {
      color: #fff;
      text-shadow: 2px 2px 6px #000;
    }    
    
    
    /*AJUSTE DE LAS IMAGENES DE LOS PRODUCTOS*/
    
    /*#men .item .thumb {
      position: relative;
      width: 100%;
      height: 325px;
      object-fit: cover;
      position: relative;
      z-index: 1;
      box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
    }
    
    #women .item .thumb {
      position: relative;
      width: 100%;
      height: 325px;
      object-fit: cover;
      position: relative;
      z-index: 1;
      box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
    }
    
    #kids .item .thumb {
      position: relative;
      width: 100%;
      height: 325px;
      object-fit: cover;
      position: relative;
      z-index: 1;
      box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
    }*/
    
    #products .item .thumb {
      position: relative;
      width: 100%;
      height: 325px; /* altura uniforme */
      overflow: hidden; /* recorta si sobra */
      box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
      border-radius: 8px 8px 0 0; /* esquinas suaves solo arriba */
    }
    
    #products .item .thumb img {
      width: 100%;
      height: 100%;
      object-fit: cover; /* mantiene proporción, recorta si es necesario */
      object-position: center; /* centra la parte recortada */
      transition: opacity 0.3s ease; /* para hover suave */
    }
    
    /* Imagen con transición de opacidad */
    .thumb img {
      transition: opacity 0.3s ease;
    }
    
    .thumb:hover img {
      opacity: 0.6; /* la imagen se atenúa */
    }



/*PAGINA PRINCIPAL*/



/* Thumb - tamaño fijo y recorte */
.owl-item .item .thumb {
  position: relative;
      width: 100%;
      height: 325px; /* altura uniforme */
      overflow: hidden; /* recorta si sobra */
      box-shadow: -2px -2px 9px rgba(0,0,0,0.01), 2px -2px 9px rgba(0,0,0,0.15), 0 0.5px 0.5px rgba(0,0,0,0.15) !important;
      border-radius: 8px 8px 0 0; /* esquinas suaves solo arriba */
      margin-top: 10px;
}

/* Imagen que cubre sin deformarse */
.owl-item .item .thumb img {
    width: 100%;
      height: 100%;
      object-fit: cover; /* mantiene proporción, recorta si es necesario */
      object-position: center; /* centra la parte recortada */
      transition: opacity 0.3s ease; /* para hover suave */
}

/* Opacidad al hover (si quieres) */
.owl-item .item:hover .thumb img {
  opacity: 0.6;
}


.owl-item .item:hover .thumb .hover-content {
  opacity: 1;
  visibility: visible;
}

.divScroll{
    height: 280px;
    overflow-y: auto;
}



/*VENTANA MODAL CARRUSEL*/

/* Contenedor con relación de aspecto fija (16:9 en este caso) */
    .main-image-wrapper {
      width: 100%;
      aspect-ratio: 13 / 9;
      border: 1px solid #ddd;
      border-radius: 8px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #f9f9f9;
      position: relative;
    }
    .main-image {
      max-width: 100%;
      max-height: 100%;
      object-fit: contain;
    }
    .zoom-icon {
      position: absolute;
      /*top: 10px;
      right: 10px;*/
      background: rgba(0,0,0,0.4);
      color: #fff;
      border-radius: 50%;
      width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: 0.2s;
    }
    .zoom-icon:hover {
      background: rgba(0,0,0,0.8);
      transform: scale(2.1);
    }
    .thumb-img {
      height: 70px;
      width: 70px;
      object-fit: cover;
      border-radius: 6px;
      border: 2px solid #4a474700;
      border-color: #4a474700;
      cursor: pointer;
      transition: .2s;
    }
    .thumb-img:hover {
      border-color: #606871;
      transform: scale(1.05);
    }
    .zoom-modal .swiper-slide {
      display: flex;
      align-items: center;
      justify-content: center;
      background: #000;
    }
    .zoom-modal img {
      max-width: 100%;
      max-height: 90vh;
      object-fit: contain;
    }