/* =========================================================
   EP MEDICAL - AJUSTE LIMPO HOME + PRODUTOS
   Fundo azul claro, cards padronizados e preços corrigidos
========================================================= */


/* FUNDO GERAL */
html,
body,
#corpo,
.pagina-inicial #corpo {
  background-color: #F4F9FD !important;
}


/* CONTAINER DO CORPO */
#corpo .conteiner,
.pagina-inicial #corpo .conteiner {
  background: transparent !important;
  box-shadow: none !important;
}


/* CABEÇALHO E MENU CONTINUAM BRANCOS */
#cabecalho,
#cabecalho .conteiner,
.menu.superior {
  background: #FFFFFF !important;
}


/* ÁREA DOS BANNERS */
.pagina-inicial .secao-banners {
  background: #FFFFFF !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.pagina-inicial .secao-banners .conteiner {
  background: transparent !important;
  padding-bottom: 0 !important;
}

.pagina-inicial .secao-banners img {
  display: block !important;
}


/* MINI BANNERS */
.pagina-inicial .banners-extras,
.pagina-inicial .mini-banners,
.pagina-inicial .banner-vitrine {
  margin-top: 24px !important;
  margin-bottom: 45px !important;
}


/* FUNDO DA LISTAGEM */
.pagina-inicial .listagem {
  background: #F4F9FD !important;
  padding-top: 35px !important;
  padding-bottom: 55px !important;
}


/* TÍTULOS: LANÇAMENTOS / DESTAQUES */
.listagem .titulo,
.listagem > .titulo,
.listagem .titulo-categoria,
#corpo .titulo-categoria {
  background: transparent !important;
  border: none !important;
  text-align: center !important;
  color: #045AB6 !important;
  font-weight: 500 !important;
  letter-spacing: 7px !important;
  text-transform: uppercase !important;
}

.listagem .titulo strong,
.listagem > .titulo strong,
.listagem .titulo-categoria strong,
#corpo .titulo-categoria strong {
  color: #045AB6 !important;
  font-weight: 500 !important;
}


/* CARDS DOS PRODUTOS */
.listagem .listagem-item {
  background: #FFFFFF !important;
  border: 1px solid #D8EAF8 !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 22px rgba(4, 90, 182, 0.08) !important;
  overflow: hidden !important;
  min-height: 495px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

.listagem .listagem-item:hover {
  border-color: #8CBFEE !important;
  box-shadow: 0 12px 28px rgba(4, 90, 182, 0.16) !important;
}


/* IMAGEM DO PRODUTO */
.listagem .listagem-item .imagem-produto {
  background: #FFFFFF !important;
  border: none !important;
  min-height: 245px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.listagem .listagem-item .imagem-produto img {
  max-height: 235px !important;
  object-fit: contain !important;
}


/* NOME DO PRODUTO */
.listagem .listagem-item .nome-produto,
.listagem .listagem-item .nome-produto a {
  color: #26507C !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
  word-spacing: 0 !important;
  line-height: 1.15 !important;
  min-height: 42px !important;
}


/* PREÇOS - CORREÇÃO DO ESPAÇAMENTO */
.listagem .listagem-item .preco-produto,
.listagem .listagem-item .preco-produto *,
.listagem .listagem-item .preco-promocional,
.listagem .listagem-item .preco-promocional *,
.listagem .listagem-item .preco-parcela,
.listagem .listagem-item .preco-parcela *,
.listagem .listagem-item .parcelamento,
.listagem .listagem-item .parcelamento * {
  letter-spacing: normal !important;
  word-spacing: normal !important;
  text-transform: none !important;
}

.listagem .listagem-item .preco-promocional,
.listagem .listagem-item .preco-produto strong,
.listagem .listagem-item .preco-produto .cor-principal {
  color: #045AB6 !important;
  font-weight: 700 !important;
}

.listagem .listagem-item .preco-parcela,
.listagem .listagem-item .preco-parcela *,
.listagem .listagem-item .parcelamento,
.listagem .listagem-item .parcelamento * {
  color: #333333 !important;
  font-size: 12px !important;
}


/* BOTÃO DO PRODUTO */
.listagem .listagem-item .acoes-produto {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 12px 12px 18px 12px !important;
}

.listagem .listagem-item .botao,
.listagem .listagem-item a.botao,
.listagem .listagem-item .botao.principal,
.listagem .listagem-item .botao-comprar {
  background: #045AB6 !important;
  background-image: none !important;
  color: #FFFFFF !important;
  border: 1px solid #045AB6 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  text-shadow: none !important;
  font-weight: 700 !important;
  letter-spacing: normal !important;
  word-spacing: normal !important;
  text-transform: uppercase !important;
}

.listagem .listagem-item .botao *,
.listagem .listagem-item a.botao *,
.listagem .listagem-item .botao.principal *,
.listagem .listagem-item .botao-comprar * {
  color: #FFFFFF !important;
  letter-spacing: normal !important;
  word-spacing: normal !important;
  text-shadow: none !important;
}

.listagem .listagem-item .botao:hover,
.listagem .listagem-item a.botao:hover,
.listagem .listagem-item .botao.principal:hover,
.listagem .listagem-item .botao-comprar:hover {
  background: #03498F !important;
  border-color: #03498F !important;
}


/* RODAPÉ */
#rodape,
.rodape {
  background: #26507C !important;
}

#rodape .conteiner,
.rodape .conteiner {
  background: transparent !important;
}


/* MOBILE */
@media screen and (max-width: 768px) {
  .listagem .listagem-item {
    min-height: auto !important;
  }

  .listagem .titulo,
  .listagem > .titulo,
  .listagem .titulo-categoria,
  #corpo .titulo-categoria {
    letter-spacing: 4px !important;
  }
}
/* =========================================================
   EP MEDICAL - MINI BANNERS COM CANTOS ARREDONDADOS
========================================================= */

.pagina-inicial .banners-extras img,
.pagina-inicial .mini-banners img,
.pagina-inicial .banner-vitrine img {
  border-radius: 18px !important;
  border: 1px solid #D8EAF8 !important;
  box-shadow: 0 10px 24px rgba(4, 90, 182, 0.10) !important;
  overflow: hidden !important;
  display: block !important;
}

.pagina-inicial .banners-extras a,
.pagina-inicial .mini-banners a,
.pagina-inicial .banner-vitrine a {
  border-radius: 18px !important;
  overflow: hidden !important;
  display: block !important;
}