/* ===== HEADER: logo TOTAL à esquerda, menu à direita ===== */
header, .site-header, #header, .topbar, nav, .navbar { width:100% !important; }
header .container, .site-header .container, #header .container,
.topbar .container, nav .container, .navbar .container {
  max-width:100% !important; margin:0 !important;
  padding-left:12px !important; padding-right:16px !important;
}
header .inner, .site-header .inner, #header .inner { width:100% !important; }

header, .site-header, #header, nav, .navbar, .topbar, header nav, .navbar > .container {
  display:flex !important; align-items:center !important; gap:16px;
}

/* Cola a marca/título/LOGO na extrema esquerda */
header .brand, .brand, .brand-glow, .site-title, .logo, .navbar-brand,
header h1, .site-header h1, #header h1, .header-title, .site-name {
  margin-left:0 !important; margin-right:auto !important;
  text-align:left !important;
}

/* Empurra o menu para a direita */
nav .nav, nav .menu, nav .nav-links, nav ul, .navbar .nav, .navbar .menu, .navbar ul,
.navbar-nav, .main-menu, .main-nav, .menu-items {
  display:flex !important; gap:22px !important;
  margin-left:auto !important; list-style:none !important; padding:0 !important;
}

/* ===== CARROSSEL ~10% menor e imagens enquadradas ===== */
:root{ --heroH:72vh; } /* reduziu ~10% */
.carousel, .carousel--fullscreen, .carousel.fullscreen,
.hero, .slider, .hero-slider,
.carousel-inner, .carousel .slides, .carousel .slide,
.carousel-item, .slides, .slide {
  height:var(--heroH) !important;
  max-height:840px !important;
  width:100% !important;
  overflow:hidden !important;
}

/* Enquadramento de imagens do slide */
.carousel img, .slider img, .hero img, .slide img, .slides img,
.carousel-item > img, .carousel-item picture img, picture > img,
.swiper-slide img {
  width:100% !important; height:100% !important;
  object-fit:cover !important; object-position:center !important;
  display:block !important;
}

/* Corrige slides com background em vez de <img> */
.carousel .slide, .carousel-item, .hero, .slider, .swiper-slide {
  background-size:cover !important; background-position:center !important;
}

/* Setas centralizadas verticalmente (quando existirem) */
.carousel-control-next, .carousel-control-prev,
.swiper-button-next, .swiper-button-prev {
  top:50% !important; transform:translateY(-50%) !important;
}

@media (max-width: 900px){
  :root{ --heroH:65vh; }
}