:root{
    --sage:#7C9A8B;
    --sage-light:#EAF3DE;
    --teal:#3F6570;
    --teal-dark:#2E4A4F;
    --beige:#F4F1EB;
    --terracotta:#C97D60;
    --terracotta-light:#FAECE7;
    --charcoal:#3D3D3D;
    --text-body:#5B5B57;
    --white:#FFFFFF;
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    font-family:'Inter',sans-serif;
    color:var(--charcoal);
    line-height:1.6;
    background:var(--white);
  }
  h1,h2,h3{font-family:'Lora',serif;font-weight:500;color:var(--charcoal);}
  a{text-decoration:none;color:inherit;}
  img{max-width:100%;display:block;}
  .container{max-width:1120px;margin:0 auto;padding:0 40px;}
  .section{padding:72px 0;}
  .section-beige{background:var(--beige);}
  .section-teal{background:var(--teal);}
  .section-sage{background:var(--sage);}

  /* NAV */
  .nav{
    display:flex;align-items:center;justify-content:space-between;
    padding:16px 40px;border-bottom:1px solid rgba(0,0,0,0.06);
    position:sticky;top:0;background:var(--white);z-index:100;
  }
  .nav-brand{display:flex;align-items:center;gap:10px;}
  .nav-brand img{height:40px;width:auto;}
  .nav-brand span{font-family:'Marck Script',cursive;font-size:28px;color:var(--teal);}
  .nav-links{display:flex;align-items:center;gap:32px;font-size:14px;color:var(--text-body);}
  .nav-links a:hover{color:var(--teal);}
  .nav-toggle{display:none;background:none;border:none;font-size:24px;color:var(--charcoal);cursor:pointer;}

  /* HERO */
  .hero{
    position:relative;min-height:520px;display:flex;align-items:center;overflow:hidden;
    background:linear-gradient(115deg, var(--teal-dark) 0%, var(--teal) 38%, var(--sage) 68%, #A9BEA4 100%);
  }
  .hero-photo{
    position:absolute;right:0;top:0;bottom:0;width:46%;
    background-image:url('imagens/hero.jpg');
    background-size:cover;background-position:center 20%;
    -webkit-mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.35) 18%, #000 42%);
    mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.35) 18%, #000 42%);
  }
  .hero-content{position:relative;z-index:1;padding:64px 48px;width:62%;}
  .hero-content h1{font-size:42px;line-height:1.28;color:var(--white);margin-bottom:22px;}
  .hero-content p{font-size:16px;color:#EDEAE2;line-height:1.75;margin-bottom:32px;max-width:520px;}
  .btn{
    display:inline-flex;align-items:center;gap:8px;
    font-size:14px;font-weight:500;padding:14px 26px;border-radius:30px;
    border:none;cursor:pointer;transition:opacity .2s ease;
  }
  .btn:hover{opacity:0.88;}
  .btn-terracotta{background:var(--terracotta);color:var(--white);}
  .btn-outline{background:transparent;color:var(--white);border:1px solid rgba(255,255,255,0.5);}

  /* SECTION 2 - VOCE NAO ESTA SOZINHO */
  .s2-text{max-width:620px;margin:0 auto;text-align:center;}
  .s2-text h2{font-size:28px;margin-bottom:22px;}
  .s2-text p{font-size:15px;color:var(--text-body);line-height:1.8;margin-bottom:16px;}
  .s2-list{display:flex;flex-direction:column;align-items:center;gap:12px;margin:30px 0;}
  .s2-item{
    background:var(--beige);border-radius:10px;padding:16px 22px;
    width:100%;max-width:480px;display:flex;align-items:center;gap:14px;
  }
  .s2-item i{font-size:19px;color:var(--terracotta);flex-shrink:0;}
  .s2-item span{font-size:14px;color:var(--charcoal);line-height:1.5;text-align:left;}
  .s2-closing{max-width:600px;margin:0 auto;text-align:center;}
  .s2-closing p:first-child{font-weight:500;margin-bottom:8px;}
  .s2-closing p{font-size:15px;color:var(--text-body);line-height:1.8;}

  /* SECTION 3 - COMO POSSO AJUDAR */
  .s3-header{text-align:center;}
  .s3-header h2{color:var(--white);font-size:28px;margin-bottom:12px;}
  .s3-header p{color:#B9D2D6;font-size:15px;line-height:1.7;max-width:560px;margin:0 auto 36px;}
  .s3-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
  .s3-card{background:var(--white);border-radius:12px;padding:26px;text-align:center;}
  .s3-card i{font-size:26px;color:var(--sage);}
  .s3-card h3{font-size:16px;font-weight:500;margin:14px 0 8px;}
  .s3-card p{font-size:13.5px;color:var(--text-body);line-height:1.65;}

  /* SECTION 4 - SOBRE MIM */
  .s4-top{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:stretch;margin-bottom:24px;}
  .s4-photo{
    background:var(--sage);border-radius:12px;min-height:320px;
    background-size:cover;background-position:center;
    display:flex;align-items:center;justify-content:center;color:var(--sage-light);
  }
  .s4-intro{display:flex;flex-direction:column;justify-content:center;}
  .s4-intro h2{font-size:26px;margin-bottom:18px;}
  .s4-intro p, .s4-rest p{font-size:15px;color:var(--text-body);line-height:1.8;margin-bottom:14px;}
  .s4-rest p:last-child{margin-bottom:0;}

  /* SECTION 5 - DEPOIMENTOS */
  .s5-header{text-align:center;font-size:28px;margin-bottom:36px;color:var(--white);}
  .section-terracotta{background:var(--terracotta);}
  .container-wide{max-width:1360px;margin:0 auto;padding:0 40px;}
  .s5-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:0 auto;}
  .s5-card{background:var(--white);border-radius:16px;padding:12px;border:1px solid rgba(0,0,0,0.07);}
  .s5-photo{
    background:#E8E4D9;border-radius:12px;aspect-ratio:4/3;
    background-size:cover;background-position:center;
    display:flex;align-items:center;justify-content:center;color:#B4AF9E;
  }

  /* SECTION 6 - BLOG */
  .s6-header{position:relative;text-align:center;margin-bottom:32px;}
  .s6-header h2{font-size:28px;margin-bottom:6px;}
  .s6-header p{font-size:13.5px;color:#8A8A85;}
  .s6-nav{position:absolute;top:4px;right:0;display:flex;gap:8px;flex-shrink:0;}
  .s6-nav-btn{
    width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;
    cursor:pointer;transition:background .2s ease;
  }
  .s6-nav-btn.prev{border:1px solid rgba(0,0,0,0.12);color:#8A8A85;}
  .s6-nav-btn.next{background:var(--charcoal);color:var(--white);}
  .s6-track-wrap{overflow:hidden;}
  .s6-track{display:flex;gap:24px;transition:transform .4s ease;}
  .s6-slide{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;min-width:100%;}
  .s6-post-img{
    border-radius:12px;aspect-ratio:4/3;overflow:hidden;
    display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.7);margin-bottom:14px;
  }
  .s6-post-img img{width:100%;height:100%;object-fit:contain;}
  .s6-post p{font-size:14px;color:var(--charcoal);line-height:1.5;}
  .s6-dots{display:flex;justify-content:center;gap:8px;margin-top:28px;}
  .s6-dot{width:22px;height:5px;border-radius:3px;background:#D9D5C9;cursor:pointer;transition:background .2s ease;}
  .s6-dot.active{background:var(--charcoal);}

  /* SECTION 7 - CTA FINAL */
  .s7{text-align:center;}
  .s7 h2{color:var(--white);font-size:28px;margin-bottom:14px;}
  .s7 p{color:var(--sage-light);font-size:15px;line-height:1.75;max-width:480px;margin:0 auto 26px;}

  /* FOOTER */
  footer{
    background:var(--beige);padding:32px 40px;display:flex;flex-direction:column;
    align-items:center;gap:14px;font-size:13px;color:#8A8A85;text-align:center;
  }
  .footer-social{display:flex;justify-content:center;gap:20px;font-size:24px;}
  .footer-social a:hover{color:var(--teal);}

  /* WHATSAPP FLOAT */
  .wa-float{
    position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;
    background:#3B6D11;display:flex;align-items:center;justify-content:center;
    color:var(--white);font-size:28px;box-shadow:0 4px 14px rgba(0,0,0,0.2);z-index:200;
  }

  /* RESPONSIVE */
  @media (max-width:860px){
    .nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--white);
      flex-direction:column;padding:20px 40px;gap:18px;border-bottom:1px solid rgba(0,0,0,0.06);}
    .nav-links.open{display:flex;}
    .nav-toggle{display:block;}
    .hero{min-height:auto;}
    .hero-photo{position:static;width:100%;height:220px;-webkit-mask-image:none;mask-image:none;}
    .hero-content{width:100%;padding:40px 24px;}
    .hero-content h1{font-size:28px;}
    .container{padding:0 24px;}
    .container-wide{padding:0 24px;}
    .section{padding:52px 0;}
    .s3-grid, .s4-top, .s5-grid, .s6-slide{grid-template-columns:1fr;}
    .s5-grid{max-width:320px;}
    .s6-header{text-align:center;}
    .s6-nav{position:static;justify-content:center;margin-top:16px;}
  }
