/** Shopify CDN: Minification failed

Line 427:0 Unexpected "}"

**/
@font-face{font-family: cambria; src: rul('/cdn/shop/files/cambria.ttf?v=1741969637');}
#texto-personalizado{
  font-family:cambria !important;
     /* font-family: Georgia !important;  */
  
}
ul.product__media-list  li:last-child .media img{
  left:-10px !important;
}

#texto-personalizado{
       position: absolute; 
      left: 50%; /* Centramos horizontalmente */
      transform: translate(-50%, -50%); /* Ajustamos el centro exacto */
      z-index: 1000; /* Asegura que el texto esté sobre la imagen */
      max-width:9vw; /* Ancho máximo relativo al ancho de la pantalla */
      cursor: none; /* Oculta el cursor */
      pointer-events: none; /* Evita que el texto interfiera con clics */
      text-align: center; /* Alineación del texto */
      font-size: 1vw; /* Tamaño de fuente relativo al ancho de la pantalla */ 
     line-height: 1.1; 
    font-weight:400 !important;
      background: linear-gradient(
        135deg,         
        #8a8a8a 0%,      
        #e0e0e0 20%,     
        #ffffff 40%,     
        #999999 50%,     
        #ffffff 70%,     
        #7a7a7a 90%,     
        #8a8a8a 100%     
      );
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent; 
      color: transparent;                   
      }

.Antiderrames-1lt{
    top: 43%; 
}

.AntiderramesSolid-800ml{
  top: 49%; 
  left:50.3% !important;
}
.Antiderrames-900ml
{
  top:51%;
  left:50% !important;
  background: linear-gradient(
        135deg,         
        #aaa6a6 0%,      
        #dad7d7 15%,     
        #dad7d7 50%,     
        #dad7d7 70%,     
        #dad7d7 85%,     
        #dad7d7 100%     
      ) !important;
    -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important; 
}
.Antiderrames-800ml{
  top:47%;
}
.AntiderramesSolid-730ml{
  top:48.4%;
}
.Antiderrames-730ml, .Antiderrames-730mlDetalles
{
  top:48%;
}
.Antiderrames630ml{
  top:50%;
}
.AntiderramesHandle-800ml{
  top:43%;
  left:51% !important;
}
.LightBambú{
  top:47%;
  /* Anulamos el degradado y sus efectos para aplicar un color normal */
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  -webkit-text-fill-color: #57412a !important;
  color: #57412a !important;      
    left:50% !important;
}
.LightGoma-500ml{
  top:49.8% !important;
  left:48.4% !important;
  background: linear-gradient(
        135deg,         
        #313030 0%,      
        #302f2f 15%,     
        #302f2f 50%,     
        #292828 70%,     
        #313030 85%,     
        #2e2d2d 100%     
      ) !important;
    -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;                  
  }

.LightGoma-750ml, .LightGoma-750mlDetalles{
  top:45% !important;
  left: 50% !important;
}


.LightGomaMini-500ml ,.LightGomaMini-500mlDetalles{
  top:52%;
  left:49:9% !important;
  background: linear-gradient(
        135deg,         
        #b3b1b1 0%,      
        #c4c2c0  15%,     
        #838380 50%,     
        #838380 70%,     
        #838380 85%,     
        #6b6b68  100%     
      ) !important;
    -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important; 
}

.LightGomaPlus-500ml, .LightGomaPlus-500mlDetalles{
  top:54.8%;
  left:49% !important;
}
.LightGomaPlus-750ml{
  top:54.3%;
}

.LightGomaPlus650ml{
  top:60%;
}
.Light-580ml{
  top:54%;
  left: 49% !important;
   background: linear-gradient(
        135deg,         
        #757575 0%,      
        #6d6c6c  15%,     
        #727171 50%,     
        #636362 70%,     
        #646363 85%,     
        #444242 100%     
      )!important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}
  .Travel890ml{
  top: 48% ; 
    left:47.5% !important;
   background: linear-gradient(
    135deg,
    #aaa6a6 0%,     
    #646363 15%,     
    #1f1e1e 50%,     
    #747171 70%,     
    #242323 85%,   
    #131212 100%     
  ) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;  
    
  }
