/* Estilos para a Página Lift Detox Black */
/* Estilos para Hero Section - Lift Detox Black */
.hero-liftdetoxblack-section {
background-image: url('assets/images/background-lift-detox.webp'); /* Definido inline para flexibilidade, mas poderia ser aqui */
background-size: cover;
background-position: center center;
background-attachment: fixed;
}

.hero-liftdetoxblack-overlay {
  opacity: 0.80; /* Aumentei um pouco a opacidade para melhor contraste do texto, ajuste se necessário */
  background-color: rgb(0, 0, 0);
}

.hero-liftdetoxblack-title {
  color: #26E743;
}

.hero-liftdetoxblack-subtitle-intro,
.hero-liftdetoxblack-product-core-description,
.hero-liftdetoxblack-pain-point-solution,
.hero-liftdetoxblack-guarantee-info,
.hero-liftdetoxblack-cta-prompt,
.hero-liftdetoxblack-footer-note { /* Adicionei a classe para a nota de rodapé da hero */
  color: #FFFFFF;
}

.hero-liftdetoxblack-pain-point-highlight {
  color: #FFE101;
}

.hero-liftdetoxblack-guarantee-highlight {
  color: #FFE101;
}

.btn-hero-liftdetoxblack {
  background-image: linear-gradient(90deg, #26E743 0%, #FFE101 100%);
  color: #000000 !important; /* !important para garantir override, se necessário */
  border: none;
  box-shadow: 0px 10px 20px -10px rgba(0,0,0,0.7);
}

.img-hero-liftdetoxblack {
  max-width: 500px; /* Aumentei um pouco o max-width da imagem, ajuste se necessário */
  border-radius: 15px;
  box-shadow: 0px 8px 15px rgba(0,0,0,0.3);
}

.hero-liftdetoxblack-footer-note { /* Reafirmando aqui para garantir que está no CSS */
  font-size: 0.9rem;
}

/* Classe para o span da data na seção promo-timer */
.data-promo-highlight {
    font-weight: bold;
    color: #FF0000;
}
/* Bloco 3: Alerta, O que é, Como Funciona/Ingredientes */
.secao-alerta-liftdetox {
  padding-top: 2rem;
  padding-bottom: 2rem;
  background-color: #fff0f0;
}
.titulo-alerta-liftdetox {
  color: #d9534f;
}
.icone-alerta-liftdetox { /* Aplicar esta classe ao span do ícone socicon-notification */
  color: #d9534f;
}
.subtitulo-alerta-liftdetox {
  color: #333;
}
.paragrafo-rodape-alerta-liftdetox { /* Para o parágrafo com CNPJ no alerta */
    font-size: 0.8rem;
}

.secao-oquee-liftdetox {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.texto-destaque-verde-escuro { /* Classe reutilizável */
  color: #006400; 
}

.secao-comofunciona-liftdetox {
  padding-top: 2rem;
  padding-bottom: 2rem;
  background-color: #f0fff0;
}

/* Bloco 4: Benefícios, Depoimentos */
.secao-beneficios-liftdetox {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.texto-destaque-verde-claro { /* Classe reutilizável */
  color: #26E743; 
}
.icone-beneficio-liftdetox { /* Aplicar aos spans dos ícones de benefícios */
  font-size: 4rem;
  color: #26E743;
}

.secao-depoimentos-liftdetox {
  padding-top: 2rem;
  padding-bottom: 2rem;
  background-color: #f8f9fa;
}
.subtitulo-depoimentos-liftdetox { /* Para o subtitulo com estrelas */
  color: #006400;
}
.paragrafo-video-vsl-liftdetox { /* Para o parágrafo abaixo do vídeo da VSL */
    font-size: 1rem; /* Ajustado do display-7 original */
}
.texto-destaque-vermelho-alerta { /* Classe reutilizável */
  color: #d9534f;
}
/* CSS para controlar o tamanho do vídeo na seção de depoimentos */
#testimonials-liftdetoxblack .video-block {
  max-width: 720px; /* Define uma largura máxima para o bloco do vídeo em desktops. Ajuste conforme necessário. */
  margin-left: auto;  /* Centraliza o bloco se ele for menor que o col-md-8 */
  margin-right: auto; /* Centraliza o bloco */
}

#testimonials-liftdetoxblack .video-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* Proporção 16:9 (altura / largura) */
  height: 0;
  overflow: hidden;
  width: 100%; /* O wrapper ocupa 100% do .video-block */
  background-color: #000; /* Fundo preto para o caso de barras laterais */
  border-radius: 8px; /* Opcional: bordas arredondadas */
  box-shadow: 0 4px 12px rgba(0,0,0,0.15); /* Opcional: uma leve sombra */
}

#testimonials-liftdetoxblack .video-wrapper iframe.mbr-embedded-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0; /* Garante que não haja borda no iframe */
}

/* Mantém o comportamento padrão para telas menores onde col-md-8 já pode ser suficiente ou onde o vídeo já está ok */
@media (max-width: 767px) {
  #testimonials-liftdetoxblack .video-block {
    max-width: 100%; /* Permite que o vídeo ocupe a largura total da coluna no mobile */
  }
  #testimonials-liftdetoxblack .video-wrapper {
    padding-bottom: 56.25%; /* Mantém a proporção 16:9 */
  }
}

/* Bloco 5: Como Tomar, Garantia, Ofertas Especiais */
.secao-comotomar-liftdetox {
  padding-top: 2rem;
  padding-bottom: 2rem;
  background-color: #ffffff;
}
.icone-comotomar-liftdetox { /* Aplicar aos spans dos ícones de como tomar */
  font-size: 5rem;
  color: #26E743;
}

