/* Estilo para o logo no menu */
.logo-principal-menu {
    height: 7rem; /* Ajuste conforme necessário, um pouco menor que antes */
}

/* Estilo para o cupom na faixa de promoção e na hero */
.cupom-destaque-texto {
    color: #FF0000; /* Vermelho para destaque */
    font-weight: bold;
    background-color: #FFFF00; /* Fundo amarelo para chamar atenção */
    padding: 2px 5px;
    border-radius: 3px;
}

/* Estilos para Hero Section - Proctocure Spray */
.hero-proctocure-section {
  /* background-image: url('assets/images/proctocure-background-hero.webp'); /* Definido inline no HTML */
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
}

.hero-proctocure-overlay {
  opacity: 0.85; /* Ajuste para melhor legibilidade */
  background-color: #ffffff; /* Um azul escuro pode ser mais calmante para o tema */
}

.hero-proctocure-title {
  color: #4CAF50; /* Verde esperança/saúde */
}

.hero-proctocure-subtitle-intro,
.hero-proctocure-product-core-description,
.hero-proctocure-pain-point-solution,
.hero-proctocure-guarantee-info,
.hero-proctocure-cta-prompt,
.hero-proctocure-footer-note {
  color: #FFFFFF;
}

.hero-proctocure-pain-point-highlight {
  color: #FFEB3B; /* Amarelo claro para destaque na dor */
}

.hero-proctocure-guarantee-highlight {
  color: #4CAF50; /* Verde para destaque na garantia */
}

