/* Conteúdos cadastráveis: espaço real do cabeçalho e contadores legíveis. */
.c14-top-highlight { padding-top: calc(var(--c14-header-height, 80px) + 16px); padding-bottom: 16px; }
.c14-top-highlight .banner-destaque img { display: block; max-width: 100%; height: auto; }
.c14-top-highlight + .cinea-program-page { padding-top: 24px; }
.container-countdown, .container-countdown-independent { width: 100%; padding: 0 16px; margin: 24px auto; }
.container-countdown[hidden], .container-countdown-independent[hidden] { display: none !important; }
.countdown-banner, .countdown-banner-independent { box-sizing: border-box; max-width: 1140px; width: 100%; margin: 0 auto; border: 1px solid #364046; border-radius: 16px; background: #101619; color: #fff; overflow: hidden; }
.countdown-banner { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
.countdown-banner .countdown-movie-art { display: block; grid-column: 1 / -1; width: 100%; max-width: 100%; height: auto; object-fit: contain; }
.movie-countdown-wrapper, .countdown-content-wrapper { min-width: 0; padding: 24px; text-align: center; }
.movie-title-section h3, .countdown-title-section h3 { margin: 0 0 8px; font-size: clamp(16px, 2vw, 22px); line-height: 1.3; color: #fff; }
.release-date { display: block; color: #ff557f; font-size: 14px; margin-bottom: 12px; }
.countdown-body h4, .countdown-body-independent h4 { color: #fff; font-size: 14px; margin: 0 0 10px; }
.countdown-display, .countdown-display-independent { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; max-width: 380px; margin: auto; }
.countdown-display > div, .countdown-display-independent > div { padding: 10px 4px; border: 1px solid #4b5359; border-radius: 8px; }
.countdown-display h2, .countdown-display-independent h2 { color: #fff; font-size: clamp(20px, 2.5vw, 30px); line-height: 1.2; margin: 0; font-variant-numeric: tabular-nums; }
.countdown-display p, .countdown-display-independent p { color: #d7dce0; font-size: 12px; line-height: 1.4; margin: 4px 0 0; }
.countdown-banner .action-section { padding: 16px; }
.ca-btn-countdown { display: inline-block; padding: 12px 16px; border-radius: 8px; background: #ed0045; color: #fff; font-weight: 700; font-size: 14px; text-align: center; cursor: pointer; }
@media (max-width: 991px) {
  .countdown-banner { grid-template-columns: minmax(0, 1fr); }
  .countdown-banner .countdown-movie-art { max-height: 180px; }
  .movie-countdown-wrapper, .countdown-content-wrapper { padding: 20px 12px; }
  .countdown-banner .action-section { padding: 0 16px 20px; text-align: center; }
}