/* Carrossel compartilhado pelos quatro temas. As artes mantêm sua proporção. */
:root[data-site-theme] .hero-carousel.managed-carousel {
  height: auto;
  min-height: 0;
  min-width: 0;
  width: 100%;
  align-self: start;
  background: transparent;
}
:root[data-site-theme] .managed-carousel .hero-slide.managed-slide {
  position: relative;
  inset: auto;
  min-height: 0;
}
:root[data-site-theme] .managed-carousel .managed-slide-image {
  display: block;
}
:root[data-site-theme] .managed-carousel .managed-slide-image > .managed-ad-image-only {
  display: block;
  position: relative;
  inset: auto;
  width: 100%;
  height: auto;
  min-height: 0;
  border-radius: inherit;
}
:root[data-site-theme] .managed-carousel .managed-slide-image .managed-ad-image {
  display: block;
  position: static;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: contain;
  opacity: 1;
}
:root[data-site-theme] .managed-carousel .managed-slide-copy {
  min-height: 390px;
}
:root[data-site-theme] .managed-carousel .managed-slide-copy .hero-copy {
  position: relative;
  z-index: 1;
  max-width: none;
  padding: 38px 48px 86px;
}
:root[data-site-theme] .managed-carousel .carousel-bottom {
  position: absolute;
  z-index: 2;
  inset: auto 12px 10px;
  min-width: 0;
  gap: 10px;
  padding: 0;
  border: 0;
  background: transparent;
  pointer-events: none;
}
:root[data-site-theme] .managed-carousel .carousel-dots {
  min-width: 0;
  max-width: none;
  flex: 0 1 auto;
  gap: 2px;
  padding: 0;
  pointer-events: auto;
}
:root[data-site-theme] .managed-carousel .carousel-dots button {
  flex: 0 0 24px;
  height: 28px;
}
:root[data-site-theme] .managed-carousel .carousel-dots button::before {
  width: 8px;
  height: 8px;
  background: #fff;
  border: 1px solid #192026;
  box-shadow: 0 0 0 1px #ffffffb3;
}
:root[data-site-theme] .managed-carousel .carousel-dots button[aria-pressed="true"]::before {
  background: var(--primary);
  box-shadow: 0 0 0 2px #fff;
}
:root[data-site-theme] .managed-carousel .carousel-settings {
  flex: 0 0 auto;
  gap: 7px;
  margin-left: auto;
  pointer-events: auto;
}
:root[data-site-theme] .managed-carousel .carousel-settings button {
  width: 30px;
  height: 30px;
  background: #10171ade;
  border-color: #ffffff80;
  color: #fff;
}
:root[data-site-theme] .managed-carousel [data-carousel-counter] {
  display: block;
  padding: 5px 7px;
  border-radius: 5px;
  background: #10171ade;
  color: #fff;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
:root[data-site-theme] .managed-carousel .carousel-arrow {
  z-index: 2;
}
/* Nenhuma animação de altura ou transição é necessária para iniciar a troca. */
@media (prefers-reduced-motion: reduce) {
  :root[data-site-theme] .managed-carousel,
  :root[data-site-theme] .managed-carousel * {
    animation: none;
    transition: none;
    scroll-behavior: auto;
  }
}
@media (max-width: 760px) {
  :root[data-site-theme] .managed-carousel .managed-slide-copy { min-height: 320px; }
  :root[data-site-theme] .managed-carousel .managed-slide-copy .hero-copy { padding: 28px 32px 78px; }
}
@media (max-width: 440px) {
  :root[data-site-theme] .managed-carousel .carousel-bottom { left: 8px; right: 8px; bottom: 7px; gap: 6px; }
  :root[data-site-theme] .managed-carousel .carousel-dots { gap: 0; }
  :root[data-site-theme] .managed-carousel .carousel-dots button { flex-basis: 20px; }
  :root[data-site-theme] .managed-carousel .carousel-settings { gap: 5px; }
}