/* Fonte base e reset */ *{margin:0;padding:0;box-sizing:border-box} :root{--bg:#1a1a1a;--bg-2:#0a0a0a;--txt:#e7e7e8;--gold-1:#5c471f;--gold-2:#e1c67a;--gold-3:#bfa360} /* Scrollbar */ html{scrollbar-width:thin;scrollbar-color:var(--gold-3) var(--bg-2)} ::-webkit-scrollbar{width:12px} ::-webkit-scrollbar-track{background:var(--bg-2)} ::-webkit-scrollbar-thumb{background-color:var(--gold-3);border-radius:20px;border:3px solid var(--bg-2)} ::-webkit-scrollbar-thumb:hover{background-color:var(--gold-2)} html,body{font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;background-color:var(--bg);color:var(--txt);scroll-behavior:smooth} /* Layout util */ .container{width:90%;max-width:1400px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:30px;margin-inline:auto} /* Hero */ .hero{min-height:100vh;background:url('../img/bg.webp') no-repeat center/cover;display:flex;align-items:center;justify-content:center;padding:140px 20px 40px} .content{max-width:550px} .logo {
  max-width: 150px;
  width: 100%;
  height: auto;
  margin-bottom: 40px;
} h1{font-size:2.8rem;font-weight:700;margin-bottom:30px;line-height:1.3} p{font-size:1.1rem;margin-bottom:40px;line-height:1.6} .btn,.btn-sobre{background:linear-gradient(45deg,var(--gold-1),var(--gold-2));color:#111;padding:18px 32px;text-decoration:none;font-weight:700;font-size:1rem;display:inline-block;border-radius:50px;transition:.3s box-shadow,.3s transform,.3s filter;border:0;cursor:pointer} .btn:hover,.btn-sobre:hover{filter:saturate(1.1);transform:translateY(-2px) scale(1.03)} .profile-img{max-width:500px;width:100%;height:auto;background-color:transparent} /* Atuação */ .atuacao-section{background-color:var(--bg-2);padding:60px 20px} .atuacao-section h2{font-size:24px;margin-bottom:40px;display:flex;align-items:center;gap:10px;color:#fff} .linha-cards{display:flex;gap:20px;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap} .atuacao-card{background:rgba(255,255,255,0.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1);padding:20px;border-radius:12px;width:100%;max-width:400px;display:flex;flex-direction:column;gap:10px;transition:transform .3s;color:#fff} .atuacao-card:hover{transform:translateY(-5px)} .atuacao-icon{font-size:30px;color:var(--gold-3)} .atuacao-card h3{font-size:16px;font-weight:600;margin:0} .atuacao-card p{font-size:14px;color:#ccc;margin:0} /* Sobre */ .sobre-section{background-color:var(--bg-2);padding:60px 20px;color:var(--txt)} .sobre-container{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:40px;justify-content:center} .sobre-img-wrapper{flex:1 1 300px;max-width:400px;border-radius:20px;overflow:hidden} .sobre-img{width:100%;height:auto;border-radius:20px} .sobre-conteudo{flex:1 1 400px;max-width:600px} .sobre-conteudo h2{font-size:1.8rem;margin-bottom:10px;border-bottom:2px solid var(--txt);display:inline-block;padding-bottom:4px} .sobre-conteudo p{font-size:1rem;line-height:1.6;margin-bottom:20px} .especialista{color:var(--gold-3);font-weight:600} /* FAQ & Footer */ .faq-section{background-color:var(--bg-2);color:#fff;text-align:center;padding:60px 20px} .faq-section h1{font-size:2.2rem;margin-bottom:2rem} .faq{width:80%;max-width:800px;margin:auto} .faq-item{background-color:#111;margin:10px 0;border-radius:8px;overflow:hidden;border:1px solid #bea660;transition:.3s} .faq-item summary{background-color:#252527;color:#bfa661;padding:12px;border-radius:8px;cursor:pointer;transition:.3s;position:relative;list-style:none} .faq-item summary::-webkit-details-marker{display:none} .faq-item summary::after{content:"+";position:absolute;right:20px;font-size:1.2rem;font-weight:700;transition:transform .3s} .faq-item[open] summary{background:linear-gradient(90deg,#a88b4c,#bfa661,#d9bc7c);color:#111} .faq-item[open] summary::after{content:"-";transform:rotate(180deg)} .faq-item p{padding:1rem;margin:0;background-color:#111;color:#fff;animation:slideDown .3s ease forwards} @keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}100%{opacity:1;transform:translateY(0)}} footer{background:linear-gradient(to top,#0b0b0b,#111);color:#eee;padding:2rem 1rem 1rem;border-top:3px solid #444} .rodape-container{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:flex-start;gap:2rem;max-width:1200px;margin:0 auto;opacity:0;transform:translateY(20px);animation:fadeUp 1s forwards .3s} @keyframes fadeUp{to{opacity:1;transform:translateY(0)}} .rodape .coluna{flex:1 1 280px;min-width:250px} .logo-footer{max-width:150px;height:auto;display:block;margin:0 auto 1rem} .rodape h4{color:#fff;margin-bottom:.8rem;font-size:1.2rem} .rodape p{color:#ccc;font-size:.95rem;line-height:1.5;margin:.5rem 0;transition:color .3s} .rodape p:hover{color:#fff} .rodape a{color:#ccc;text-decoration:none;transition:color .3s} .rodape a:hover{color:#fff;text-decoration:underline} .rodape .mapa iframe{width:100%;border:none;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.2);transition:transform .3s} .rodape .mapa iframe:hover{transform:scale(1.02)} .copyright{text-align:center;margin-top:2rem;font-size:.85rem;color:#aaa;border-top:1px solid #333;padding-top:1rem} /* Navbar */ .navbar{position:fixed;top:0;width:100%;z-index:1000;background:rgba(0,0,0,.3);backdrop-filter:blur(6px)} .nav-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:flex-end} .nav-menu{list-style:none;display:flex;gap:2rem} .nav-menu li a{color:#bfa661;text-decoration:none;font-weight:700;font-size:1rem;transition:color .3s} .nav-menu li a:hover{color:#e1c67a} /* Botão topo */ #back-to-top{position:fixed;bottom:80px;right:20px;background-color:#bfa360;color:#111;border:none;padding:10px 15px;border-radius:50%;cursor:pointer;display:none;font-size:1.2rem;z-index:9999;box-shadow:0 4px 6px rgba(0,0,0,.3)} #back-to-top:hover{background-color:#e1c67a} /* WhatsApp */ .whatsapp-btn{position:fixed;bottom:20px;right:20px;width:60px;height:60px;background-color:#25D366;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 8px rgba(0,0,0,.3);z-index:9999;transition:transform .3s} .whatsapp-btn:hover{transform:scale(1.1)} .whatsapp-btn img{width:30px;height:30px} /* Acessibilidade/responsivo */ @media (max-width:768px){ body{font-size:1.05rem} .atuacao-card{padding:24px} .container{flex-direction:column;text-align:center} .profile-img{margin-top:30px;max-width:300px} .hero{background-image:linear-gradient(to bottom,rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.7) 60%,rgba(0,0,0,0.2) 100%),url('../img/bg.mobile.webp');background-position:center top;align-items:flex-start;padding-top:120px} }