/**
 * Custom Banner Brand Code Styles
 * Simple banner styles for PrestaShop module
 */

#custombannerbrandcode-banner {
}
/* Contenedor del banner */
.custombannerbrandcode-container {
  position: relative;
}

.banner-link {
  position: absolute;
  top: 80%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "Poppins", sans-serif;
  color: white;
  text-decoration: none;
  padding: 20px 50px;
  border: 2px solid white;
  border-radius: 30px;
  transition: all 0.3s ease;
  white-space: nowrap;
  --min: 25;
  --max: 40;
  --mintrans: 430;
  --maxtrans: 1920;
  font-size: clamp(
    var(--min) * 1px,
    calc(
      (var(--max) - var(--min)) *
        ((100vw - var(--mintrans) * 1px) / (var(--maxtrans) - var(--mintrans))) +
        var(--min) * 1px
    ),
    var(--max) * 1px
  ) !important;
}

.banner-link:hover {
  transition: all 0.3s ease;
  font-size: 38px;
}

/* Videos de fondo */
.bg-video {
  display: none;
  width: 100%;
}

/* Mostrar vídeo según tamaño */
@media (min-width: 1025px) {
  #video-desktop {
    display: block;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  #video-tablet {
    display: block;
  }
}

@media (max-width: 767px) {
  #video-mobile {
    display: block;
  }
}