/* Home - Hero Carousel */
.home-hero { position: relative; }
.home-hero .hero-slide {
  position: relative;
  background-color: #0E2A47; /* fallback */
  background-position: center;
  background-size: cover;
}
.home-hero .hero-slide::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(14, 42, 71, 0.55);
}
.home-hero .hero-slide > .container { position: relative; z-index: 1; }
.home-hero .price { background: #7A1D2F; color: #fff; padding: .1rem .4rem; border-radius: .25rem; }
.hero-certidao { background-image: linear-gradient(0deg, rgba(14,42,71,0.55), rgba(14,42,71,0.55)), url('../images/logo.png'); }
.hero-6h { background-image: linear-gradient(0deg, rgba(14,42,71,0.55), rgba(14,42,71,0.55)), url('../images/logo.png'); }
.home-hero .carousel-indicators { bottom: 1rem; }

/* Hero / Slider de Banners */
.home-hero{ position: relative; background: transparent; }
.home-hero .carousel,
.home-hero .carousel-inner,
.home-hero .carousel-item{ height: auto; min-height: 0 !important; }
.home-hero .carousel-item{ background-position: center; background-size: cover; background-repeat: no-repeat; }
/* Em telas pequenas, priorizamos ver a imagem completa (sem cortes) */
@media (max-width: 767.98px){
  .home-hero .carousel-item{ background-size: contain; background-position: top center; }
}
.home-hero .slide-link{ position: absolute; inset: 0; display: block; text-indent: -9999px; }
.home-hero .carousel-indicators [data-bs-target]{ width: 10px; height: 10px; border-radius: 50%; }

/* Monitor frame for video */
.monitor { display: inline-block; }
.monitor-bezel {
  background: #1b1d20;
  border-radius: 14px;
  padding: 12px;
  width: 560px;
  max-width: 100%;
  box-shadow: 0 10px 30px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.06);
}
.monitor-screen { border-radius: 8px; overflow: hidden; background: #000; }
.monitor-stand {
  width: 120px;
  height: 10px;
  background: #c9ced6;
  border-radius: 4px;
  margin: 10px auto 0;
  position: relative;
}
.monitor-stand::before{
  content: "";
  display: block;
  width: 64px;
  height: 28px;
  background: #e2e6ec;
  border-radius: 6px;
  position: absolute;
  top: -28px;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 991.98px){ .monitor-bezel{ width: 480px; } }
@media (max-width: 575.98px){ .monitor-bezel{ width: 100%; } }

/* Remover espaçamento do topo na home */
.main-content { padding-top: 0; }
.home-hero .home-hero-img{ width: 100%; height: auto; display: block; }