.Travel-600ml{
  top:53.5%;
  left: 49.5% !important;

 background: linear-gradient(
        135deg,         
        #222222 0%,      
        #494747  15%,     
        #82827e 50%,     
        #636362 70%,     
        #302f2f 85%,     
        #b3b1b1 100%     
      )!important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;  
}
.TravelUltra-900ml{
  top:53%;
  left:48% !important;
}
.TravelUltra-830ml, .TravelUltra-830mlDetalles{
  top:49%;
  left:50.3% !important;
}
.TravelUltra-830mlDetalles{
  top:51% !important;

}
.TravelUltra-1200ml, .TravelUltra-1200mlDetalles{
  top:47.5%;
  left:50.5% !important;
}
.Travel-890ml
{
  top:47%;
  left: 50% !important;
}
.Travel-830ml, .Travel-830mlDetalles{
  top:47%;
  left: 50% !important;
}
.Travel-630ml{
  top:58.5%;
  left:50.3% !important;
}
.Travel-380ml, .Travel-380mlDetalles {
  top:57.7%;
  left:50.8 !important;
}
.Travel-750ml{
  top:47%;
}
.Travel-700ml{
  top:44.3%;
  left:50.3% !important;
}

.Re-Mix1000ml{
  top:49.5%;
  left:48.5% !important;
     background: linear-gradient(
        135deg,         
        #757575 0%,      
        #494747  15%,     
        #5c5c5c 50%,     
        #636362 70%,     
        #302f2f 85%,     
        #111111 100%     
      )!important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;  
}
.Re-Mix800ml{
  top:51%;
  left:50% !important;
  max-width:4vw !important; 
  font-size: .6vw !important;
   background: linear-gradient(
    135deg,
    #aaa6a6 0%,     
    #747171 15%,     
    #aaa6a6  50%,     
    #747171 70%,     
    #aaa6a6 85%,   
    #131212 100%     
  ) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;  
}
.Re-Mix660ml{
  top:52.4%;
  left:49.5% !important;
}
.Re-Mix900ml{
  top:50.9%;
  left:50.4% !important;
 background: linear-gradient(
    135deg,
    #d8d6d6 0%,     
    #e4e2e2 15%,     
    #aaa6a6  50%,     
    #c4c3c3 70%,     
    #d6d6d6 85%,   
    #d1d1d1 100%     
  ) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}
.Re-Mix910ml{
   top:48%;
}


.OntheGoFlip-1200ml{
  top:29%;
  left:52.8% !important;
   background: linear-gradient(
        135deg,         
        #8f8d8d 0%,      
        #777474  15%,     
        #868484 50%,     
        #929291 70%,     
        #888585 85%,     
        #8d8c8c 100%     
      )!important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;  
}
.OntheGo-DifferentMini680ml{
  top:58%;
  left:50% !important;
   background: linear-gradient(
        135deg,         
        #8f8d8d 0%,      
        #777474  15%,     
        #868484 50%,     
        #929291 70%,     
        #888585 85%,     
        #8d8c8c 100%     
      )!important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;  
}
.OntheGo-Simple900ml{
  top:37%;
  left:51% !important;
   background: linear-gradient(
        135deg,         
        #8f8d8d 0%,      
        #777474  15%,     
        #868484 50%,     
        #929291 70%,     
        #888585 85%,     
        #8d8c8c 100%     
      )!important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;  
}
.OntheGoDifferent-1200ml, .OntheGoDifferent-1200mlDetalles{
  top:44.5%;
  left: 50% !important;
}
.OntheGoTiny-350ml
{
  top:66.8% !important;
  left:50% !important;
  background: linear-gradient(
        135deg,         
        #757575 0%,      
        #6d6c6c  15%,     
        #727171 50%,     
        #636362 70%,     
        #646363 85%,     
        #7c7b7b 100%     
      )!important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;  
}
.OnTheGoPremium-1200ml{
  top:36%;
  left:50% !important;
}
.CoffeeMug-450ml{
  top:61%;
}
.CoffeeMugSimple-320ml
{
  top:66.7%;
}
.CoffeeMugHandle, .CoffeeMugHandleDetalles{
  top:63.4%;
  left:49% !important;
}
.CoffeeMugSimpleSV, .CoffeeMugSimpleSVDetalles{
  top:65.9%;
  left:50% !important;
}
.Mug-360ml{
  top:64%;
}
.Flask-1900ml{
  top: 46%;
  left:48.4% !important;
}
.Mixer-570ml{
  top: 48.8%;
  left:49.4% !important;
}
.CoffeeMugS-420ml , .CoffeeMugS-420mlDetalles{
  top:50.4%;
  left:51% !important;
     background: linear-gradient(
        135deg,         
        #aaa9a9 0%,      
        #aaa9a9 15%,     
        #aaa9a9 50%,     
       #aaa9a9 70%,     
        #aaa9a9 85%,     
        #aaa8a8 100%     
      ) !important;
      
      -webkit-background-clip: text !important;
      background-clip: text !important;
      -webkit-text-fill-color: transparent !important; 
      color: transparent !important;                   
      }
}



