/* Locaminas · carrossel 16:9 inteiro, largura total (Diego, 28/10/2026).
   Banner SEM corte: a imagem ocupa a largura toda e a altura vem da proporcao.
   Para voltar a limitar a largura, e so trocar --lm-cw (ex.: 1200px). */
:root{ --lm-cw:100vw; --ch:calc(min(100vw,var(--lm-cw))*9/16); }

html body #myCarousel.carousel,
html body #myCarousel .carousel-inner,
html body #myCarousel .carousel-inner>.item{ height:var(--ch)!important; }

#myCarousel .carousel-inner{ max-width:min(100%,var(--lm-cw)); margin:0 auto; overflow:hidden; background:#2d396a; }
#myCarousel .lm-slide>a{ display:block; height:100%; }
#myCarousel .lm-slide picture,
#myCarousel .lm-slide img{ display:block; width:100%; height:100%; }
#myCarousel .lm-slide img{ object-fit:contain; background:#2d396a; }   /* contain: nunca corta */

#myCarousel .lm-ind{ bottom:10px; z-index:15; }
#myCarousel .lm-ind li{ width:12px; height:12px; margin:0 4px; border:2px solid #fff; background:rgba(45,57,106,.55); }
#myCarousel .lm-ind li.active{ background:#fff; width:12px; height:12px; }
#myCarousel .carousel-control{ width:8%; min-width:44px; }

@media (prefers-reduced-motion:reduce){ #myCarousel .item{ transition:none!important; } }

/* abaixo de 992px o responsivo.css poe height:31.15vw (proporcao antiga): este bloco vem DEPOIS dele */
/* "html body" na frente: ganha do responsivo.css pela especificidade, na ordem em que o _rsp_live.php o injetar */
@media (max-width:991px){
  html body #myCarousel.carousel,html body #myCarousel .carousel-inner,html body #myCarousel .item,html body #myCarousel .img{ height:auto!important; aspect-ratio:16/9; }
  html body #myCarousel .lm-slide,html body #myCarousel .carousel-inner{ aspect-ratio:16/9; }
  html body #myCarousel .lm-ind{ bottom:6px; }
}

/* ---- parallax: o carrossel cresceu d = --ch - 598px, e o documento cresce 3d (nao 2d) ----
   Cada bloco sobe E x velocidade por px rolado (velocidades = data-scroll-speed: 1/3 e 1/2).
   Com E = 3d, o deslocamento que mantem o FIM da pagina igual ao original e:
     velocidade 1/3 (banner, videoinst, verde, centro2, rodape): + d   (o rodape passa de 2/3 d para d)
     velocidade 1/2 (novidades, centro):                          + 1,5 d
     altura do body:                                              + 3 d
   Vale so no desktop (>= 992px): abaixo disso o responsivo.css desliga o layout fixo. */
@media (min-width:992px){
  html body #novidades{top:calc(3043px + var(--d)*1.5 + var(--v) + var(--wgap) + var(--b))!important}
  html body #centro{top:calc(3244px + var(--d)*1.5 + var(--v) + var(--wgap) + var(--b))!important}
}
@media (min-width:1400px){
  html body #rodape{top:calc(3156px + (var(--d) + var(--v) + var(--wgap) + var(--b))*2/3 + var(--d)/3)!important}
  html body{height:calc(8337px + 2*(var(--d) + var(--v) + var(--wgap) + var(--b)) + var(--d))!important}
}
@media (min-width:992px) and (max-width:1399px){
  html body #rodape{top:calc(3006px + (var(--d) + var(--v) + var(--wgap) + var(--b))*2/3 + var(--d)/3)!important}
  html body{height:calc(8507px + 2*(var(--d) + var(--v) + var(--wgap) + var(--b)) + var(--d))!important}
}