.secao-garantia-liftdetox {
  padding-top: 2rem;
  padding-bottom: 2rem;
  background-color: #e9f5e9;
}
.selo-garantia-liftdetox { /* Para a imagem do selo de garantia */
  width: 25%;
  border-radius: 50%;
}
.btn-garantia-liftdetox { /* Para o botão da seção de garantia */
  background-image: linear-gradient(90deg, #26E743 0%, #FFE101 100%);
  color: #000000 !important; /* !important para garantir a cor do texto */
  border: none;
}

.secao-ofertas-liftdetox {
  padding-top: 4rem;
  padding-bottom: 4rem;
  background-color: #001907;
}
.titulo-secao-ofertas-liftdetox { /* Para o H2 principal da seção de ofertas */
  color: #FFFFFF;
}
.subtitulo-secao-ofertas-liftdetox { /* Para o parágrafo subtitulo da seção de ofertas */
  color: #FFFFFF;
}
/* Estilos para a Página Lift Detox Black - Seção de Ofertas (Incluindo Centralização das Imagens) */

.secao-ofertas-liftdetox {
  padding-top: 4rem;
  padding-bottom: 4rem;
  background-color: #001907;
}
.titulo-secao-ofertas-liftdetox { 
  color: #FFFFFF;
}
.subtitulo-secao-ofertas-liftdetox { 
  color: #FFFFFF;
}

.card-oferta-padrao-liftdetox {
  background-color: #f0fff0;
  border: 2px solid #26E743;
  margin: 10px;
  display: flex; /* Adicionado para melhor alinhamento interno se necessário */
  flex-direction: column; /* Adicionado para melhor alinhamento interno */
}
.card-oferta-destaque-liftdetox { 
  background-color: #fff8e1;
  border: 2px solid #FFE101;
  margin: 10px;
  transform: scale(1.05);
  box-shadow: 0px 0px 20px rgba(255,225,1,0.7);
  display: flex; /* Adicionado */
  flex-direction: column; /* Adicionado */
}

/* Garante que card-wrapper e card-box ocupem altura total para que o botão fique no final */
.card-oferta-padrao-liftdetox .card-wrapper,
.card-oferta-destaque-liftdetox .card-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.card-oferta-padrao-liftdetox .card-box,
.card-oferta-destaque-liftdetox .card-box {
    display: flex;
    flex-direction: column;
    flex-grow: 1; /* Faz o card-box ocupar o espaço disponível */
}
.card-oferta-padrao-liftdetox .card-box .mbr-section-btn,
.card-oferta-destaque-liftdetox .card-box .mbr-section-btn {
    margin-top: auto; /* Empurra o botão para o final do card-box */
}


.img-kit-oferta-p1-liftdetox {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%; /* Ou o valor desejado */
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.preco-kit-principal-liftdetox {
  color: #006400;
  font-weight: bold;
}

.selo-oferta-video-liftdetox { 
  background-color: #FFE101;
  color: #000;
  padding: 5px 10px;
  border-radius: 5px;
  font-weight: bold;
  display: inline-block; /* Para que o padding funcione bem */
  margin-bottom: 0.5rem; /* Espaçamento abaixo do selo */
}
.img-kit-oferta-c2l3-liftdetox {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 90%; /* Ou o valor desejado */
  margin-bottom: 1rem;
}
.preco-kit-destaque-liftdetox {
  color: #d9534f;
  font-weight: bold;
}

.img-kit-oferta-grande-liftdetox { 
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%; /* Ou o valor desejado */
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.paragrafo-rodape-ofertas-liftdetox { 
  color: #FFFFFF;
}

/* Classes de destaque de texto que podem ser usadas em qualquer lugar */
.texto-destaque-verde-claro { 
  color: #26E743; 
}
.texto-destaque-verde-escuro { 
  color: #006400; 
}
.texto-destaque-vermelho-alerta {
  color: #d9534f;
}


/* Bloco 6: FAQ, Rodapé */
.secao-faq-liftdetox {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

/* Estilo para Hero Section específica Lift Detox Black, se necessário */
.hero-liftdetoxblack-overlay {
    opacity: 0.7; 
    background-color: rgb(0, 0, 0);
}
.hero-liftdetoxblack-title {
    color: #26E743;
}
.hero-liftdetoxblack-subtitle-intro,
.hero-liftdetoxblack-product-core-description,
.hero-liftdetoxblack-pain-point-solution,
.hero-liftdetoxblack-guarantee-info,
.hero-liftdetoxblack-cta-prompt,
.hero-liftdetoxblack-footer-note {
    color: #FFFFFF;
}
.hero-liftdetoxblack-pain-point-highlight {
    color: #FFE101;
}
.hero-liftdetoxblack-guarantee-highlight {
    color: #FFE101;
}
.btn-hero-liftdetoxblack {
    background-image: linear-gradient(90deg, #26E743 0%, #FFE101 100%); 
    color: #000000 !important; /* Para garantir override */
    border: none; 
    box-shadow: 0px 10px 20px -10px rgba(0,0,0,0.7);
}
.img-hero-liftdetoxblack {
    max-width: 450px; 
    border-radius: 15px; 
    box-shadow: 0px 8px 15px rgba(0,0,0,0.3);
}
.hero-liftdetoxblack-footer-note {
    font-size: 0.9rem;
}