/** Shopify CDN: Minification failed

Line 305:0 Unexpected "}"
Line 393:1 Expected "}" to go with "{"

**/
@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;
}
.LightGoma-500ml ul.product__media-list  li:last-child .media img{
  left:-20px !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:10vw; /* 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: .7vw; /* Tamaño de fuente relativo al ancho de la pantalla */ 
     line-height: 1.1; 
  font-weight:400 !important;
  /* font-style:italic; */

    /* Degradado múltiple para simular reflejos metálicos */
     background: linear-gradient(
        135deg,         
        #aaa6a6 0%,      
        #dad7d7 15%,     
        #b3b1b1 50%,     
        #9e9b9b 70%,     
        #aaa9a9 85%,     
        #aaa8a8 100%     
      );
      
      /* Truco para aplicar el degradado al texto en lugar del fondo */
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent; 
      color: transparent;                   
      }

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

.AntiderramesSolid-800ml{
  top: 45.8%; 
  left:48.3% !important;
}
.Antiderrames-900ml
{
  top:48%;
  left:48.4% !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%;
}
.LightBambú{
  top:41%;
  /* 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:49% !important;
}
.LightGoma-500ml{
  top:39.5%;
  left:49% !important;
    /* Degradado múltiple para simular reflejos metálicos */
     background: linear-gradient(
        135deg,         
        #aaa6a6 0%,      
        #dad7d7 15%,     
        #b3b1b1 50%,     
        #9e9b9b 70%,     
        #aaa9a9 85%,     
        #aaa8a8 100%     
      );
      
      /* Truco para aplicar el degradado al texto en lugar del fondo */
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent; 
      color: transparent;                   
      }

.LightGoma-750ml{
  top:39.5% !important;
  left: 49% !important;
}

.LightGomaMini-500ml{
  top:40.4%;
  left:49.8% !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{
  top:47%;
  left:49.8% !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-1200ml{
  top:51.9%;
  left:49.8% !important;
}
.Travel-890ml
{
  top:47%;
  left: 50% !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;  
}
.OntheGoFlip-1200ml{
  top:36.5%;
  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:57%;
  left:49% !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{
  top:47.5%;
  left: 51% !important;
}
.OntheGoTiny-350ml
{
  top:52.5%;
  left:49.7% !important;
}
.CoffeeMugSimple-360ml
{
  top:46%;
}
.CoffeeMugS-420ml{
  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:2vw !important;
 }
    .Antiderrames-1lt{
     left: 49% !important;
}
  .AntiderramesSolid-800ml{
  left: 48.5% !important; 
}
  .Antiderrames-900ml{
    left:47.5% !important;
  }
  .Antiderrames-800ml{
     left:48% !important; 
  }
  .LightBambú{
    left: 48% !important;
  }
  .LightGoma-500ml{
  left: 49% !important; 
  
}
  .LightGoma-750ml{
  left: 49% !important; 
}
  .LightGomaMini-500ml{
   left:48.5% !important; 
  }
  .LightGomaPlus-500ml
  {
    left:49% !important;
  }
   .Travel890ml{
     left: 46% !important;
   }
  .Travel-600ml{
  left: 49.5% !important;
}
  .TravelUltra900{
    left:47.5% !important;
  }
  .TravelUltra1200{
  left: 49% !important;
}
  .Travel-890ml{
     left:48% !important;
   }
  .Re-Mix1000ml{
  left: 50% !important;
}
  
  .Re-Mix800ml{
    left:49% !important;
    font-size: .3vw !important;
  }
  .OntheGoFlip-1200ml{
  left:51.5% !important;
}
  .OntheGo-DifferentMini680ml{
  left:48% !important;
}
  .OntheGo-Simple900ml{
  top:37%;
  left:50% !important;
  }
  .OntheGoDifferent-1200ml{
  left: 50% !important;
}
  .OntheGoTiny-350ml
{
  left:48% !important;
}
  .CoffeeMugSimple-360ml{
    left:49% !important;
  }
.CoffeeMugS-420ml{
  left:49.5% !important;
}