@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@900&display=swap');

.confetti-container {
  position: fixed;
  inset: 0;
  pointer-events: none;
  overflow: visible;
  z-index: 100002;
}

.confetti {
  position: absolute;
  top: 0;
  width: 5px;
  height: 10px;
  border-radius: 1px;
  opacity: 0.98;
  transform-origin: center;
  --dur: 1.2s;
  --delay: 0s;
  --rot: 1080deg;
  --start-offset: 0vh;
}

.confetti:nth-child(odd),
.confetti:nth-child(5n),
.confetti:nth-child(9n) {
  background: var(--brand-color);
}

.confetti:nth-child(even),
.confetti:nth-child(3n),
.confetti:nth-child(7n) {
  background: #000;
}

.confetti.v0 {
  animation: fall-v0 var(--dur) linear var(--delay) forwards;
}

.confetti.v1 {
  animation: fall-v1 var(--dur) linear var(--delay) forwards;
}

.confetti.v2 {
  animation: fall-v2 var(--dur) linear var(--delay) forwards;
}

.confetti.v3 {
  animation: fall-v3 var(--dur) linear var(--delay) forwards;
}

.confetti.v4 {
  animation: fall-v4 var(--dur) linear var(--delay) forwards;
}

.confetti.v5 {
  animation: fall-v5 var(--dur) linear var(--delay) forwards;
}

@keyframes fall-v0 {
  0% {
    transform: translate3d(0, calc(-1 * var(--start-offset)), 0) rotate(0);
    opacity: 1;
  }

  100% {
    transform: translate3d(0, 140vh, 0) rotate(var(--rot));
    opacity: 0;
  }
}

@keyframes fall-v1 {
  0% {
    transform: translate3d(-0.5vw, calc(-1 * var(--start-offset)), 0) rotate(0);
    opacity: 1;
  }

  100% {
    transform: translate3d(2vw, 140vh, 0) rotate(var(--rot));
    opacity: 0;
  }
}

@keyframes fall-v2 {
  0% {
    transform: translate3d(0.5vw, calc(-1 * var(--start-offset)), 0) rotate(0);
    opacity: 1;
  }

  100% {
    transform: translate3d(-2vw, 140vh, 0) rotate(var(--rot));
    opacity: 0;
  }
}

@keyframes fall-v3 {
  0% {
    transform: translate3d(-0.6vw, calc(-1 * var(--start-offset)), 0) rotate(0);
    opacity: 1;
  }

  100% {
    transform: translate3d(1.4vw, 140vh, 0) rotate(var(--rot));
    opacity: 0;
  }
}

@keyframes fall-v4 {
  0% {
    transform: translate3d(0.6vw, calc(-1 * var(--start-offset)), 0) rotate(0);
    opacity: 1;
  }

  100% {
    transform: translate3d(-1.4vw, 140vh, 0) rotate(var(--rot));
    opacity: 0;
  }
}

@keyframes fall-v5 {
  0% {
    transform: translate3d(0, calc(-1 * var(--start-offset)), 0) rotate(0);
    opacity: 1;
  }

  100% {
    transform: translate3d(1vw, 140vh, 0) rotate(var(--rot));
    opacity: 0;
  }
}

/* ================= BLACK FRIDAY INTRO ================= */

.bf-blur>*:not(.confetti-container):not(.bf-overlay) {
  filter: blur(10px) brightness(0.6);
  transition: filter .6s ease;
}

.bf-overlay {
  position: fixed;
  inset: 0;
  background: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 100001;
  opacity: 0;
  transition: opacity .4s ease;
}

.bf-overlay.active {
  opacity: 1;
}

