/* O Azeroth — complemento editorial: mantém o papel e a estrutura originais. */
.az-launch {
  position: relative;
  isolation: isolate;
  width: min(460px, 100%);
  margin: 18px 0 0;
  padding: 14px 16px 12px;
  color: var(--ink, #261d16);
  background: rgba(235, 221, 192, .88);
  border: 1px solid rgba(83, 54, 35, .32);
  border-left: 3px solid var(--wine, #7c3836);
  box-shadow: 0 5px 15px rgba(43, 25, 14, .12);
  text-align: left;
}
.az-launch__label {
  margin: 0 0 12px;
  color: var(--wine-dark, #602a28);
  font: bold 10px/1.35 Arial, sans-serif;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.az-launch__clock { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; }
.az-launch__unit { min-width: 0; text-align: center; border-right: 1px solid rgba(65, 47, 32, .16); }
.az-launch__unit:last-child { border-right: 0; }
.az-launch__number { display: block; font: 600 clamp(24px, 3vw, 42px)/1.05 Georgia, serif; color: var(--ink, #261d16); font-variant-numeric: tabular-nums; }
.az-launch__unit-label { display: block; margin-top: 3px; font: 10px/1.3 Arial, sans-serif; color: var(--ink-soft, #5b4938); letter-spacing: .07em; text-transform: uppercase; }
.az-launch__status { margin: 12px 0 0; padding-top: 8px; border-top: 1px solid rgba(65, 47, 32, .15); font: 12px/1.4 Georgia, serif; color: var(--ink-soft, #5b4938); }
.az-launch--live { border-left-color: var(--green, #406046); }
.az-launch--live .az-launch__number { color: var(--green, #406046); }
@media (max-width: 600px) {
  .az-launch { width: 100%; margin-top: 14px; padding: 11px 12px; }
  .az-launch__clock { gap: 3px; }
  .az-launch__label { font-size: 9px; }
  .az-launch__number { font-size: clamp(22px, 7vw, 34px); }
}
@media (prefers-reduced-motion: reduce) { .az-launch * { animation: none !important; transition: none !important; } }

/* O layout original permanece intacto; o hero pode crescer para conter o contador. */
.hero:has(.az-launch) { min-height: 365px; }
.hero:has(.az-launch) .hero-texto { min-height: 365px; padding-top: 22px; padding-bottom: 22px; }
.hero:has(.az-launch) h1 { font-size: clamp(40px, 4vw, 63px); line-height: 1.01; }
@media (max-width: 800px) {
  .hero:has(.az-launch), .hero:has(.az-launch) .hero-texto { min-height: 480px; }
  .hero:has(.az-launch) h1 { font-size: clamp(37px, 9vw, 51px); }
  .az-launch { max-width: 410px; }
}
@media (max-width: 480px) {
  .hero:has(.az-launch), .hero:has(.az-launch) .hero-texto { min-height: 520px; }
  .az-launch__status { font-size: 11px; }
}
