/* =========================================
   PEDALWEEN · BANNER DE HOME
   ========================================= */

.bloque-home-HLW .promo-banner-content {
  width: 100%;
  box-sizing: border-box;
}

.bloque-home-HLW .promo-banner-content .promo-text {
  flex: 1 1 100%;
  width: 100%;
  max-width: none;
  min-width: 0;
}

/* Rótulo blanco y naranja */
.bloque-home-HLW .promo-text > .h3 {
  display: block;
  flex: none;
  width: 100%;
  max-width: 350px;
  height: auto;
  min-height: 0;
  aspect-ratio: 2030 / 325;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  text-shadow: none;
  background-image: url("/themes/pedalmoto2025/assets/tematic/pedalween-blanco.svg");
  background-position: left center;
  background-size: contain;
  background-repeat: no-repeat;
}

/* Ocultar el texto bajo el rótulo */
.bloque-home-HLW .promo-text > p {
  display: none;
}

/* Botón naranja WEEN */
.bloque-home-HLW .promo-text > .btn.btn-cta {
  align-self: flex-start;
  background: #f57622;
  border-color: #f57622;
  text-shadow: none;
}

.bloque-home-HLW .promo-text > .btn.btn-cta:hover,
.bloque-home-HLW .promo-text > .btn.btn-cta:focus-visible {
  background: #e96816;
  border-color: #e96816;
}

@media (max-width: 767px) {
  .bloque-home-HLW .promo-banner-content {
    padding: 24px 18px;
  }
}


/* =========================================
   PEDALWEEN · CATEGORÍA 3231
   ========================================= */

/* Conservar el H1 y mostrar el rótulo negro y naranja */
body.category-id-3231 h1 {
  display: block;
  width: 100%;
  max-width: 450px;
  height: auto;
  min-height: 0;
  aspect-ratio: 2030 / 325;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  text-shadow: none;
  background-image: url("/themes/pedalmoto2025/assets/tematic/pedalween-halloween.svg");
  background-position: left center;
  background-size: contain;
  background-repeat: no-repeat;
}


/* =========================================
   PEDALWEEN · BADGES ANIMADOS
   ========================================= */

.badge-trv.halloween {
  transform-origin: 50% 75%;
  animation: halloween-badge-scare 6s ease-in-out -1s infinite;
}

/* Ritmos distintos en los carruseles */
.swiper-slide:nth-child(3n + 1) .badge-trv.halloween {
  animation-duration: 5.4s;
  animation-delay: -3.2s;
}

.swiper-slide:nth-child(3n + 2) .badge-trv.halloween {
  animation-duration: 6.7s;
  animation-delay: -4.8s;
}

.swiper-slide:nth-child(3n) .badge-trv.halloween {
  animation-duration: 5.9s;
  animation-delay: -2.1s;
}

/* Saltito, balanceo y brillo suave */
@keyframes halloween-badge-scare {
  0%, 78%, 100% {
    transform: translateY(0) rotate(0);
    box-shadow: 0 0 0 0 rgba(255, 161, 69, 0);
  }

  82% {
    transform: translateY(-2px) rotate(-3deg);
    box-shadow: 0 0 8px 2px rgba(255, 161, 69, .28);
  }

  86% {
    transform: translateY(-1px) rotate(3deg);
    box-shadow: 0 0 10px 3px rgba(255, 161, 69, .18);
  }

  90% {
    transform: translateY(0) rotate(-1.5deg);
  }

  94% {
    transform: translateY(0) rotate(0);
    box-shadow: 0 0 0 0 rgba(255, 161, 69, 0);
  }
}

/* Respetar la preferencia de movimiento reducido */
@media (prefers-reduced-motion: reduce) {
  .badge-trv.halloween {
    animation: none;
  }
}