/* TAMAÑO LETRA */
@media screen and (max-width: 1034px) {
 #texto-personalizado{
   max-width:10vw !important;
 }
}


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

   #texto-personalizado{
   max-width:15vw !important;
   font-size:2.2vw;
  }

    .Antiderrames-1lt{
     left: 49% !important;
}

  .AntiderramesSolid-800ml{
  left: 48.5% !important; 
}

  .Antiderrames-900ml{
    top:51.2% !important;
    left:48% !important;
  }

  .Antiderrames-800ml{
     left:48% !important; 
  }

  .AntiderramesSolid-730ml{
    top:49% !important;
      left:48% !important; 
  }

  .Antiderrames-730ml, .Antiderrames-730mlDetalles{
    left:49% !important;
  }

  .Antiderrames630ml{
    left:48% !important;
  }

  .AntiderramesHandle-800ml{
    left:49% !important;
  }

  .LightBambú{
    top: 47.5% !important;
    left: 48% !important;
  }

  .LightGoma-500ml{
  left: 49.2% !important; 
  }
  .LightGomaPlus-750ml{
    top:54.4% !important;
    left: 48.8% !important;
  }

  .LightGoma-750ml, .LightGoma-750mlDetalles{
    top:45.8% !important;
  left: 48% !important; 
  }

  .LightGomaMini-500ml, .LightGomaMini-500mlDetalles{
   left:48.5% !important; 
  }

  .LightGomaPlus-500ml, .LightGomaPlus-500mlDetalles{
    top: 55%;
    left:48% !important;
  }
  .LightGomaPlus650ml{
    left:48% !important;
  }
  .Light-580ml{
    left:48% !important;
   
  }
   .Travel890ml{
     left: 46% !important;
   }
  

   .Travel-830ml{
    left: 49.3% !important;
   }

  .Travel-600ml{
  left: 49.5% !important;
}

  .TravelUltra900{
    left:47.5% !important;
  }

  .TravelUltra-1200ml, .TravelUltra-1200mlDetalles{
    top:48%;
  left: 48.7% !important;
}

  .TravelUltra-830ml, .TravelUltra-830mlDetalles{
    left: 48% !important;
  }

  .Travel-890ml{
     left:48% !important;
   }

  .Travel-630ml{
  left:48.7% !important;
}
.Travel-380ml, .Travel-380mlDetalles{
  top:57.7%;
  left:48.4% !important;
}
.Travel-750ml{
  left:48% !important;
}
.Travel-700ml{
  left:49% !important;
}

  .Re-Mix1000ml{
  left: 50% !important;
}
  
  .Re-Mix800ml{
    left:49% !important;
    font-size: .3vw !important;
  }
  .Re-Mix900ml{
    left:48.4% !important;
  }
  .Re-Mix910ml{
    left: 48%  !important;
  }
  .Re-Mix660ml{
    top:52.5%;
    left:48.5% !important;
    font-size: .3vw !important;

  }
  .OntheGoFlip-1200ml{
  left:50.8% !important;
}
  .OntheGo-DifferentMini680ml{
  top:56% !important;
  left:48% !important;
}
  .OntheGo-Simple900ml{
  top:37%;
  left:50% !important;
  }
  .OntheGoDifferent-1200ml, .OntheGoDifferent-1200mlDetalles{
    top: 45.5% !important;
  left: 48.6% !important;
}
  .OntheGoTiny-350ml
{
  left:49.6% !important;
   
}
.OnTheGoPremium-1200ml{
  top:37% !important;
  left:49% !important;
}
.CoffeeMug-450ml{
  left:49% !important;

}
.CoffeeMugHandle, .CoffeeMugHandleDetalles{
  left:46.5% !important;
}
  .CoffeeMugSimple-320ml{
    left:49% !important;
  }
