<!-- 
  LANDING PAGE - CRISTIANE FAGÁ | REFÚGIO DA CRIS
  WordPress Native - Full Page Template
  Cores: Escuro #3f2c20 | Claro #ded4cb | Dourado #c9a961
  Fontes: Bentoga (títulos) | Sora (corpo)
-->

<style>
  /* RESET E BASE */
  @import url('https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600&display=swap');
  
  @font-face {
    font-family: 'Bentoga';
    src: local('Bentoga'), local('Bentoga Medium'), local('Playfair Display');
    font-weight: 500;
  }

  :root {
    --cor-escuro: #3f2c20;
    --cor-claro: #ded4cb;
    --cor-dourado: #c9a961;
    --cor-branco: #ffffff;
    --fonte-titulo: 'Bentoga', 'Playfair Display', 'Cormorant Garamond', serif;
    --fonte-corpo: 'Sora', -apple-system, BlinkMacSystemFont, sans-serif;
  }

  /* Esconder elementos padrão do WordPress */
  .site-header, 
  .site-footer, 
  .entry-header, 
  .post-navigation, 
  .comments-area,
  .widget-area,
  #masthead,
  #colophon,
  .main-navigation,
  .breadcrumb,
  .page-title {
    display: none !important;
  }

  /* Reset completo para a página */
  body.page-template-lp-cris,
  body.page-id-cristiane-faga,
  .lp-cris-wrapper {
    margin: 0 !important;
    padding: 0 !important;
    background-color: var(--cor-escuro) !important;
  }

  #page,
  #content,
  .site-content,
  .content-area,
  .site-main,
  article,
  .entry-content {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
  }

  /* ESTRUTURA PRINCIPAL */
  .lp-cris {
    font-family: var(--fonte-corpo);
    background-color: var(--cor-escuro);
    color: var(--cor-claro);
    line-height: 1.7;
    overflow-x: hidden;
    width: 100%;
    position: relative;
  }

  .lp-cris * {
    box-sizing: border-box;
  }

  /* TIPOGRAFIA */
  .lp-cris h1, 
  .lp-cris h2, 
  .lp-cris h3 {
    font-family: var(--fonte-titulo);
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1.2;
    color: var(--cor-branco);
    margin: 0 0 20px 0;
  }

  .lp-cris h1 { font-size: clamp(2.2rem, 5vw, 4rem); }
  .lp-cris h2 { font-size: clamp(1.8rem, 4vw, 3rem); }
  .lp-cris h3 { font-size: clamp(1.4rem, 3vw, 2rem); }

  .lp-cris p {
    font-size: 1.1rem;
    font-weight: 300;
    opacity: 0.95;
    margin: 0 0 20px 0;
    line-height: 1.8;
  }

  /* BOTÕES DOURADOS */
  .btn-dourado {
    display: inline-block;
    background: linear-gradient(135deg, #c9a961 0%, #b8944f 100%);
    color: var(--cor-escuro) !important;
    font-family: var(--fonte-corpo);
    font-weight: 600;
    font-size: 1rem;
    padding: 18px 40px;
    border-radius: 50px;
    text-decoration: none !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 4px 15px rgba(201, 169, 97, 0.3);
    border: 2px solid transparent;
    position: relative;
    overflow: hidden;
    cursor: pointer;
  }

  .btn-dourado:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(201, 169, 97, 0.4);
    background: linear-gradient(135deg, #d4b56a 0%, #c9a961 100%);
    color: var(--cor-escuro) !important;
  }

  .btn-dourado::after {
    content: '→';
    margin-left: 8px;
    transition: transform 0.3s ease;
  }

  .btn-dourado:hover::after {
    transform: translateX(4px);
  }

  /* SEÇÃO HERO */
  .cris-hero {
    min-height: 100vh;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--cor-escuro);
    overflow: hidden;
    width: 100%;
  }

  .cris-hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://cristianefaga.com.br/wp-content/uploads/2026/03/capa-do-site-scaled.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0.4;
    filter: brightness(0.6) contrast(1.1);
  }

  .cris-hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
      to bottom,
      rgba(63, 44, 32, 0.7) 0%,
      rgba(63, 44, 32, 0.85) 50%,
      rgba(63, 44, 32, 0.95) 100%
    );
  }

  .cris-hero-content {
    position: relative;
    z-index: 2;
    text-align: center;
    max-width: 900px;
    padding: 40px 20px;
    animation: crisFadeInUp 1.2s ease-out;
  }

  .cris-logo {
    width: 120px;
    margin-bottom: 40px;
    filter: brightness(0) invert(1);
    opacity: 0.9;
  }

  .cris-frase {
    font-family: var(--fonte-titulo);
    font-size: clamp(1.5rem, 3vw, 2.2rem);
    color: var(--cor-claro);
    font-style: italic;
    margin-bottom: 20px;
    opacity: 0.9;
    font-weight: 400;
  }

  .cris-subfrase {
    font-size: 1.2rem;
    color: var(--cor-claro);
    opacity: 0.8;
    margin-bottom: 50px;
    font-weight: 300;
  }

  .cris-divider {
    width: 60px;
    height: 1px;
    background: var(--cor-dourado);
    margin: 40px auto;
    opacity: 0.6;
  }

  /* SEÇÃO ABERTURA */
  .cris-abertura {
    padding: 100px 20px;
    background: var(--cor-escuro);
    position: relative;
    width: 100%;
  }

  .cris-container {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
  }

  .cris-grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
  }

  .cris-img-wrap {
    position: relative;
  }

  .cris-img-wrap img {
    width: 100%;
    height: 600px;
    object-fit: cover;
    border-radius: 4px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.4);
    filter: sepia(20%) saturate(0.8);
    transition: all 0.5s ease;
    display: block;
  }

  .cris-img-wrap::before {
    content: '';
    position: absolute;
    top: -20px;
    left: -20px;
    right: 20px;
    bottom: 20px;
    border: 1px solid var(--cor-dourado);
    border-radius: 4px;
    opacity: 0.3;
    z-index: -1;
  }

  .cris-texto h2 {
    margin-bottom: 10px;
  }

  .cris-label {
    color: var(--cor-dourado);
    font-family: var(--fonte-corpo);
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 30px;
    font-weight: 500;
    display: block;
  }

  .cris-texto p {
    font-size: 1.2rem;
    line-height: 1.8;
    margin-bottom: 40px;
  }

  /* SEÇÃO PARA QUEM */
  .cris-paraquem {
    padding: 100px 20px;
    background: linear-gradient(to bottom, var(--cor-escuro), #2a1e16);
    position: relative;
    width: 100%;
  }

  .cris-paraquem::before {
    content: '✦';
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
    color: var(--cor-dourado);
    font-size: 2rem;
    opacity: 0.3;
  }

  .cris-header {
    text-align: center;
    margin-bottom: 60px;
  }

  .cris-header h2 {
    margin-bottom: 20px;
  }

  .cris-header p {
    font-size: 1.3rem;
    opacity: 0.8;
    font-style: italic;
  }

  .cris-lista {
    max-width: 700px;
    margin: 0 auto 50px;
    list-style: none;
    padding: 0;
  }

  .cris-lista li {
    padding: 20px 0;
    padding-left: 40px;
    position: relative;
    border-bottom: 1px solid rgba(222, 212, 203, 0.1);
    font-size: 1.1rem;
    transition: all 0.3s ease;
  }

  .cris-lista li::before {
    content: '•';
    position: absolute;
    left: 0;
    color: var(--cor-dourado);
    font-size: 1.5rem;
    line-height: 1.5;
  }

  .cris-lista li:hover {
    padding-left: 50px;
    color: var(--cor-branco);
  }

  .cris-destaque {
    text-align: center;
    font-family: var(--fonte-titulo);
    font-size: 1.8rem;
    color: var(--cor-branco);
    margin-top: 50px;
    font-style: italic;
  }

  /* SEÇÃO QUEM SOU */
  .cris-quemsou {
    padding: 100px 20px;
    background: var(--cor-escuro);
    position: relative;
    overflow: hidden;
    width: 100%;
  }

  .cris-quemsou::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -10%;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(201, 169, 97, 0.05) 0%, transparent 70%);
    pointer-events: none;
  }

  .cris-quote {
    font-family: var(--fonte-titulo);
    font-size: 1.4rem;
    color: var(--cor-dourado);
    font-style: italic;
    margin-bottom: 30px;
    padding-left: 30px;
    border-left: 2px solid var(--cor-dourado);
    line-height: 1.6;
  }

  .cris-quemsou p {
    margin-bottom: 20px;
    text-align: justify;
    hyphens: auto;
  }

  .cris-quemsou strong {
    color: var(--cor-branco);
    font-weight: 500;
  }

  .cris-assinatura {
    margin-top: 40px;
    font-family: var(--fonte-titulo);
    font-size: 1.3rem;
    color: var(--cor-dourado);
    font-style: italic;
  }

  .cris-sticky {
    position: sticky;
    top: 100px;
  }

  .cris-sticky img {
    width: 100%;
    height: auto;
    border-radius: 4px;
    box-shadow: 0 30px 80px rgba(0,0,0,0.5);
    filter: sepia(10%);
    display: block;
  }

  /* SEÇÃO COMO FUNCIONA */
  .cris-comofunciona {
    padding: 100px 20px;
    background: linear-gradient(to bottom, #2a1e16, var(--cor-escuro));
    text-align: center;
    width: 100%;
  }

  .cris-comofunciona h2 {
    margin-bottom: 60px;
  }

  .cris-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 40px;
    max-width: 1000px;
    margin: 0 auto 60px;
  }

  .cris-card {
    padding: 40px 30px;
    background: rgba(255,255,255,0.02);
    border: 1px solid rgba(222, 212, 203, 0.1);
    border-radius: 8px;
    transition: all 0.4s ease;
  }

  .cris-card:hover {
    transform: translateY(-5px);
    border-color: var(--cor-dourado);
    background: rgba(201, 169, 97, 0.05);
  }

  .cris-icon {
    font-size: 2rem;
    margin-bottom: 20px;
    color: var(--cor-dourado);
  }

  .cris-card h4 {
    font-family: var(--fonte-titulo);
    color: var(--cor-branco);
    margin-bottom: 15px;
    font-size: 1.3rem;
    font-weight: 500;
  }

  .cris-card p {
    font-size: 1rem;
    opacity: 0.9;
    margin: 0;
  }

  /* SEÇÃO CONSTELAÇÃO */
  .cris-constelacao {
    padding: 100px 20px;
    background: var(--cor-escuro);
    position: relative;
    width: 100%;
  }

  .cris-constelacao-content {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
  }

  .cris-constelacao h2 {
    margin-bottom: 30px;
  }

  .cris-intro {
    font-size: 1.2rem;
    margin-bottom: 40px;
    line-height: 1.8;
  }

  .cris-beneficios {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    text-align: left;
    margin: 40px 0;
  }

  .cris-beneficio {
    padding: 20px;
    background: rgba(255,255,255,0.03);
    border-radius: 8px;
    border-left: 3px solid var(--cor-dourado);
    transition: all 0.3s ease;
    font-size: 1.05rem;
  }

  .cris-beneficio:hover {
    background: rgba(201, 169, 97, 0.08);
    transform: translateX(5px);
  }

  .cris-beneficio span {
    color: var(--cor-dourado);
    margin-right: 10px;
  }

  /* SEÇÃO FRASE CENTRAL */
  .cris-frase-central {
    padding: 150px 20px;
    background: linear-gradient(to bottom, var(--cor-escuro), #1a120d);
    text-align: center;
    position: relative;
    overflow: hidden;
    width: 100%;
  }

  .cris-frase-central::before,
  .cris-frase-central::after {
    content: '✦';
    position: absolute;
    color: var(--cor-dourado);
    font-size: 3rem;
    opacity: 0.2;
  }

  .cris-frase-central::before {
    top: 50px;
    left: 50px;
  }

  .cris-frase-central::after {
    bottom: 50px;
    right: 50px;
  }

  .cris-frase-texto {
    font-family: var(--fonte-titulo);
    font-size: clamp(2rem, 5vw, 3.5rem);
    color: var(--cor-branco);
    font-style: italic;
    line-height: 1.4;
    max-width: 900px;
    margin: 0 auto;
    position: relative;
  }

  .cris-frase-texto::before {
    content: '"';
    display: block;
    font-size: 6rem;
    color: var(--cor-dourado);
    opacity: 0.3;
    line-height: 1;
    margin-bottom: -20px;
    font-family: Georgia, serif;
  }

  /* CTA FINAL */
  .cris-cta-final {
    padding: 120px 20px;
    background: var(--cor-escuro);
    text-align: center;
    position: relative;
    width: 100%;
  }

  .cris-cta-final::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(to right, transparent, var(--cor-dourado), transparent);
    opacity: 0.5;
  }

  .cris-cta-final h2 {
    margin-bottom: 20px;
  }

  .cris-cta-final > .cris-container > p {
    font-size: 1.3rem;
    margin-bottom: 50px;
    opacity: 0.9;
    font-style: italic;
  }

  .cris-cta-final .btn-dourado {
    font-size: 1.1rem;
    padding: 22px 50px;
  }

  /* FOOTER */
  .cris-footer {
    padding: 40px 20px;
    background: #1a120d;
    text-align: center;
    border-top: 1px solid rgba(222, 212, 203, 0.1);
    width: 100%;
  }

  .cris-footer p {
    font-size: 0.9rem;
    opacity: 0.6;
    color: var(--cor-claro);
    margin: 0;
  }

  /* ANIMAÇÕES */
  @keyframes crisFadeInUp {
    from {
      opacity: 0;
      transform: translateY(30px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .cris-fade {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s ease-out;
  }

  .cris-fade.cris-visible {
    opacity: 1;
    transform: translateY(0);
  }

  /* RESPONSIVO */
  @media (max-width: 968px) {
    .cris-grid-2 {
      grid-template-columns: 1fr;
      gap: 50px;
    }

    .cris-sticky {
      position: relative;
      top: 0;
      order: -1;
    }

    .cris-beneficios {
      grid-template-columns: 1fr;
    }

    .cris-img-wrap img {
      height: 400px;
    }
  }

  @media (max-width: 480px) {
    .btn-dourado {
      width: 100%;
      text-align: center;
      padding: 18px 30px;
    }

    .cris-cards {
      grid-template-columns: 1fr;
    }

    .cris-hero-content {
      padding: 20px;
    }

    .cris-frase-central::before,
    .cris-frase-central::after {
      display: none;
    }
  }

  /* SCROLLBAR */
  ::-webkit-scrollbar {
    width: 10px;
  }

  ::-webkit-scrollbar-track {
    background: var(--cor-escuro);
  }

  ::-webkit-scrollbar-thumb {
    background: var(--cor-dourado);
    border-radius: 5px;
  }

  ::-webkit-scrollbar-thumb:hover {
    background: #b8944f;
  }
</style>

<!-- ESTRUTURA HTML -->
<div class="lp-cris">

  <!-- HERO -->
  <section class="cris-hero">
    <div class="cris-hero-bg"></div>
    <div class="cris-hero-overlay"></div>
    <div class="cris-hero-content">
      <img src="https://cristianefaga.com.br/wp-content/uploads/2026/03/c-1.png" alt="Cristiane Fagá Logo" class="cris-logo">
      
      <div class="cris-divider"></div>
      
      <p class="cris-frase">Se você sente que é o momento de cuidar de si</p>
      <p class="cris-subfrase">Talvez esse seja o primeiro passo de uma nova fase da sua vida.</p>
      
      <div class="cris-divider"></div>
    </div>
  </section>

  <!-- ABERTURA -->
  <section class="cris-abertura">
    <div class="cris-container">
      <div class="cris-grid-2">
        <div class="cris-img-wrap cris-fade">
          <img src="https://cristianefaga.com.br/wp-content/uploads/2026/03/175706B6-C56C-419A-BAF8-10C2A47670FD_1_105_c.jpeg" alt="Cristiane Fagá - Terapeuta">
        </div>
        
        <div class="cris-texto cris-fade">
          <h2>Cristiane Fagá</h2>
          <span class="cris-label">Terapeuta | Fortalecimento emocional feminino</span>
          
          <p>Um espaço de acolhimento para mulheres que desejam reconstruir sua identidade, compreender seus padrões emocionais e florescer em liberdade.</p>
          
          <a href="https://wa.me/393311139162?text=Olá, Cris. Encontrei seu site e gostaria de agendar uma sessão de terapia. Você pode me passar as informações, por favor?" class="btn-dourado" target="_blank" rel="noopener noreferrer">Agendar sessão</a>
        </div>
      </div>
    </div>
  </section>

  <!-- PARA QUEM É -->
  <section class="cris-paraquem">
    <div class="cris-container">
      <div class="cris-header cris-fade">
        <h2>Para quem é esse trabalho</h2>
        <p>Talvez você esteja vivendo algo assim…</p>
      </div>
      
      <ul class="cris-lista cris-fade">
        <li>sente que perdeu parte de si em um relacionamento</li>
        <li>carrega emoções ou padrões que parecem se repetir na vida</li>
        <li>sente culpa, peso ou dificuldade em colocar limites</li>
        <li>vive fora do país e sente solidão ou falta de pertencimento</li>
        <li>quer se fortalecer emocionalmente e se reconectar consigo mesma</li>
      </ul>
      
      <p class="cris-destaque cris-fade">Você não precisa passar por isso sozinha.</p>
    </div>
  </section>

  <!-- QUEM SOU EU -->
  <section class="cris-quemsou">
    <div class="cris-container">
      <div class="cris-grid-2">
        <div class="cris-sticky cris-fade">
          <img src="https://cristianefaga.com.br/wp-content/uploads/2026/03/quem-sou-scaled.jpg" alt="Cristiane Fagá - Quem Sou">
        </div>
        
        <div class="cris-fade">
          <p class="cris-quote">Toda mulher carrega uma história. Algumas também carregam pesos que não são só delas.</p>
          
          <p>Sou <strong>Cristiane Fagá</strong>, terapeuta integrativa, psicanalista e consteladora sistêmica familiar, com especializações em Terapia Cognitivo-Comportamental, Abordagem Centrada na Pessoa e Inteligência Emocional.</p>
          
          <p>Criadora do <strong>Método Raízes</strong> e do programa <strong>Despertar</strong>, desenvolvi uma metodologia própria que une ciência, sensibilidade e uma espiritualidade prática, ajudando mulheres a compreenderem suas histórias, transformarem padrões emocionais e reconstruírem sua identidade com mais consciência e equilíbrio.</p>
          
          <p>Minha própria trajetória de vida me levou a compreender profundamente como padrões familiares, experiências emocionais e relações podem influenciar quem nos tornamos. Muitas vezes carregamos dores, responsabilidades ou expectativas que não começaram conosco, mas que impactam nossas escolhas e a forma como nos relacionamos com o mundo.</p>
          
          <p>Hoje, através da terapia e da constelação familiar, dedico meu trabalho a acolher mulheres que desejam olhar para sua história com mais consciência, ressignificar suas experiências e construir uma relação mais saudável consigo mesmas.</p>
          
          <p>Minha experiência internacional e o trabalho com mulheres brasileiras que vivem fora do país também me permitiram compreender os desafios emocionais da mudança, da identidade e do pertencimento.</p>
          
          <p>Acredito que, quando nos permitimos compreender nossas raízes e transformar nossos padrões, abrimos espaço para viver com mais leveza, autenticidade e liberdade.</p>
          
          <p class="cris-assinatura">✨ Porque quebrar padrões é florescer em liberdade.</p>
        </div>
      </div>
    </div>
  </section>

  <!-- COMO FUNCIONA -->
  <section class="cris-comofunciona">
    <div class="cris-container">
      <h2 class="cris-fade">Como funciona o atendimento</h2>
      
      <div class="cris-cards cris-fade">
        <div class="cris-card">
          <div class="cris-icon">◉</div>
          <h4>Sessões individuais online</h4>
          <p>Atendimento virtual seguro e confidencial de qualquer lugar do mundo</p>
        </div>
        
        <div class="cris-card">
          <div class="cris-icon">◷</div>
          <h4>Duração de aproximadamente 60 minutos</h4>
          <p>Tempo dedicado exclusivamente para o seu processo terapêutico</p>
        </div>
        
        <div class="cris-card">
          <div class="cris-icon">◈</div>
          <h4>Espaço seguro, acolhedor e confidencial</h4>
          <p>Um ambiente protegido para sua vulnerabilidade e crescimento</p>
        </div>
        
        <div class="cris-card">
          <div class="cris-icon">◉</div>
          <h4>Acompanhamento focado em autoconhecimento</h4>
          <p>Fortalecimento emocional e transformação de padrões</p>
        </div>
      </div>
      
      <a href="https://wa.me/393311139162?text=Olá, Cris. Encontrei seu site e gostaria de agendar uma sessão de terapia. Você pode me passar as informações, por favor?" class="btn-dourado" target="_blank" rel="noopener noreferrer">Agendar minha sessão</a>
    </div>
  </section>

  <!-- CONSTELAÇÃO FAMILIAR -->
  <section class="cris-constelacao">
    <div class="cris-container">
      <div class="cris-constelacao-content cris-fade">
        <h2>Constelação Familiar</h2>
        
        <p class="cris-intro">Muitas vezes carregamos emoções, conflitos ou padrões que não começaram conosco, mas que fazem parte da história do nosso sistema familiar.</p>
        
        <p>A Constelação Familiar é uma abordagem terapêutica que permite olhar para essas dinâmicas com mais consciência, trazendo compreensão, reconciliação e novas possibilidades para a vida.</p>
        
        <p style="margin: 30px 0; font-style: italic; color: var(--cor-dourado);">Ao compreender essas relações invisíveis dentro da família, muitas pessoas conseguem:</p>
        
        <div class="cris-beneficios">
          <div class="cris-beneficio"><span>→</span> compreender padrões que se repetem na vida</div>
          <div class="cris-beneficio"><span>→</span> melhorar relações familiares e afetivas</div>
          <div class="cris-beneficio"><span>→</span> liberar sentimentos de peso ou culpa</div>
          <div class="cris-beneficio"><span>→</span> fortalecer a própria identidade</div>
          <div class="cris-beneficio" style="grid-column: 1 / -1;"><span>→</span> seguir a vida com mais leveza e clareza</div>
        </div>
        
        <a href="https://wa.me/393311139162?text=Olá, Cris. Gostaria de receber mais informações sobre a Constelação Familiar e como funciona o agendamento." class="btn-dourado" target="_blank" rel="noopener noreferrer">Agende sua constelação</a>
      </div>
    </div>
  </section>

  <!-- FRASE CENTRAL -->
  <section class="cris-frase-central">
    <div class="cris-container">
      <h2 class="cris-frase-texto cris-fade">Quebrar padrões é florescer em liberdade.</h2>
    </div>
  </section>

  <!-- CTA FINAL -->
  <section class="cris-cta-final">
    <div class="cris-container">
      <h2 class="cris-fade">Se você sente que é o momento de cuidar de si</h2>
      <p class="cris-fade">Talvez esse seja o primeiro passo de uma nova fase da sua vida.</p>
      
      <a href="https://wa.me/393311139162?text=Olá, Cris. Gostaria de saber mais sobre o seu trabalho e como funcionam os atendimentos." class="btn-dourado cris-fade" target="_blank" rel="noopener noreferrer">Iniciar minha jornada</a>
    </div>
  </section>

  <!-- FOOTER -->
  <footer class="cris-footer">
    <div class="cris-container">
      <p>© 2026 Cristiane Fagá | Refúgio da Cris. Todos os direitos reservados.</p>
    </div>
  </footer>

</div>

<script>
  // Animação ao scroll
  document.addEventListener('DOMContentLoaded', function() {
    var observer = new IntersectionObserver(function(entries) {
      entries.forEach(function(entry) {
        if (entry.isIntersecting) {
          entry.target.classList.add('cris-visible');
        }
      });
    }, {
      threshold: 0.1,
      rootMargin: '0px 0px -50px 0px'
    });

    document.querySelectorAll('.cris-fade').forEach(function(el) {
      observer.observe(el);
    });
  });
</script>