.bf-title {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-size: 9vw;
  text-transform: uppercase;
  letter-spacing: .06em;
  text-align: center;
  color: transparent;
  -webkit-text-stroke: 2px #fff;
  text-stroke: 2px #fff;
  background: linear-gradient(180deg, var(--brand-color) 0%, #fff 40%, var(--brand-color) 70%, var(--brand-color) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  filter: drop-shadow(0 0 12px var(--brand-color)) drop-shadow(0 0 25px var(--brand-color));
}

.bf-title span {
  display: block;
  opacity: 0;
  transform: scale(.8);
  transition: transform .25s cubic-bezier(.3, 1.6, .3, 1), opacity .25s;
}

.bf-title span.show {
  opacity: 1;
  transform: scale(1);
  animation: bfGlow 1.2s infinite alternate;
}

.bf-title span.friday {
  font-size: 11vw;
  margin-top: -1vw;
}

@keyframes bfGlow {

  0%,
  100% {
    filter: drop-shadow(0 0 10px var(--brand-color)) drop-shadow(0 0 25px var(--brand-color));
  }

  40% {
    filter: drop-shadow(0 0 18px var(--brand-color)) drop-shadow(0 0 40px #ff0055);
  }

  50% {
    filter: drop-shadow(0 0 5px var(--brand-color)) drop-shadow(0 0 15px var(--brand-color));
  }

  70% {
    filter: drop-shadow(0 0 30px var(--brand-color)) drop-shadow(0 0 60px #ff0060);
  }
}

/* ===== Salida con anticipación + impulso + motion blur ===== */

@keyframes bfExit {
  0% {
    transform: translateY(0) scale(1);
    filter: blur(0px);
    opacity: 1;
  }

  12% {
    transform: translateY(6px) scale(0.96);
  }

  35% {
    transform: translateY(-10px) scale(1.03);
  }

  100% {
    transform: translateY(-50vh) scale(1.08);
    filter: blur(6px);
    opacity: 0;
  }
}

.bf-title.exit span {
  animation: bfExit 0.7s cubic-bezier(.45, .01, .25, 1.3) forwards;
}

/*=========================================================*/
/*-------------------- RESTO DE ESTILOS --------------------/
/*=========================================================*/

.bf-title-badge-bg h2 {
  background: var(--brand-color);
  width: fit-content;
  margin: 0 auto !important;
  padding: 10px 20px !important;
}

body:not(.elementor-editor-active) .bf-title-badge-bg h2 {
  color: white;
  transform: skew(-11deg, -6deg);
}

.bf-title-badge-bg {
  padding-top: 10px;
}

.bf-title-badge-bg h2:before,
.bf-title-badge-bg h2:after {
  content: '';
  width: 40px;
  height: 40px;
  background: var(--brand-color);
  position: absolute;
  z-index: -15;
}

.bf-title-badge-bg h2:before {
  left: -11px;
  bottom: -5px;
}

.bf-title-badge-bg h2:after {
  right: -11px;
  top: -5px;
}

.bf-carousel article {
  border: solid 1px var(--brand-color);
  border-radius: 20px;
  background: white;
}

.bf-carousel article img {
  border-radius: 10px;
}

.bf-carousel button.btn.btn-product-list.add-to-cart,
.bf-carousel a.btn.btn-product-list {
  background: var(--brand-color);
  border-color: var(--brand-color);
  border-radius: 8px;
  color: white;
}

.product-flags .discount,
.product-flags .on-sale {
  color: #ffffff;
  background: var(--brand-color);
}

.fire-burning {
  display: inline-block;
  animation: fireDance 0.4s infinite ease-in-out alternate;
}

@keyframes fireDance {
  0% {
    transform: translateY(0) scale(1);
    filter: hue-rotate(0deg) brightness(1);
  }

  50% {
    transform: translateY(-1px) scale(1.05);
    filter: hue-rotate(-10deg) brightness(1.2);
  }

  100% {
    transform: translateY(1px) scale(0.95);
    filter: hue-rotate(10deg) brightness(0.9);
  }
}

.carousel-text {
  background: var(--brand-color) !important;
  box-shadow: 0 6px 20px #0000002b;
}

.carousel-text .elementor-text-editor.rte-content {
  overflow: hidden;
  white-space: nowrap;
  position: relative;
}

.bf-carousel-track {
  display: inline-flex;
  white-space: nowrap;
  animation: bf-scroll 50s linear infinite;
}

.bf-carousel-track span {
  display: inline-block;
  padding: 0 6rem;
  font-size: 16px;
  font-weight: 900;
  line-height: 1;
  color: black;
}

@keyframes bf-scroll {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}


.is-black-friday section#wrapper {
  background: #262626;
}

.is-black-friday header#header {
  background: #262626 !important;
}

.is-black-friday .sticky-desktop-wrapper #desktop-header.stuck-header,
.is-black-friday .stuck-menu {
  background: #262626 !important;
}

.is-black-friday .swiper-pagination-bullet {
  background: var(--brand-color);
}

.is-black-friday #iqitmegamenu-horizontal {
  background: transparent !important;
}

