.elementor-kit-12{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-12 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --s:#770003; }
/* Start custom CSS */<!-- ============================================= -->
<!-- PÁGINA DE VENDAS - KLEBER ADESTRADOR          -->
<!-- Cole este código no Widget HTML do Elementor  -->
<!-- ============================================= -->

<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;800&family=Inter:wght@400;500;600&display=swap" rel="stylesheet">

<style>
/* ============ VARIÁVEIS (edite as cores aqui) ============ */
:root {
  --verde-musgo: #4a6741;
  --verde-escuro: #2d3e28;
  --terracota: #c65d3a;
  --terracota-hover: #a84a2c;
  --off-white: #faf7f2;
  --creme: #f3ede1;
  --texto-escuro: #2a2a2a;
  --texto-medio: #555555;
  --sombra-suave: 0 4px 20px rgba(0,0,0,0.08);
  --sombra-forte: 0 10px 40px rgba(0,0,0,0.12);
}

/* ============ RESET ============ */
.kb-page * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.kb-page {
  font-family: 'Inter', sans-serif;
  color: var(--texto-escuro);
  background: var(--off-white);
  line-height: 1.6;
  overflow-x: hidden;
}

.kb-page h1, .kb-page h2, .kb-page h3, .kb-page h4 {
  font-family: 'Poppins', sans-serif;
  line-height: 1.2;
}

.kb-page img {
  max-width: 100%;
  height: auto;
  display: block;
}

.kb-container {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 20px;
}

/* ============ BOTÃO WHATSAPP (CTA PRINCIPAL) ============ */
.kb-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--terracota);
  color: white !important;
  padding: 18px 36px;
  border-radius: 50px;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 17px;
  text-decoration: none !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
  box-shadow: 0 6px 20px rgba(198, 93, 58, 0.35);
  border: none;
  cursor: pointer;
}

.kb-btn:hover {
  background: var(--terracota-hover);
  transform: translateY(-3px);
  box-shadow: 0 10px 30px rgba(198, 93, 58, 0.45);
}

.kb-btn svg {
  width: 22px;
  height: 22px;
  fill: white;
}

/* ============ HERO SECTION ============ */
.kb-hero {
  background: linear-gradient(135deg, var(--verde-escuro) 0%, var(--verde-musgo) 100%);
  color: white;
  padding: 80px 0 100px;
  position: relative;
  overflow: hidden;
}

.kb-hero::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -20%;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(255,255,255,0.05) 0%, transparent 70%);
  border-radius: 50%;
}

.kb-hero-content {
  position: relative;
  z-index: 2;
  text-align: center;
  max-width: 850px;
  margin: 0 auto;
}

.kb-hero-badge {
  display: inline-block;
  background: rgba(255,255,255,0.15);
  backdrop-filter: blur(10px);
  padding: 8px 20px;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 25px;
  border: 1px solid rgba(255,255,255,0.2);
}

.kb-hero h1 {
  font-size: 48px;
  font-weight: 800;
  margin-bottom: 25px;
  text-shadow: 0 2px 10px rgba(0,0,0,0.2);
}

.kb-hero h1 span {
  color: #f4c87a;
  display: block;
}

.kb-hero p {
  font-size: 20px;
  margin-bottom: 40px;
  opacity: 0.95;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.kb-hero-stats {
  display: flex;
  justify-content: center;
  gap: 50px;
  margin-top: 60px;
  flex-wrap: wrap;
}

.kb-stat {
  text-align: center;
}

.kb-stat-number {
  font-family: 'Poppins', sans-serif;
  font-size: 48px;
  font-weight: 800;
  color: #f4c87a;
  display: block;
}

.kb-stat-label {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  opacity: 0.85;
}

/* ============ SEÇÃO DE DOR ============ */
.kb-section {
  padding: 80px 0;
}

.kb-section-title {
  text-align: center;
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 20px;
  color: var(--verde-escuro);
}

.kb-section-subtitle {
  text-align: center;
  font-size: 18px;
  color: var(--texto-medio);
  max-width: 700px;
  margin: 0 auto 50px;
}

.kb-pain-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 25px;
  margin-top: 40px;
}

.kb-pain-card {
  background: white;
  padding: 35px 30px;
  border-radius: 16px;
  box-shadow: var(--sombra-suave);
  border-left: 4px solid var(--terracota);
  transition: transform 0.3s ease;
}