.CoffeeMugS-420ml, .CoffeeMugS-420mlDetalles{
  left:49.5% !important;
}
.CoffeeMugSimpleSV, .CoffeeMugSimpleSVDetalles{
  left:48% !important;
}
.Mug-360ml{
  left: 48.6% !important;
}
.Flask-1900ml{
  top: 47% !important;
  left:47.5% !important;
  font-size: 2.6vw !important;
}
.Mixer-570ml{
  left:48.6% !important;
}
}


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

  .OntheGoFlip-1200ml{
    left: 51% !important;
  }

  .Travel-630ml{
    left: 48% !important;
  }
  .Travel-830ml{
    top: 47.5%;
    left: 48% !important;
  }
  .Antiderrames-730ml{
    left: 48% !important;
  }
  .LightGomaPlus-750ml{
    top:54.8% !important;
    left:48.4% !important;
  }

  .CoffeeMugSimple-320ml{
    top: 67.2% !important;
    left:48.2% !important;
  }
  .LightGoma-500ml{
    left: 47.7% !important;
  }
  .CoffeeMug-450ml{
    left: 48.2% !important;
  }
  .OntheGoTiny-350ml{
  left:48.5% !important;
  }
  .Flask-1900ml{
    left: 47% !important;
  }
  .Mixer-570ml{
    left:47.8% !important;
  }
  .Mug-360ml{
    left:47.8% !important;
  }
  .Travel-700ml{
    left:48% !important;
  }

}



/* ═══════════════════════════════════════════════════════════════
   LUPA DE ZOOM — product-zoom.js styles
   ═══════════════════════════════════════════════════════════════ */

/* Lupa principal (fixed, circular) */
#pz-lens {
  /* Forma y borde con brillo */
  border-radius: 50% !important;
  overflow: hidden !important;

  /* Cursor estilo lupa */
  cursor: none !important;

  /* Animación de aparición */
  opacity: 0;
  transition: opacity 0.15s ease;
}

#pz-lens.pz-visible {
  opacity: 1;
}

/* Crosshair central sutil (pseudo-elemento) */
#pz-lens::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background:
    linear-gradient(rgba(255,255,255,0) 49%, rgba(255,255,255,0.35) 49.5%, rgba(255,255,255,0.35) 50.5%, rgba(255,255,255,0) 51%),
    linear-gradient(90deg, rgba(255,255,255,0) 49%, rgba(255,255,255,0.35) 49.5%, rgba(255,255,255,0.35) 50.5%, rgba(255,255,255,0) 51%);
  pointer-events: none;
  z-index: 2;
}

/* El clon dentro de la lupa no debe capturar eventos */
#pz-clone {
  pointer-events: none !important;
  user-select: none !important;
}

/* Los overlays dentro del clon deben verse correctamente */
#pz-clone #texto-personalizado,
#pz-clone #imagen-personalizado {
  pointer-events: none !important;
}

/* Cursor lupa al hacer hover sobre la imagen de producto */
.product__media-item .media {
  cursor: none;
}

/* En móviles desactivamos la lupa (pantalla táctil) */
@media (max-width: 768px) {
  #pz-lens {
    display: none !important;
  }
  .product__media-item .media {
    cursor: default;
  }
}