.is-black-friday .sticky-desktop-wrapper .container.iqit-megamenu-container div#iqitmegamenu-wrapper .container.container-iqitmegamenu div#iqitmegamenu-horizontal>nav>ul>li>a {
  color: white;
}

.is-black-friday div#desktop-header-container img.logo.img-fluid {
  background: white !important;
  padding: 15px;
  border-radius: 14px;
}

.logo-tag {
  position: absolute;
  top: -6px;
  left: 0;
  transform: rotate(45deg);
}

.is-black-friday .col.col-auto.col-header-right .row.no-gutters.justify-content-end a i {
  color: white;
}

body#product.is-black-friday .sticky-desktop-wrapper .container.iqit-megamenu-container div#iqitmegamenu-wrapper .container.container-iqitmegamenu div#iqitmegamenu-horizontal>nav>ul>li>a,
.is-black-friday .sticky-desktop-wrapper .container.iqit-megamenu-container div#iqitmegamenu-wrapper .container.container-iqitmegamenu div#iqitmegamenu-horizontal>nav>ul>li>a {
  background: var(--brand-color);
  margin: 5px;
  border-radius: 5px;
  line-height: normal;
  padding: 10px;
}

.is-black-friday .header-top .input-group>input {
  border-color: var(--brand-color);
  border-radius: 20px;
  overflow: hidden;
}


.bf-carousel span.product-price>span {
  font-size: 24px;
  font-weight: 700;
  padding-top: 15px;
  padding-bottom: 15px;
}

.bf-carousel span.product-price {
  color: var(--brand-color);
}

.bf-carousel .input-group.bootstrap-touchspin {
  display: none;
}

.bf-carousel article {
  border: solid 1px var(--brand-color);
  border-radius: 20px;
  background: white;
  box-shadow: 5px 5px 20px color-mix(in srgb, var(--brand-color) 40%, transparent);
}

.banner-middle img {
  border: solid 2px var(--brand-color);
}

.bf-carousel .swiper-button-next,
.bf-carousel .swiper-button-prev {
  background: var(--brand-color);
  color: #ffffff;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  padding: 20px !important;
}

.banner-middle img {
  transform: scale(1);
  transition: all .3s;
}

.v-bar-color {
  width: 4px;
  height: 80px;
  margin: 0 auto;
  background-color: var(--brand-color);
}

.color-text,
.brand-color i {
  color: var(--brand-color);
}

.section-color-bf {
  background-color: var(--brand-color);
}

.title-color-bg h3.elementor-heading-title.elementor-size-default.none span span {
  font-weight: bold;
  color: black;
}

.title-color-bg h3.elementor-heading-title.elementor-size-default.none span {
  font-weight: 500;
}

.title-color-bg h3.elementor-heading-title.elementor-size-default.none {
  color: white;
}

.title-color-bg h3.elementor-heading-title.elementor-size-default.none {
  padding-left: 20px;
}