.kb-pain-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--sombra-forte);
}

.kb-pain-icon {
  font-size: 36px;
  margin-bottom: 15px;
}

.kb-pain-card h3 {
  font-size: 20px;
  color: var(--verde-escuro);
  margin-bottom: 10px;
}

.kb-pain-card p {
  color: var(--texto-medio);
  font-size: 15px;
}

/* ============ SEÇÃO MÉTODO ============ */
.kb-method {
  background: var(--creme);
}

.kb-method-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 30px;
  margin-top: 50px;
}

.kb-method-card {
  background: white;
  padding: 40px 30px;
  border-radius: 20px;
  text-align: center;
  box-shadow: var(--sombra-suave);
  transition: all 0.3s ease;
}

.kb-method-card:hover {
  transform: translateY(-8px);
  box-shadow: var(--sombra-forte);
}

.kb-method-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background: var(--verde-musgo);
  color: white;
  border-radius: 50%;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 24px;
  margin-bottom: 20px;
}

.kb-method-card h3 {
  font-size: 22px;
  color: var(--verde-escuro);
  margin-bottom: 15px;
}

.kb-method-card p {
  color: var(--texto-medio);
  font-size: 15px;
}

/* ============ SEÇÃO SOBRE (AUTORIDADE) ============ */
.kb-about {
  background: white;
}

.kb-about-wrapper {
  display: grid;
  grid-template-columns: 1fr 1.3fr;
  gap: 60px;
  align-items: center;
}

.kb-about-image {
  position: relative;
}

.kb-about-image img {
  border-radius: 20px;
  box-shadow: var(--sombra-forte);
  width: 100%;
  height: 500px;
  object-fit: cover;
}

.kb-about-image::after {
  content: '30 anos';
  position: absolute;
  bottom: -20px;
  right: -20px;
  background: var(--terracota);
  color: white;
  padding: 20px 30px;
  border-radius: 16px;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 20px;
  box-shadow: var(--sombra-forte);
}

.kb-about-text h2 {
  font-size: 36px;
  color: var(--verde-escuro);
  margin-bottom: 20px;
}

.kb-about-text p {
  font-size: 17px;
  color: var(--texto-medio);
  margin-bottom: 20px;
}

.kb-about-list {
  list-style: none;
  margin: 30px 0;
}

.kb-about-list li {
  padding: 10px 0;
  padding-left: 35px;
  position: relative;
  font-size: 16px;
  color: var(--texto-escuro);
}

.kb-about-list li::before {
  content: '✓';
  position: absolute;
  left: 0;
  top: 10px;
  width: 24px;
  height: 24px;
  background: var(--verde-musgo);
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 14px;
}

/* ============ DEPOIMENTOS ============ */
.kb-testimonials {
  background: var(--creme);
}

.kb-testimonial-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 30px;
  margin-top: 50px;
}

.kb-testimonial-card {
  background: white;
  padding: 35px;
  border-radius: 16px;
  box-shadow: var(--sombra-suave);
  position: relative;
}

.kb-testimonial-card::before {
  content: '"';
  position: absolute;
  top: 10px;
  left: 20px;
  font-size: 80px;
  color: var(--verde-musgo);
  opacity: 0.15;
  font-family: Georgia, serif;
  line-height: 1;
}

.kb-testimonial-text {
  font-style: italic;
  color: var(--texto-medio);
  margin-bottom: 20px;
  position: relative;
  z-index: 2;
}

.kb-testimonial-author {
  display: flex;
  align-items: center;
  gap: 15px;
}

.kb-testimonial-avatar {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: var(--verde-musgo);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-family: 'Poppins', sans-serif;
}

.kb-testimonial-name {
  font-weight: 600;
  color: var(--verde-escuro);
}

.kb-testimonial-pet {
  font-size: 13px;
  color: var(--texto-medio);
}

.kb-stars {
  color: #f4c87a;
  margin-bottom: 15px;
  font-size: 18px;
}

/* ============ CTA FINAL ============ */
.kb-cta-final {
  background: linear-gradient(135deg, var(--verde-escuro) 0%, var(--verde-musgo) 100%);
  color: white;
  text-align: center;
  padding: 100px 0;
}

.kb-cta-final h2 {
  font-size: 42px;
  margin-bottom: 20px;
  color: white;
}

