/*
 * Painéis para Imprimir 2.6.19
 * Regra final e isolada para o banner da home.
 * O dimensionamento visual segue o comportamento aprovado no tema Educar Freire:
 * largura total, altura fluida no desktop e object-fit: cover.
 */

html body.home.mdp-theme .mdp-home-banner-shell,
html body.home.mdp-theme .mdp-home-banner-shell > .wp-block-shortcode,
html body.home.mdp-theme .mundo-home-banner-slider,
html body.home.mdp-theme .mundo-home-banner-slider__inner,
html body.home.mdp-theme .mundo-home-banner-slider__viewport,
html body.home.mdp-theme .mundo-home-banner-slider__placeholder,
html body.home.mdp-theme .mundo-home-banner-slider__track,
html body.home.mdp-theme .mundo-home-banner-slider__slide,
html body.home.mdp-theme .mundo-home-banner-slider__link,
html body.home.mdp-theme .mundo-home-banner-slider__image {
  box-sizing: border-box !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

html body.home.mdp-theme .mdp-home-banner-shell,
html body.home.mdp-theme .mdp-home-banner-shell > .wp-block-shortcode,
html body.home.mdp-theme .mundo-home-banner-slider,
html body.home.mdp-theme .mundo-home-banner-slider__inner,
html body.home.mdp-theme .mundo-home-banner-slider__viewport,
html body.home.mdp-theme .mundo-home-banner-slider__placeholder {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  inset: auto !important;
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.home.mdp-theme .mundo-home-banner-slider__inner {
  width: 100% !important;
  max-width: none !important;
}

html body.home.mdp-theme .mundo-home-banner-slider__viewport,
html body.home.mdp-theme .mundo-home-banner-slider__track,
html body.home.mdp-theme .mundo-home-banner-slider__slide,
html body.home.mdp-theme .mundo-home-banner-slider__link {
  height: clamp(280px, 25vw, 400px) !important;
  min-height: clamp(280px, 25vw, 400px) !important;
  max-height: 400px !important;
}

html body.home.mdp-theme .mundo-home-banner-slider__viewport {
  position: relative !important;
  overflow: hidden !important;
  border-top: 1px solid rgba(15, 23, 42, 0.06) !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.06) !important;
}

html body.home.mdp-theme .mundo-home-banner-slider__track {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: none !important;
  transform: none !important;
  overflow: hidden !important;
}

html body.home.mdp-theme .mundo-home-banner-slider__slide {
  position: absolute !important;
  inset: 0 !important;
  display: none !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

html body.home.mdp-theme .mundo-home-banner-slider__slide.is-active {
  display: block !important;
}

html body.home.mdp-theme .mundo-home-banner-slider__link {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  overflow: hidden !important;
}

html body.home.mdp-theme .mundo-home-banner-slider__image {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
  transform: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

/* Os indicadores permanecem removidos. */
html body.home.mdp-theme .mundo-home-banner-slider__dots,
html body.home.mdp-theme .mundo-home-banner-slider__dot {
  display: none !important;
}

/*
 * 2.6.19 — corrige o alinhamento interno das setas do banner.
 * A seta agora fica centralizada dentro da bolinha branca com flex, sem
 * deslocamento por padding e com trava de tamanho do ícone.
 */
html body.home.mdp-theme .mundo-home-banner-slider__arrow {
  position: absolute !important;
  top: 50% !important;
  z-index: 6 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  min-height: 46px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(21, 61, 92, 0.10) !important;
  border-radius: 50% !important;
  box-sizing: border-box !important;
  background: rgba(255, 255, 255, 0.90) !important;
  color: #244f86 !important;
  box-shadow: 0 8px 20px rgba(21, 61, 92, 0.10) !important;
  font-family: Arial, sans-serif !important;
  font-size: 2rem !important;
  line-height: 1 !important;
  cursor: pointer !important;
  overflow: hidden !important;
  transform: translateY(-50%) !important;
  transition: background 180ms ease, transform 180ms ease !important;
}

html body.home.mdp-theme .mundo-home-banner-slider__arrow-icon {
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 0 18px !important;
  color: #244f86 !important;
  overflow: visible !important;
  transform: none !important;
}

html body.home.mdp-theme .mundo-home-banner-slider__arrow-icon path {
  stroke: currentColor !important;
}

html body.home.mdp-theme .mundo-home-banner-slider__arrow:hover {
  background: #fff !important;
  transform: translateY(-50%) scale(1.04) !important;
}

html body.home.mdp-theme .mundo-home-banner-slider__arrow:focus-visible {
  outline: 3px solid var(--mdp-pink) !important;
  outline-offset: 3px !important;
}

html body.home.mdp-theme .mundo-home-banner-slider__arrow--previous {
  left: 24px !important;
}

html body.home.mdp-theme .mundo-home-banner-slider__arrow--next {
  right: 24px !important;
}

/* Mantém banner e benefícios unidos, sem criar espaço artificial. */
html body.home.mdp-theme .mdp-home-banner-shell + .wp-block-shortcode,
html body.home.mdp-theme main.mdp-home-main > .wp-block-shortcode,
html body.home.mdp-theme .mundo-home-benefits {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
}

html body.home.mdp-theme .mundo-home-benefits {
  padding-bottom: 2px !important;
}

/* Mesmo comportamento do Educar Freire em telas menores. */
@media (max-width: 800px) {
  html body.home.mdp-theme .mundo-home-banner-slider__arrow {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    font-size: 1.6rem !important;
  }

  html body.home.mdp-theme .mundo-home-banner-slider__arrow--previous {
    left: 9px !important;
  }

  html body.home.mdp-theme .mundo-home-banner-slider__arrow--next {
    right: 9px !important;
  }

  html,
  body.home.mdp-theme {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  html body.home.mdp-theme .wp-site-blocks,
  html body.home.mdp-theme .mdp-home-top-shell,
  html body.home.mdp-theme main.mdp-home-main,
  html body.home.mdp-theme .mdp-home-banner-shell,
  html body.home.mdp-theme .mdp-home-banner-shell > .wp-block-shortcode,
  html body.home.mdp-theme .mundo-home-banner-slider,
  html body.home.mdp-theme .mundo-home-banner-slider__inner,
  html body.home.mdp-theme .mundo-home-banner-slider__viewport {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  html body.home.mdp-theme .mundo-home-banner-slider__viewport,
  html body.home.mdp-theme .mundo-home-banner-slider__track,
  html body.home.mdp-theme .mundo-home-banner-slider__slide,
  html body.home.mdp-theme .mundo-home-banner-slider__link {
    height: 240px !important;
    min-height: 240px !important;
    max-height: 240px !important;
  }

  html body.home.mdp-theme .mundo-home-banner-slider__image {
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  html body.home.mdp-theme .mundo-home-benefits {
    width: calc(100% - 6px) !important;
    margin: 2px auto 0 !important;
    padding: 0 0 1px !important;
  }

  html body.home.mdp-theme .mundo-home-benefits__grid {
    gap: 4px !important;
  }
}

@media (max-width: 440px) {
  html body.home.mdp-theme .mundo-home-banner-slider__viewport,
  html body.home.mdp-theme .mundo-home-banner-slider__track,
  html body.home.mdp-theme .mundo-home-banner-slider__slide,
  html body.home.mdp-theme .mundo-home-banner-slider__link {
    height: 220px !important;
    min-height: 220px !important;
    max-height: 220px !important;
  }
}