.title-color-bg h3.elementor-heading-title.elementor-size-default.none::before {
  content: '';
  width: 5px;
  height: 100%;
  position: absolute;
  left: 1px;
  top: 0;
  background-color: black;
}

.title-color-bg h3.elementor-heading-title.elementor-size-default.none {
  position: relative;
}

.pd-remove .swiper-container-wrapper.swiper-overflow.swiper-arrows-middle>div,
.pd-remove .swiper-container-wrapper.swiper-overflow.swiper-arrows-middle>div .js-product-miniature-wrapper {
  padding-bottom: 0;
}

/* body#index.is-black-friday .pageHeader,
body#index.is-black-friday.cms-id-24 .pageHeader {
  display: none;
} */

.bar-change-color {
  color: var(--brand-color);
  border-top: solid 1px var(--brand-color);
  border-bottom: solid 1px var(--brand-color);
  background-color: black !important;
}

.bar-change-color span {
  color: var(--brand-color);
}

.sticky-desktop-wrapper div#desktop-header-container .elementor-widget-container svg path {
  fill: var(--brand-color) !important;
}

.is-black-friday div#footer-container-main {
  background: #262626;
  border-top: solid 1px var(--brand-color);
}

.is-black-friday footer#footer h2.block-title {
  color: white;
  position: relative;
}

/* .is-black-friday footer#footer h2.block-title:before {
  content: '';
  width: 5px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: var(--brand-color);
} */

.is-black-friday .part * {
  color: white;
}

.is-black-friday .part a {
  color: var(--brand-color) !important;
}

.is-black-friday .contact-rich>strong {
  color: white;
}

.is-black-friday .col.col-md.block.block-toggle.block-iqitlinksmanager.block-iqitlinksmanager-6.block-links.js-block-toggle a,
.is-black-friday .col.col-md.block.block-toggle.block-iqitlinksmanager.block-iqitlinksmanager-1.block-links.js-block-toggle a,
.is-black-friday .col.col-md.block.block-toggle.block-iqitlinksmanager.block-iqitlinksmanager-2.block-links.js-block-toggle a {
  color: var(--brand-color) !important;
}

.is-black-friday #footer-copyrights {
  background-color: var(--brand-color);
}

.is-black-friday .logosKitDigital {
  width: fit-content;
  background: white;
  padding: 20px;
  border-radius: 20px;
}

.is-black-friday #header .header-nav a {
  color: #ffffff !important;
}

.is-black-friday .overflow-header {
  overflow: hidden !important;
}

body#product.is-black-friday .product-price {
  color: var(--brand-color);
}

body#product.is-black-friday img.img-fluid.swiper-lazy.swiper-lazy-loaded {
  border-radius: 10px;
}


body#product.is-black-friday h1.h1.page-title span {
  color: white;
}

body#product.is-black-friday nav.breadcrumb .row.align-items-center {
  padding: 5px 0;
  border-radius: 9px;
}

body#product.is-black-friday .pageHeader .row.align-items-center .col ol li span,
body#product.is-black-friday .col-md-6.col-product-info .product-reference,
body#product.is-black-friday .pageHeader .col.col-auto div#iqitproductsnav i {
  color: white !important;
}

body#product.is-black-friday button.btn.btn-primary.btn-lg.add-to-cart {
  background: var(--brand-color);
  border-color: var(--brand-color);
  color: white;
  border-radius: 10px;
}

body#product.is-black-friday .alert.alert-info.iqitfreedeliverycount.p-2 {
  border-radius: 10px;
}


body#product.is-black-friday div#iqithtmlandbanners-block-8 {
  background: white;
}

body#product.is-black-friday div#iqithtmlandbanners-block-7 {
  margin-bottom: 10px;
}

body#product.is-black-friday div#iqithtmlandbanners-block-8 {
  border-radius: 10px;
}

body#product.is-black-friday div#iqithtmlandbanners-block-7 {
  background: black !important;
  color: var(--brand-color);
  border: solid 2px var(--brand-color);
  border-radius: 10px;
}