.kb-cta-final p {
  font-size: 19px;
  margin-bottom: 40px;
  opacity: 0.95;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}

/* ============ FAQ ============ */
.kb-faq-item {
  background: white;
  margin-bottom: 15px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: var(--sombra-suave);
}

.kb-faq-question {
  padding: 22px 25px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 600;
  color: var(--verde-escuro);
  font-size: 17px;
  font-family: 'Poppins', sans-serif;
}

.kb-faq-question::after {
  content: '+';
  font-size: 28px;
  color: var(--terracota);
  transition: transform 0.3s ease;
}

.kb-faq-item.active .kb-faq-question::after {
  transform: rotate(45deg);
}

.kb-faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease, padding 0.3s ease;
  padding: 0 25px;
  color: var(--texto-medio);
}

.kb-faq-item.active .kb-faq-answer {
  max-height: 300px;
  padding: 0 25px 22px;
}

/* ============ FOOTER ============ */
.kb-footer {
  background: var(--verde-escuro);
  color: white;
  text-align: center;
  padding: 40px 20px;
  font-size: 14px;
  opacity: 0.9;
}

/* ============ BOTÃO FLUTUANTE WHATSAPP ============ */
.kb-whatsapp-float {
  position: fixed;
  bottom: 25px;
  right: 25px;
  width: 60px;
  height: 60px;
  background: #25d366;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 20px rgba(37, 211, 102, 0.4);
  z-index: 9999;
  transition: transform 0.3s ease;
  animation: kb-pulse 2s infinite;
}

.kb-whatsapp-float:hover {
  transform: scale(1.1);
}

.kb-whatsapp-float svg {
  width: 32px;
  height: 32px;
  fill: white;
}

@keyframes kb-pulse {
  0% { box-shadow: 0 4px 20px rgba(37, 211, 102, 0.4); }
  50% { box-shadow: 0 4px 30px rgba(37, 211, 102, 0.7); }
  100% { box-shadow: 0 4px 20px rgba(37, 211, 102, 0.4); }
}

/* ============ RESPONSIVIDADE ============ */
@media (max-width: 768px) {
  .kb-hero { padding: 60px 0 70px; }
  .kb-hero h1 { font-size: 32px; }
  .kb-hero p { font-size: 17px; }
  .kb-hero-stats { gap: 30px; }
  .kb-stat-number { font-size: 36px; }
  
  .kb-section { padding: 60px 0; }
  .kb-section-title { font-size: 28px; }
  
  .kb-about-wrapper { 
    grid-template-columns: 1fr; 
    gap: 40px; 
  }
  .kb-about-image::after { 
    bottom: -15px; 
    right: 15px; 
    padding: 15px 20px; 
    font-size: 16px; 
  }
  
  .kb-cta-final h2 { font-size: 30px; }
  .kb-cta-final p { font-size: 17px; }
  
  .kb-btn { 
    padding: 16px 28px; 
    font-size: 15px; 
    width: 100%; 
    justify-content: center; 
  }
}
</style>

