@import url("https://fonts.cdnfonts.com/css/tech-headlines");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap");
@import url("https://fonts.cdnfonts.com/css/bebas-neue?styles=17620");
@import url("https://fonts.cdnfonts.com/css/elnath");
@import url("https://fonts.cdnfonts.com/css/happy-lucky");
@import url("https://fonts.cdnfonts.com/css/miliard");
@import url("https://fonts.cdnfonts.com/css/amarillo");

@import url("https://db.onlinewebfonts.com/c/93a0105e86108ad2ce297d796eb5eb84?family=Brickson+Free+Trial");
@import url("https://db.onlinewebfonts.com/c/d05db9df1232943ad3fc8a34193b34a4?family=Frock+Black");
@import url("https://db.onlinewebfonts.com/c/ee3d8718f01b7552418ea14097c8a003?family=Happy+Lucky");
@import url("https://db.onlinewebfonts.com/c/7b67035b3b8dab514ecf09763597a947?family=Signatra+DEMO");

@font-face {
  font-family: "Gutters Butter";
  src: url("fonts/0c9bbd1c1.ttf") format("truetype");
}

@font-face {
  font-family: "Adelia";
  src: url("fonts/F5jSKDy2Q.ttf") format("truetype");
}

@font-face {
  font-family: "josephine";
  src: url("fonts/8016d514.ttf") format("truetype");
}

.woo-variation-product-gallery {
  --soda--custom-font-size: 36px;
  --soda--custom-font-rotate: 0deg;
  --soda--custom-font-scale: 1;
  --soda--custom-font-family: "Montserrat", sans-serif;
  --soda--custom-font-top: 50%;
  --soda--custom-font-left: 50%;
  --soda--custom-font-weight: normal;
  --soda--custom-font-scale-ajust: 1;
}

.woo-variation-product-gallery.no-custom {
  --soda--custom-display: none;
}

.woo-variation-product-gallery[data-rotation="Vertical"] {
  --soda--custom-font-rotate: -90deg;
}

.woo-variation-product-gallery[data-rotation="Vertical"]
  .woo-variation-gallery-slider-wrapper
  .wvg-single-gallery-image-container::before {
  overflow: visible;
  text-shadow: -2px 0px 0px rgba(0, 0, 0, 0.1);
}

/*Montserrat-semibold*/
.woo-variation-product-gallery[data-font="Montserrat"] {
  --soda--custom-font-family: "Montserrat", sans-serif;
  --soda--custom-font-weight: 600;
}

/*Bebas neue*/
.woo-variation-product-gallery[data-font="Bebas Neue"] {
  --soda--custom-font-family: "Bebas Neue", sans-serif;
  --soda--custom-font-scale-ajust: 1.6;
}

/*elnath*/
.woo-variation-product-gallery[data-font="Elnath"] {
  --soda--custom-font-family: "ELNATH", sans-serif;
}

/*Miliard*/
.woo-variation-product-gallery[data-font="Miliard"] {
  --soda--custom-font-family: "Miliard", sans-serif;
}

/*Amarillo*/
.woo-variation-product-gallery[data-font="Amarillo"] {
  --soda--custom-font-family: "Amarillo", sans-serif;
  --soda--custom-font-scale-ajust: 0.7;
}

/*Gutters Butter*/
.woo-variation-product-gallery[data-font="Gutters Butter"] {
  --soda--custom-font-family: "Gutters Butter", sans-serif;
  --soda--custom-font-scale-ajust: 1.5;
}
/* Frock black*/
.woo-variation-product-gallery[data-font="Frock Black"] {
  --soda--custom-font-family: "Frock Black", sans-serif;
}

/*  Brickson */
.woo-variation-product-gallery[data-font="Brickson"] {
  --soda--custom-font-family: "Brickson Free Trial", sans-serif;
}

/*  Happy Lucky */
.woo-variation-product-gallery[data-font="Happy Lucky"] {
  --soda--custom-font-family: "Happy Lucky", sans-serif;
}

