/* Tema Halloween de la promo Precios de Terror. Solo se carga dentro de las ventanas (ver dev/promo-terror.php). */
:root {
  --terror-naranja: #ff8a1f;
  --terror-oscuro: #14233f;
  --terror-telarana: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 120 120%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%221.4%22%3E%3Cpath d=%22M0 0L120 0M0 0L110 40M0 0L90 90M0 0L40 110M0 0L0 120%22/%3E%3Cpath d=%22M30 0Q26 26 0 30M58 0Q50 50 0 58M86 0Q72 72 0 86M114 0Q92 92 0 114%22/%3E%3C/svg%3E");
  --terror-telarana-der: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 120 120%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%221.4%22%3E%3Cg transform=%22translate%28120 0%29 scale%28-1 1%29%22%3E%3Cpath d=%22M0 0L120 0M0 0L110 40M0 0L90 90M0 0L40 110M0 0L0 120%22/%3E%3Cpath d=%22M30 0Q26 26 0 30M58 0Q50 50 0 58M86 0Q72 72 0 86M114 0Q92 92 0 114%22/%3E%3C/g%3E%3C/svg%3E");
  --terror-murcielago: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 50%22%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M50 10 L53 3 L56 11 Q62 12 66 9 Q80 2 98 16 Q90 18 87 27 Q82 20 77 29 Q72 22 68 32 Q62 24 56 34 L53 42 L50 46 Z%22/%3E%3Cpath transform=%22translate%28100 0%29 scale%28-1 1%29%22 d=%22M50 10 L53 3 L56 11 Q62 12 66 9 Q80 2 98 16 Q90 18 87 27 Q82 20 77 29 Q72 22 68 32 Q62 24 56 34 L53 42 L50 46 Z%22/%3E%3C/g%3E%3C/svg%3E");
}

/* Hero: slide de terror */
.promo-halloween #hero-home_slider .et_pb_slide_0::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
  background-repeat: no-repeat;
  z-index: 1;
}
/* Telarañas en las dos esquinas superiores y murciélagos */
.promo-halloween #hero-home_slider .et_pb_slide_0::before {
  background-image: var(--terror-telarana), var(--terror-telarana-der), var(--terror-murcielago), var(--terror-murcielago), var(--terror-murcielago);
  background-position: left top, right top, 14% 18%, 82% 24%, 68% 9%;
  background-size: 340px 340px, 340px 340px, 150px auto, 110px auto, 80px auto;
  opacity: 0.5;
}
.promo-halloween #hero-home_slider .et_pb_slide_0 .et_pb_container {
  position: relative;
  z-index: 2;
}
.promo-halloween #hero-home_slider .et_pb_slide_0 .et_pb_slide_title {
  text-shadow: 0 0 20px rgba(255, 138, 31, 0.6);
}
.promo-halloween #hero-home_slider .et_pb_slide_0 strong {
  color: var(--terror-naranja);
  font-size: 1.4em;
}
.promo-halloween #hero-home_slider .et_pb_slide_0 del {
  opacity: 0.75;
}
@media (max-width: 767px) {
  .promo-halloween #hero-home_slider .et_pb_slide_0::before {
    background-size: 170px 170px, 170px 170px, 70px auto, 50px auto, 0 0;
  }
}

/* Home: detalles en la sección de características */
.promo-halloween.home .et_pb_section_1 {
  position: relative;
}
.promo-halloween.home .et_pb_section_1::before,
.promo-halloween.home .et_pb_section_1::after {
  content: "";
  position: absolute;
  top: 0;
  pointer-events: none;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 1;
}
.promo-halloween.home .et_pb_section_1::before {
  right: 0;
  width: 150px;
  height: 150px;
  background-image: var(--terror-telarana);
  transform: scaleX(-1);
  opacity: 0.22;
}
.promo-halloween.home .et_pb_section_1::after {
  left: 6%;
  top: 28px;
  width: 90px;
  height: 40px;
  background-image: var(--terror-murcielago);
  opacity: 0.18;
}
@media (max-width: 767px) {
  .promo-halloween.home .et_pb_section_1::after { display: none; }
}

/* Comprar entradas: cabecera */
.promo-halloween.woocommerce-shop .et_pb_section_0 {
  position: relative;
}
.promo-halloween.woocommerce-shop .et_pb_section_0::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  pointer-events: none;
  background-repeat: no-repeat;
  background-image: var(--terror-telarana), var(--terror-telarana-der), var(--terror-murcielago), var(--terror-murcielago);
  background-position: left top, right top, 22% 38%, 76% 26%;
  background-size: 200px 200px, 200px 200px, 90px auto, 64px auto;
  opacity: 0.4;
}
@media (max-width: 767px) {
  .promo-halloween.woocommerce-shop .et_pb_section_0::before {
    background-size: 110px 110px, 110px 110px, 0 0, 0 0;
  }
}

/* Insignia en las entradas de la promo */
.promo-halloween li.product.promo-terror-item {
  position: relative;
}
.promo-halloween li.product.promo-terror-item::before {
  content: "Precio de Terror";
  position: absolute;
  top: -10px;
  left: 12px;
  z-index: 3;
  padding: 7px 11px;
  border-radius: 6px;
  background: var(--terror-naranja);
  color: var(--terror-oscuro);
  font: 700 12px/1 "Poppins", sans-serif;
  pointer-events: none;
}

/* Aviso en carrito y checkout */
.promo-terror-aviso {
  margin: 0 0 20px;
  padding: 14px 18px;
  border-left: 4px solid var(--terror-naranja);
  border-radius: 6px;
  background: var(--terror-oscuro);
  color: #fff;
  font: 400 14px/1.5 "Poppins", sans-serif;
}
.promo-terror-aviso strong {
  color: var(--terror-naranja);
}