/* ==================================================
   FIX – VAMOS ORAR
   Tamanhos fixos apenas em telas muito grandes.
   Em telas menores, styles.css cuida do responsivo.
   ================================================== */

/* Regras gerais de preenchimento (sempre ativas) */
.hero-slider img,
.hero-slider video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.page-banner img,
.banner img,
.hero img,
.site-banner img,
section.banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

/* ===== HOME (hero-slider) – apenas telas muito largas ===== */
@media (min-width: 1682px) {
  .hero-slider {
    width: 100%;
    max-width: 1676px;
    height: 663px;
    min-height: 663px;
    max-height: 663px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
  }
}

/* ===== SUBPÁGINAS – apenas telas muito largas ===== */
@media (min-width: 1682px) {
  .page-banner,
  .banner,
  .hero,
  .site-banner,
  section.banner {
    width: 100%;
    max-width: 1667px;
    height: 775px;
    min-height: 775px;
    max-height: 775px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
  }
}