.btn-hero-proctocure {
  background-image: linear-gradient(90deg, #4CAF50 0%, #8BC34A 100%); /* Gradiente verde */
  color: #FFFFFF !important; 
  border: none;
  box-shadow: 0px 8px 15px rgba(0,0,0,0.3);
  font-size: 1.2rem !important; /* Aumentar um pouco o botão */
  padding: 0.8rem 2rem !important;
}
.btn-hero-proctocure:hover {
  background-image: linear-gradient(90deg, #388E3C 0%, #689F38 100%);
}

.img-hero-proctocure {
  max-width: 400px; /* Ajuste conforme sua imagem de frasco */
  border-radius: 10px;
  box-shadow: 0px 8px 15px rgba(0,0,0,0.2);
}

.hero-proctocure-footer-note {
  font-size: 0.85rem;
}
/* Estilos para Página Proctocure - Bloco 3 */

/* Seção Benefícios */
.secao-beneficios-proctocure {
  padding-top: 3rem;
  padding-bottom: 2rem;
  background-color: #f7f9ff; /* Azul bem claro, quase branco */
}
.icone-beneficio-proctocure { /* Aplicar aos spans dos ícones de benefícios */
  font-size: 3.5rem; /* Um pouco menor para uma página mais curta */
  color: #007bff; /* Azul primário do Bootstrap, pode ajustar */
}
.secao-beneficios-proctocure .mbr-section-title,
.secao-comofunciona-proctocure .mbr-section-title {
    color: #212529; /* Cor escura para o título principal da seção */
}
.secao-beneficios-proctocure .texto-destaque-verde-escuro,
.secao-comofunciona-proctocure .texto-destaque-verde-escuro {
    color: #0056b3;
}
.hero-proctocure-logo {
    max-width: 200px; /* Ajuste o tamanho do logo conforme necessário */
    margin-bottom: 1.5rem;
	display: block; /* Transforma a imagem em um elemento de bloco */
	margin-left: auto;
	margin-right: auto;
}

/* CSS para Seção de Ingredientes Proctocure - Foco em restringir o container */

/* Estilo do card/wrapper geral */
.secao-comofunciona-proctocure .item.features-image .item-wrapper {
    border: 1px solid #d4edda;
    border-radius: 8px;
    padding: 1.5rem 1rem;
    background-color: #ffffff;
    height: 100%; 
    display: flex;
    flex-direction: column;
    text-align: center;
}

/* Container direto da imagem (.item-img) dentro de .features-image */
.secao-comofunciona-proctocure .item.features-image .item-img {
    width: 150px !important;  /* FORÇA a largura do container da imagem */
    height: 150px !important; /* FORÇA a altura do container da imagem */
    margin-left: auto !important; /* Centraliza o container da imagem */
    margin-right: auto !important; /* Centraliza o container da imagem */
    margin-bottom: 1rem !important; /* Espaço abaixo do container da imagem */
    display: flex !important;         
    align-items: center !important;     
    justify-content: center !important; 
    overflow: hidden !important; 
}

/* A própria imagem dentro do .item-img */
.secao-comofunciona-proctocure .item.features-image .item-img img {
    max-width: 100% !important;   /* Imagem não ultrapassa o container .item-img */
    max-height: 100% !important;  /* Imagem não ultrapassa o container .item-img */
    width: auto !important;       /* Mantém proporção, respeitando max-width/max-height do container */
    height: auto !important;      /* Mantém proporção, respeitando max-width/max-height do container */
    object-fit: contain !important;/* Garante que caiba sem cortar */
}

.secao-comofunciona-proctocure .item.features-image .item-content {
    flex-grow: 1;
}

.secao-comofunciona-proctocure .item.features-image .item-title {
    margin-top: 0.5rem; 
    margin-bottom: 0.75rem;
}

/* Estilos para Página Proctocure - Bloco 4: Ofertas e Garantia */

/* Seção Ofertas */
.secao-ofertas-proctocure {
  padding-top: 3rem; /* Reduzido para página mais curta */
  padding-bottom: 3rem; /* Reduzido */
  background-color: #002b4e; /* Azul escuro */
}
.titulo-secao-ofertas-proctocure {
  color: #FFFFFF;
}
.texto-destaque-amarelo { /* Para destacar Proctocure Spray no título */
  color: #FFEB3B; 
}
.subtitulo-secao-ofertas-proctocure {
  color: #e0e0e0; /* Cinza claro para subtitulo */
  margin-bottom: 1.5rem !important; /* Menor margem para página mais curta */
}
.cupom-aviso-ofertas {
    color: #FFEB3B; /* Amarelo para o aviso do cupom */
    background-color: rgba(0, 0, 0, 0.2);
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 2rem !important;
}
.cupom-destaque-texto-bold {
    color: #FFFFFF;
    background-color: #d9534f; /* Vermelho para destacar o cupom em si */
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: bold;
}

.card-oferta-proctocure {
  background-color: #ffffff; /* Fundo branco para os cards */
  border: 1px solid #dee2e6; /* Borda suave */
  border-radius: 8px;
  margin: 10px;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
.card-oferta-proctocure:hover {
  transform: translateY(-5px);
  box-shadow: 0px 10px 20px rgba(0,0,0,0.15);
}
.card-oferta-destaque-proctocure { /* Para o kit "Mais Pedido" */
  border: 3px solid #FFEB3B; /* Borda amarela de destaque */
  transform: scale(1.03); /* Levemente maior */
  box-shadow: 0px 5px 25px rgba(255,235,59,0.5);
}
.selo-mais-vendido-proctocure {
  background-color: #d9534f; /* Vermelho */
  color: #fff;
  padding: 5px 15px;
  border-radius: 15px 15px 0 0;
  font-size: 0.9rem;
  font-weight: bold;
  display: inline-block;
  margin-bottom: 0.5rem;
  position: absolute; /* Para posicionar no topo do card */
  top: -2px; /* Ajuste fino para sobrepor a borda */
  left: 50%;
  transform: translateX(-50%);
  width: auto; /* Ajuste a largura automaticamente */
  white-space: nowrap; /* Impede que o texto quebre */
}


.img-kit-oferta-proctocure {
  width: 70%; /* Ajuste para o tamanho desejado da imagem do frasco/kit */
  max-width: 180px; /* Limite máximo */
  margin-bottom: 1rem;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.price-text-proctocure {
    color: #333;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    line-height: 1.4;
}
.price-text-proctocure s { /* Preço riscado */
    font-size: 0.9em;
    color: #888;
}
.preco-oferta-proctocure {
    font-size: 1.8em; /* Tamanho maior para o preço principal */
    color: #0056b3; /* Azul escuro */
    font-weight: bold;
}
.preco-cupom-proctocure {
    font-size: 0.9em;
    color: #28a745; /* Verde para o preço com cupom */
    font-weight: bold;
    display: block;
    margin-top: 0.3rem;
}

.btn-oferta-proctocure { /* Estilo base para botões de compra nos cards */
    font-weight: bold !important;
}
.card-oferta-destaque-proctocure .btn-oferta-proctocure { /* Botão do card em destaque */
    background-color: #ffc107 !important; /* Amarelo para o botão de destaque */
    border-color: #ffc107 !important;
    color: #212529 !important;
}
.card-oferta-destaque-proctocure .btn-oferta-proctocure:hover {
    background-color: #e0a800 !important;
    border-color: #d39e00 !important;
}


.paragrafo-rodape-ofertas-proctocure {
  color: #ced4da; /* Cinza mais claro para o rodapé das ofertas */
  font-size: 0.9rem;
}

/* Seção Garantia */
.secao-garantia-proctocure {
  padding-top: 3rem;
  padding-bottom: 3rem;
  background-color: #e9f5e9; /* Verde bem clarinho */
}
.selo-garantia-proctocure { /* Para a imagem do selo de garantia */
  width: 200px; /* Ajuste conforme o tamanho do seu selo */
  max-width: 100%;
  border-radius: 10px; /* Ou 50% se for redondo */
  margin-bottom: 1.5rem;
}
.btn-garantia-proctocure { /* Para o botão da seção de garantia */
  background-image: linear-gradient(90deg, #FFEB3B 0%, #FFC107 100%); /* Gradiente amarelo */
  color: #212529 !important; 
  border: none;
  font-weight: bold !important;
}
.btn-garantia-proctocure:hover {
  background-image: linear-gradient(90deg, #FFC107 0%, #FFEB3B 100%);
}
/* Estilos para Página Proctocure - Bloco 5: FAQ e Footer */

/* Seção FAQ */
.secao-faq-proctocure {
  padding-top: 3rem;
  padding-bottom: 3rem;
  background-color: #ffffff; /* Fundo branco para o FAQ */
}
.secao-faq-proctocure .mbr-section-title,
.secao-faq-proctocure .mbr-section-subtitle {
    color: #212529; /* Texto escuro para títulos e subtítulos do FAQ */
}
/* Classe para destacar "Proctocure Spray" no título do FAQ se necessário */
.secao-faq-proctocure .texto-destaque-azul-escuro {
    color: #004085;
}

/* Ajustes no acordeão do Mobirise (se necessário, o padrão já é bom) */
.secao-faq-proctocure .panel-group .card {
    border-bottom: 1px solid #e9ecef; /* Linha separadora mais suave */
	margin-top: 1rem;
}
.secao-faq-proctocure .panel-group .card:last-child .card-border {
    display: none; /* Remove a última borda inferior do acordeão */
}
.secao-faq-proctocure .panel-title-edit {
    color: #343a40; /* Cor do título da pergunta */
}
.secao-faq-proctocure .panel-text {
    color: #495057; /* Cor do texto da resposta */
}
.secao-faq-proctocure .mbr-iconfont { /* Ícone do acordeão */
    background-color: #007bff; /* Azul primário */
}
.secao-faq-proctocure .card-header:hover .mbr-iconfont {
  background-color: #0056b3 !important; /* Azul mais escuro no hover */
}

/* Rodapé */
#footer4-proctocure .mbr-section-subtitle { /* Títulos das colunas do rodapé */
    color: #212529;
}
#footer4-proctocure .mbr-text,
#footer4-proctocure .list .item-wrap,
#footer4-proctocure .list a { /* Textos e links das colunas */
    color: #495057;
}
#footer4-proctocure a.text-danger:hover {
    color: #dc3545 !important; /* Cor do hover para links de perigo */
}
#footer4-proctocure .copyright { /* Texto do copyright */
    color: #6c757d;
}