<div class="kb-page">

  <!-- ============ HERO ============ -->
  <section class="kb-hero">
    <div class="kb-container kb-hero-content">
      <span class="kb-hero-badge">🐾 Especialista há 30 anos</span>
      <h1>Recupere a paz na sua casa <span>e a conexão com o seu cão</span></h1>
      <p>Método exclusivo baseado em <strong>relacionamento de confiança</strong> e <strong>didática dinâmica</strong>. Resultados reais para você e seu melhor amigo.</p>
      <a href="https://wa.me/5500000000000?text=Olá%20Kleber,%20quero%20agendar%20uma%20avaliação" class="kb-btn" target="_blank">
        <svg viewBox="0 0 24 24"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg>
        Agendar Avaliação Gratuita
      </a>
      
      <div class="kb-hero-stats">
        <div class="kb-stat">
          <span class="kb-stat-number">30+</span>
          <span class="kb-stat-label">Anos de Experiência</span>
        </div>
        <div class="kb-stat">
          <span class="kb-stat-number">2.500+</span>
          <span class="kb-stat-label">Cães Reabilitados</span>
        </div>
        <div class="kb-stat">
          <span class="kb-stat-number">98%</span>
          <span class="kb-stat-label">Tutores Satisfeitos</span>
        </div>
      </div>
    </div>
  </section>

  <!-- ============ SEÇÃO DE DORES ============ -->
  <section class="kb-section">
    <div class="kb-container">
      <h2 class="kb-section-title">Você se identifica com alguma dessas situações?</h2>
      <p class="kb-section-subtitle">Se você respondeu "sim" para pelo menos uma delas, saiba que existe solução — e ela começa com o entendimento certo.</p>
      
      <div class="kb-pain-grid">
        <div class="kb-pain-card">
          <div class="kb-pain-icon">😰</div>
          <h3>Cão ansioso ou medroso</h3>
          <p>Seu cão treme, se esconde ou demonstra medo constante de barulhos, pessoas ou situações do dia a dia.</p>
        </div>
        <div class="kb-pain-card">
          <div class="kb-pain-icon">🔥</div>
          <h3>Agressividade e reatividade</h3>
          <p>Latidos excessivos, rosnados ou tentativas de mordida durante passeios ou visitas em casa.</p>
        </div>
        <div class="kb-pain-card">
          <div class="kb-pain-icon">💔</div>
          <h3>Destroi tudo quando sozinho</h3>
          <p>Ansiedade por separação que resulta em móveis destruídos, latidos constantes e vizinhos reclamando.</p>
        </div>
        <div class="kb-pain-card">
          <div class="kb-pain-icon">🏃</div>
          <h3>Puxa demais na guia</h3>
          <p>Passeios viraram uma guerra. Você é arrastado e chega em casa exausto e frustrado.</p>
        </div>
      </div>
    </div>
  </section>

  <!-- ============ MÉTODO ============ -->
  <section class="kb-section kb-method">
    <div class="kb-container">
      <h2 class="kb-section-title">O Método Kleber em 3 Pilares</h2>
      <p class="kb-section-subtitle">Uma abordagem comprovada em 3 décadas que transforma a relação entre você e seu cão de forma definitiva.</p>
      
      <div class="kb-method-grid">
        <div class="kb-method-card">
          <div class="kb-method-number">1</div>
          <h3>Relacionamento de Confiança</h3>
          <p>Não adestramos cães. Construímos vínculos. Seu cão precisa confiar em você — e em mim — antes de qualquer comando.</p>
        </div>
        <div class="kb-method-card">
          <div class="kb-method-number">2</div>
          <h3>Didática Dinâmica</h3>
          <p>Aulas práticas, envolventes e adaptadas à sua rotina. Você aprende fazendo, com acompanhamento próximo e linguagem simples.</p>
        </div>
        <div class="kb-method-card">
          <div class="kb-method-number">3</div>
          <h3>Foco em Resultados</h3>
          <p>Cada sessão tem metas claras. Você vê a evolução do seu cão semana a semana, com indicadores objetivos de progresso.</p>
        </div>
      </div>
    </div>
  </section>

  <!-- ============ SOBRE (AUTORIDADE) ============ -->
  <section class="kb-section kb-about">
    <div class="kb-container">
      <div class="kb-about-wrapper">
        <div class="kb-about-image">
          <!-- SUBSTITUA pela URL da sua foto -->
          <img src="https://via.placeholder.com/500x500/4a6741/ffffff?text=SUA+FOTO+AQUI" alt="Kleber - Especialista em Comportamento Canino">
        </div>
        <div class="kb-about-text">
          <h2>Prazer, sou o Kleber</h2>
          <p>Comecei nessa jornada aos <strong>15 anos de idade</strong>, movido por uma paixão genuína pelos cães. Hoje, aos 45, tenho a certeza de que encontrei minha vocação.</p>
          <p>Ao longo de <strong>30 anos</strong>, já reabilitei milhares de cães — dos mais dóceis aos casos considerados "perdidos" por outros profissionais. Minha escola foi a vida real, ao lado de cada tutor e cada cão que cruzou meu caminho.</p>
          
          <ul class="kb-about-list">
            <li>Especialista em comportamento canino há 3 décadas</li>
            <li>Mais de 2.500 cães reabilitados com sucesso</li>
            <li>Metodologia própria baseada em confiança mútua</li>
            <li>Atendimento presencial e online para todo o Brasil</li>
          </ul>
          
          <a href="https://wa.me/5500000000000" class="kb-btn" target="_blank">
            <svg viewBox="0 0 24 24"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.8/* End custom CSS */