/*
  Cyber Monday 2026 — Gamma Market (task Redmine #1769)
  Se sube como /arquivos/cybermonday2026.css (Files Manager). Lo carga el template gamma-cyber2026 (y la home
  cuando se sume el contador). Todo cuelga de body.cybermonday2026: NO usar .cyber2026, que
  ya existe en cyber2025.css y la usa /hot-sale.

  Paleta tomada de los banners del toolkit CACE CM 2026 (2, 3 y 4 de noviembre).
  Valores aproximados a ojo sobre el JPG: ajustar si llega la paleta oficial.
*/

.cybermonday2026 {
  --cm26-azul: #3d8ff5;
  --cm26-rosa: #f27fe8;
  --cm26-lima: #c8f031;
  --cm26-violeta: #8a2be2;
  --cm26-negro: #111111;

  background: #eef4fe;
}

.cybermonday2026 .title2024 {
  color: var(--cm26-negro);
}

/* Contador: estilos-contador.css lo deja en display:none; acá se muestra */
.cybermonday2026 .countdown--body {
  display: flex !important;
  background: var(--cm26-azul);
  background: linear-gradient(110deg, var(--cm26-azul) 0%, var(--cm26-azul) 55%, var(--cm26-rosa) 100%);
}

.cybermonday2026 .titlehours__right.txt {
  font-size: 20px;
  font-weight: initial;
  color: #fff;
}

.cybermonday2026 .titlehours .btn_cta {
  color: #fff;
}

.cybermonday2026 .titlehours .btn_cta .cm26-fechas {
  color: var(--cm26-lima);
}

/* Etiqueta de etapa ("Empieza en" / "Termina en"): la escribe /arquivos/cybermonday2026.js */
.cybermonday2026 .countdown--cybermonday2026 .cm26-label {
  margin: 0 0 4px;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
}

/* En la landing (/cybermonday, body hotsale2024) el botón apunta a la misma página: sin link.
   Se deja el texto visible; en la home sigue llevando a /cybermonday. */
.cybermonday2026.hotsale2024 .countdown--cybermonday2026 .btn_cta {
  pointer-events: none;
  cursor: default;
}

.cybermonday2026 .countdown-container {
  color: var(--cm26-lima);
  -webkit-text-stroke: 2px var(--cm26-negro);
}

.cybermonday2026 .categoriesContainer {
  padding: 20px 25px !important;
  display: flex;
  flex-direction: row;
}

.cybermonday2026 .productShelf--half {
  background: transparent;
  padding: 0px 25px !important;
}

.cybermonday2026 .productShelf--half .title2024 {
  display: none;
}

.cybermonday2026 .produto-na-prateleira .product-image img {
  max-width: 80%;
}

.cybermonday2026 .produto-na-prateleira {
  border-radius: 20px;
  border: 1px solid var(--cm26-azul);
}

.cybermonday2026 .produto-na-prateleira .disponivel {
  background-color: transparent;
}

.cybermonday2026 .produto-na-prateleira .nome {
  border-top: initial;
}

.cybermonday2026 .produto-na-prateleira .disponivel .principal {
  color: var(--cm26-violeta);
}

.cybermonday2026 .produto-na-prateleira .disponivel .btn-compra {
  display: none;
}

.cybermonday2026 .productShelf--full .slick-dots {
  display: none !important;
}

.cybermonday2026.home .shelfWithBanner {
  padding: 40px 0 0 0;
}

.cybermonday2026.home .DiscountHightLight {
  position: absolute;
  top: 0;
  left: 0;
}

.cybermonday2026 .shelfWithBanner .box-banner img {
  margin-top: 0;
  max-width: 50px;
}

.cybermonday2026.home .DiscountHightLight .produto-off {
  margin: 0;
  background-color: var(--cm26-lima);
  color: var(--cm26-negro);
  font-weight: bold;
  font-size: 12px;
  padding: 15px 18px 0 10px;
  border-top-left-radius: 18px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 60px 50px;
  line-height: 1;
  height: 50px;
}

.cybermonday2026.home .footerNewsletter {
  background: var(--cm26-violeta);
}

.cybermonday2026.home footer .m3-custom-newsletter-form input#m3-cn-button-ok {
  background: var(--cm26-negro);
  color: var(--cm26-lima);
}