/* Ajuste Full Banner Home - Claron */

/* Desktop: volta para a versão estável anterior */
@media (min-width: 768px) {
  body.pagina-inicial .secao-banners,
  body.pagina-inicial .banners-full {
    aspect-ratio: 1920 / 600;
    overflow: hidden;
  }

  body.pagina-inicial .banners-full img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
  }
}


/* Mobile: mantém reserva de espaço para banner + faixa de benefícios */
@media (max-width: 767px) {
  body.pagina-inicial .secao-banners {
    min-height: calc(100vw + 64px) !important;
    overflow: visible !important;
  }

  body.pagina-inicial .banners-full {
    aspect-ratio: 1 / 1;
    min-height: 100vw !important;
    max-height: 100vw !important;
    overflow: hidden !important;
  }

  body.pagina-inicial .banners-full .slick-list,
  body.pagina-inicial .banners-full .slick-track,
  body.pagina-inicial .banners-full .banner-full,
  body.pagina-inicial .banners-full .banner-full.int-mobile {
    min-height: 100vw !important;
    max-height: 100vw !important;
    overflow: hidden !important;
  }

  body.pagina-inicial .banners-full .int-mobile img,
  body.pagina-inicial .banners-full img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    object-fit: contain !important;
  }

  body.pagina-inicial .banners-full picture,
  body.pagina-inicial .banners-full a {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.pagina-inicial .banners-vantagens {
    min-height: 64px !important;
    overflow: hidden !important;
  }
}


/* Correção CLS - Placeholder de carregamento mobile - Claron */
@media (max-width: 767px) {
  body.pagina-inicial #full-page-loading {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  body.pagina-inicial #full-page-loading .loading-placeholder-content,
  body.pagina-inicial #full-page-loading .loading-placeholder-effect,
  body.pagina-inicial #full-page-loading .loading-placeholder-body {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
  }
}