/* ====== NAV: logo à ESQUERDA, menu à DIREITA ====== */
nav, .nav, .navbar, header .nav, header .navbar {
  display:flex !important;
  align-items:center !important;
  gap:16px !important;
}
nav .brand, .brand-glow, .navbar-brand, nav > a:first-child, header .navbar > a:first-child {
  margin-right:auto !important;    /* força o título à esquerda */
}
nav .nav-links, nav ul, .navbar .menu, header .nav ul, header .navbar ul {
  margin-left:auto !important;     /* força o menu à direita */
  display:flex !important;
  gap:22px !important;
  list-style:none !important;
  padding:0 !important;
}
nav .nav-links a, nav ul li a, .navbar a {
  text-decoration:none !important;
  font-weight:600 !important;
}

/* ====== CARROSSEL ~10% MENOR ====== */
.carousel--fullscreen, .carousel.fullscreen, .carousel, .hero, .slider, .hero-slider {
  height:82vh !important;          /* ~10% menor */
  max-height:900px !important;
  width:100% !important;
}

/* ====== IMAGENS BEM ENQUADRADAS ====== */
.carousel img, .slider img, .hero img, .slide img, .slides img, .swiper img {
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;     /* preenche sem distorcer */
  object-position:center !important;
}

/* mobile: um pouco menor */
@media (max-width: 900px){
  .carousel--fullscreen, .carousel.fullscreen, .carousel, .hero, .slider, .hero-slider {
    height:68vh !important;
  }
}

/* ====== HEADER 100% LARGURA + LOGO TOTAL À ESQUERDA ====== */
/* muitos temas centralizam o conteúdo com .container;
   aqui garantimos que APENAS no header a largura é cheia */
header, .site-header, .topbar, nav, .navbar {
  width:100% !important;
}

header .container, .site-header .container, .topbar .container, nav .container, .navbar .container {
  max-width:100% !important;
  margin:0 !important;              /* remove centralização */
  padding-left:12px !important;     /* aproxima o logo da borda */
  padding-right:16px !important;
}

/* força o título/marca a encostar à esquerda */
nav, .nav, .navbar {
  display:flex !important;
  align-items:center !important;
}
.navbar-brand, .brand, .brand-glow, nav > a:first-child, header .navbar > a:first-child {
  margin-left:0 !important;
  margin-right:auto !important;     /* empurra o menu para a direita */
}

/* grupo do menu à direita */
nav .nav-links, nav ul, .navbar .menu, header .nav ul, header .navbar ul {
  margin-left:auto !important;
  display:flex !important;
  gap:22px !important;
  list-style:none !important;
  padding:0 !important;
}

/* ====== CARROSSEL MENOR E IMAGENS ENQUADRADAS ====== */
/* altura ~10–15% menor e mesma altura para container, slides e itens */
.carousel, .carousel--fullscreen, .carousel.fullscreen,
.hero, .slider, .hero-slider,
.carousel .slides, .carousel .slide, .carousel-item, .slides, .slide {
  height:74vh !important;           /* menor que antes (82vh -> 74vh) */
  max-height:840px !important;      /* teto para monitores grandes */
  width:100% !important;
}

/* garante que imagens SEMPRE preencham o espaço sem distorcer */
.carousel img, .slider img, .hero img, .slide img, .slides img,
.carousel-item > img, .carousel-item picture img, picture > img {
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;      /* cobre todo o quadro */
  object-position:center !important;/* centraliza assunto */
  display:block !important;
}

/* alguns temas colocam imagens como background: normalize */
.carousel .slide, .carousel-item, .hero, .slider {
  background-size:cover !important;
  background-position:center !important;
}

/* mobile: um pouco menor para caber melhor */
@media (max-width: 900px){
  .carousel, .carousel--fullscreen, .carousel.fullscreen,
  .hero, .slider, .hero-slider,
  .carousel .slides, .carousel .slide, .carousel-item, .slides, .slide {
    height:65vh !important;
  }
}