body#product.is-black-friday .alert.alert-info.iqitfreedeliverycount.p-2 {
  background: black;
  border: solid 2px var(--brand-color) !important;
  color: white;
}

body#product.is-black-friday ul#product-infos-tabs li a {
  color: white;
}

body#product.is-black-friday div#product-infos-tabs-content * {
  color: white;
}


body#product.is-black-friday .nav-tabs .nav-link.active,
body#product.is-black-friday .nav-tabs .nav-link:hover,
body#product.is-black-friday .nav-tabs .nav-link:focus {
  color: #434d4e;
  border-bottom: solid 3px var(--brand-color);
}

body#product.is-black-friday .pageHeader .row.align-items-center .col ol li>span {
  color: var(--brand-color) !important;
}

body#product.is-black-friday .pageHeader .row.align-items-center .col ol li:after {
  color: var(--brand-color);
}

.is-black-friday #mobile-header #mobile-header-sticky,
body#product.is-black-friday .productContentSticky>div {
  background: #262626 !important;
}

body#product.is-black-friday span.page-title {
  color: white !important;
}

.is-black-friday #mobile-header {
  border: transparent;
}

body#product.is-black-friday .productContentSticky .col.col-auto.colImage img {
  border-radius: 10px;
}

.is-black-friday .col.col-mobile-logo img.logo.img-fluid {
  background: white;
  padding: 10px;
  border-radius: 10px;
}

.is-black-friday .row.no-gutters.align-items-center.row-mobile-header i {
  color: white;
}

.is-black-friday div#search-widget-mobile {
  background: #262626;
  border: none;
}

.is-black-friday div#mobile_menu_click_overlay {
  background: #000000bf;
  backdrop-filter: blur(5px);
}

.is-black-friday div#_mobile_iqitmegamenu-mobile div#iqitmegamenu-mobile * {
  color: var(--brand-color) !important;
}

.is-black-friday div#_mobile_iqitmegamenu-mobile div#iqitmegamenu-mobile {
  background: black;
}

body#product.is-black-friday .productContentSticky:after {
  background: #262626 !important;
}

body#product.is-black-friday .mobile-menu__submenu {
  background: #262626 !important;
  border-radius: 10px !important;
}


.is-black-friday #header .header-nav {
  background: var(--brand-color);
  color: white;
}

.fire-burning::before {
  content: "🔥";
  font-size: 2rem;
}


/********* barra descuento *********/
.discount-bar {
  background: black;
  padding: 10px 0;
  text-align: center;
  color: white;
}

.discount-bar {
  background: black;
  padding: 15px 0;
  text-align: center;
  color: #ff003b;
}

span.cupon-bordered {
  padding: 5px;
  border: solid 1px #ff003b;
}

.discount-bar * {
  font-weight: bold !important;
  text-transform: uppercase;
}


#index.is-black-friday .swiper-slide>div {
  border: none !important;
}


#product.is-black-friday .product-actions.js-product-actions div#iqithtmlandbanners-block-10,
#product.is-black-friday .product-actions.js-product-actions div#iqithtmlandbanners-block-9 {
  background: black;
  color: white;
  border-radius: 20px;
  border: solid 2px var(--brand-color);
}

#product.is-black-friday .product-actions.js-product-actions div#iqithtmlandbanners-block-10 {
  margin-top: 10px;
}

#product.is-black-friday #content-wrapper .section-title {
  color: var(--brand-color);
}

.is-black-friday #footer .block-title {
  color: var(--brand-color);
}

.is-black-friday .rounded-banner-black {
  border-radius: 15px;
  overflow: hidden !important;
}

.is-black-friday #footer .block-toggle>.block-content {
  display: initial;
}

span.tag-info-black {
  text-shadow: 5px 3px 6px red;
  color: #ff6868;
  margin-top: 5px !important;
  display: block;
  font-size: 11px;
  letter-spacing: 5px;
}