/*  Signatra*/
.woo-variation-product-gallery[data-font="Signatra"] {
  --soda--custom-font-family: "Signatra DEMO", sans-serif;
  --soda--custom-font-scale-ajust: 1.7;
}
/*  Joseph Sophia Regular*/
.woo-variation-product-gallery[data-font="Joseph Sophia"] {
  --soda--custom-font-family: "josephine", sans-serif;
}
/*  Adelia*/
.woo-variation-product-gallery[data-font="Adelia"] {
  --soda--custom-font-family: "Adelia", sans-serif;
}

.woo-variation-gallery-slider-wrapper
  .slick-slide[data-slick-index="0"]
  .wvg-single-gallery-image-container::before {
  content: attr(data-text);
  position: absolute;
  top: var(--soda--custom-font-top);
  left: var(--soda--custom-font-left);
  transform: translate(-50%, -50%)
    scale(
      calc(
        var(--soda--custom-font-scale) * var(--soda--custom-font-scale-ajust)
      )
    )
    rotate(var(--soda--custom-font-rotate)); /* Centra el texto perfectamente */
  z-index: 2; /* Asegura que el texto esté sobre la imagen */
  color: #777;
  font-family: var(--soda--custom-font-family, "Arial, sans-serif");
  font-size: var(--soda--custom-font-size);
  font-weight: var(--soda--custom-font-weight);
  opacity: 1;
  display: var(--soda--custom-display, flex);
  width: 33%;
  height: 33%;
  justify-content: center;
  align-items: center;
  overflow: hidden;

  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(196, 196, 196, 1) 9%,
    rgba(255, 255, 255, 1) 21%,
    rgba(217, 217, 217, 1) 36%,
    rgba(255, 255, 255, 1) 45%,
    rgba(232, 232, 232, 1) 55%,
    rgba(255, 255, 255, 1) 70%,
    rgba(176, 176, 176, 1) 82%,
    rgba(255, 255, 255, 1) 93%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0px -2px 0px rgba(0, 0, 0, 0.1);
}

.wvg-single-gallery-image-container {
  position: relative;
}

/* Regla para ocultar el pseudo-elemento si el atributo está vacío */
.wvg-single-gallery-image-container[data-text=""]::before {
  opacity: 0;
}

/* Estilos para la imagen dentro del contenedor */
.wvg-single-gallery-image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Asegura que la imagen cubra todo el contenedor */
}
.custom-type.wapf-radio .wapf-custom,
.custom-type .wapf-radios input {
  display: none;
}
.custom-type .wapf-radios {
  display: flex;
  gap: 8px;
}
.custom-type .wapf-input-label {
  padding: 8px 12px;
  border-radius: 12px;
  border: 2px solid transparent;
  font-weight: bold;
  border: var(--apf-is-border, none);
}
.custom-type .wapf-input-label .wapf-label-text {
  padding: 0;
}

.custom-type .wapf-checked .wapf-input-label {
  border: 2px solid;
}
.custom-text-rotation .apf-pick-box,
.custom-text-font .apf-pick-box {
  padding: 4px;
  border-radius: 12px !important;
}

.custom-text-font .wapf-image-swatch-wrapper {
  --wapf-cols: 4 !important;
  --apf-col-width: 1fr !important;
}
.custom-text-font .wapf-image-swatch-wrapper label {
  display: flex;
  align-items: center;
  justify-content: center;
}

/*	(mobile) */
@media (max-width: 767px) {
  .woo-variation-product-gallery {
    --soda--custom-font-size: clamp(16px, 5vw, 50px);
  }
}
/* (tablet) */
@media (min-width: 768px) and (max-width: 1024px) {
  .woo-variation-product-gallery {
    --soda--custom-font-size: 32px;
  }
}
/* (desktop) */
@media (min-width: 1025px) {
}

.video-customization-360-container {
  text-align: center;
}
.video-customization-360 {
  border-radius: 12px;
  width: 300px !important;
  height: 400px !important;
  background: var(--ct-global-color-cultured);
}