/* ===========================================================
   ENERY CONTABILIDADE E PERÍCIAS — style.css
   Identidade: Bordô #6B1A1A + Dourado #C9A84C + Fundo escuro
   =========================================================== */

/* ---------- Reset & Base ---------- */
* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
  font-family:'Poppins', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  font-weight:400;
  color:#ffffff;
  background:#1a1f2e;
  line-height:1.6;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
img { max-width:100%; display:block; }
a { color:inherit; text-decoration:none; transition:all .3s ease; }
ul { list-style:none; }
button { cursor:pointer; border:none; font-family:inherit; }

:root{
  --wine:#6B1A1A;
  --wine-dark:#4d1212;
  --wine-light:#8b2424;
  --gold:#C9A84C;
  --gold-light:#d9bd6c;
  --gold-dark:#a88c3c;
  --bg-1:#1a1f2e;
  --bg-2:#222836;
  --bg-3:#0f1421;
  --footer:#111827;
  --white:#ffffff;
  --gray:#9ca3af;
  --gray-light:#cbd1dc;
  --silver:#C0C0C0;
  --border:rgba(192,192,192,.12);
}

.container { width:100%; max-width:1280px; margin:0 auto; padding:0 20px; }
.navbar .nav-container { max-width:1320px; padding:0 16px; }

.gold { color:var(--gold); }
.wine { color:var(--gold); } /* destaque dourado em vez de bordô para legibilidade no escuro */

/* ---------- Buttons ---------- */
.btn {
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  padding:13px 26px; border-radius:50px; font-weight:600; font-size:.95rem;
  letter-spacing:.3px; transition:all .3s ease; cursor:pointer; text-align:center;
  border:2px solid transparent; white-space:nowrap;
}
.btn-gold {
  background:var(--gold); color:#1a1f2e;
  box-shadow:0 6px 18px rgba(201,168,76,.35);
}
.btn-gold:hover {
  background:var(--gold-light); transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(201,168,76,.5);
}
.btn-outline {
  background:transparent; color:#fff; border-color:rgba(255,255,255,.6);
}
.btn-outline:hover {
  background:#fff; color:#1a1f2e; border-color:#fff; transform:translateY(-2px);
}
.btn-lg { padding:16px 32px; font-size:1rem; }
.btn-block { display:flex; width:100%; }

/* ---------- Section heads ---------- */
.section-label {
  display:inline-block;
  color:var(--gold); font-weight:700; font-size:.85rem; letter-spacing:3px;
  text-transform:uppercase; margin-bottom:14px;
  position:relative; padding-left:48px;
}
.section-label::before{
  content:""; position:absolute; left:0; top:50%;
  width:36px; height:2px; background:var(--gold); transform:translateY(-50%);
}
.section-title {
  font-family:'Playfair Display','Poppins',serif;
  font-size:clamp(1.8rem, 3.2vw, 2.6rem);
  font-weight:700; line-height:1.2; color:#1a1f2e; margin-bottom:18px;
}
.section-title.light { color:#fff; }
.section-sub {
  color:var(--gray-light); font-size:1.05rem; max-width:720px; margin:0 auto 12px;
}
.section-head { text-align:center; margin-bottom:60px; }

/* ---------- NAVBAR ---------- */
.navbar {
  position:fixed; top:0; left:0; right:0; z-index:1000;
  background:rgba(15,20,33,.92);
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(201,168,76,.15);
  transition:all .3s ease;
}
.navbar.scrolled { background:rgba(10,14,24,.97); box-shadow:0 4px 20px rgba(0,0,0,.4); }
.nav-container {
  display:flex; align-items:center; justify-content:space-between;
  height:78px;
}
.nav-logo { display:flex; align-items:center; gap:10px; margin-right:auto; margin-left:-4px; }
.nav-logo img { width:46px; height:46px; object-fit:contain; }
.nav-logo-text { display:flex; flex-direction:column; line-height:1.1; }
.brand-name { font-weight:800; font-size:1.05rem; color:#fff; letter-spacing:1.5px; }
.brand-tag { font-size:.62rem; color:var(--gold); letter-spacing:1.2px; text-transform:uppercase; white-space:nowrap; }

.nav-menu { display:flex; align-items:center; gap:26px; }
.nav-link {
  color:#e5e7eb; font-weight:500; font-size:.95rem; position:relative;
  padding:6px 0;
}
.nav-link::after{
  content:""; position:absolute; left:0; bottom:0; height:2px; width:0;
  background:var(--gold); transition:width .3s ease;
}
.nav-link:hover { color:var(--gold); }
.nav-link:hover::after { width:100%; }

.nav-cta { padding:10px 22px; font-size:.9rem; }
.nav-cta:hover { color:#1a1f2e; }

.nav-toggle {
  display:none; background:transparent; flex-direction:column; gap:5px;
  width:36px; height:36px; align-items:center; justify-content:center;
}
.nav-toggle span {
  width:26px; height:2px; background:#fff; transition:all .3s ease;
}
.nav-toggle.active span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.nav-toggle.active span:nth-child(2){ opacity:0; }
.nav-toggle.active span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

/* ---------- HERO ---------- */
.hero {
  position:relative; min-height:100vh; display:flex; align-items:center;
  overflow:hidden; padding:120px 0 80px;
}
.hero-bg{
  position:absolute; inset:0;
  background:url('../img/hero-bg.jpg') center/cover no-repeat;
  filter:brightness(.75);
}
.hero-overlay{
  position:absolute; inset:0;
  background:
    linear-gradient(180deg, rgba(15,20,33,.25) 0%, rgba(107,26,26,.45) 50%, rgba(15,20,33,.55) 100%);
}
.hero-content{
  position:relative; z-index:2; text-align:center; max-width:920px;
}
.hero-badge{
  display:inline-flex; align-items:center; gap:8px;
  background:rgba(201,168,76,.15); border:1px solid rgba(201,168,76,.5);
  color:var(--gold); padding:8px 18px; border-radius:50px;
  font-size:.85rem; font-weight:600; margin-bottom:24px;
}
.hero-title{
  font-family:'Playfair Display','Poppins',serif;
  font-size:clamp(2rem, 5vw, 3.6rem); font-weight:700;
  line-height:1.18; margin-bottom:20px; color:#fff;
}
.hero-subtitle{
  color:var(--gray-light); font-size:clamp(1rem, 1.4vw, 1.15rem);
  max-width:780px; margin:0 auto 36px;
}
.hero-buttons{
  display:flex; gap:16px; justify-content:center; flex-wrap:wrap; margin-bottom:42px;
}
.hero-seals{
  display:flex; gap:14px; justify-content:center; flex-wrap:wrap;
}
.seal{
  background:rgba(255,255,255,.06); border:1px solid rgba(201,168,76,.3);
  color:#fff; padding:10px 18px; border-radius:30px;
  font-size:.85rem; font-weight:500;
  display:inline-flex; align-items:center; gap:8px;
}
.seal i { color:var(--gold); }

/* ---------- NÚMEROS ---------- */
.numbers { background:var(--bg-1); padding:70px 0; border-top:1px solid var(--border); border-bottom:1px solid var(--border); }
.numbers-grid {
  display:grid; grid-template-columns:repeat(4, 1fr); gap:22px;
}
.number-card {
  background:linear-gradient(180deg, rgba(34,40,54,.9), rgba(26,31,46,.9));
  border:1px solid rgba(201,168,76,.25);
  padding:32px 22px; text-align:center; border-radius:14px;
  transition:all .35s ease;
}
.number-card:hover {
  transform:translateY(-6px);
  border-color:var(--gold);
  box-shadow:0 12px 30px rgba(0,0,0,.4);
}
.number-card i {
  font-size:2.2rem; color:var(--gold); margin-bottom:14px;
}
.number-value {
  font-family:'Playfair Display',serif; font-weight:700;
  font-size:2.6rem; color:#fff; line-height:1;
}
.number-label {
  color:var(--gray); font-size:.9rem; margin-top:8px;
}

/* ---------- SOBRE ---------- */
.sobre { background:#f7f7f5; color:#1a1f2e; padding:100px 0; }
.sobre .section-title { color:#1a1f2e; }
.sobre-grid {
  display:grid; grid-template-columns:1fr 1.2fr; gap:60px; align-items:center;
}
.sobre-image { position:relative; }
.sobre-image img { border-radius:14px; box-shadow:0 20px 50px rgba(0,0,0,.25); }
.sobre-image-badge{
  position:absolute; bottom:-22px; right:-22px;
  background:var(--wine); color:#fff;
  padding:18px 26px; border-radius:14px;
  border:3px solid var(--gold);
  display:flex; flex-direction:column; align-items:center;
  box-shadow:0 12px 30px rgba(107,26,26,.4);
}
.sobre-image-badge .big{
  font-family:'Playfair Display',serif; font-size:2.4rem; font-weight:700; color:var(--gold);
  line-height:1;
}
.sobre-image-badge .small{ font-size:.75rem; letter-spacing:1px; text-transform:uppercase; margin-top:4px; }

.sobre-text .section-label { color:var(--wine); }
.sobre-text .section-label::before { background:var(--wine); }
.sobre-text p { color:#4b5563; font-size:1rem; margin-bottom:14px; }

.mvv {
  display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin:30px 0;
}
.mvv-item {
  background:#fff; padding:20px; border-radius:12px;
  border-top:3px solid var(--gold);
  box-shadow:0 4px 12px rgba(0,0,0,.05);
}
.mvv-item i { color:var(--wine); font-size:1.4rem; margin-bottom:10px; }
.mvv-item h4 { font-size:1.05rem; margin-bottom:6px; color:#1a1f2e; }
.mvv-item p { font-size:.85rem; color:#4b5563; margin:0; }

.check-list { margin:20px 0 28px; }
.check-list li {
  display:flex; align-items:flex-start; gap:10px;
  margin-bottom:10px; color:#1a1f2e; font-weight:500;
}
.check-list i {
  color:var(--gold); background:var(--wine); width:22px; height:22px;
  border-radius:50%; display:flex; align-items:center; justify-content:center;
  font-size:.7rem; flex-shrink:0; margin-top:3px;
}

/* ---------- SERVIÇOS ---------- */
.servicos { background:var(--bg-1); padding:100px 0; }
.servicos-grid {
  display:grid; grid-template-columns:repeat(3,1fr); gap:24px;
}
.srv-card {
  border-radius:14px; overflow:hidden; position:relative; min-height:320px;
  transition:all .4s ease;
}
.srv-photo {
  background-size:cover; background-position:center;
  display:flex; align-items:flex-end;
}
.srv-photo .srv-photo-overlay{
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(15,20,33,.2) 0%, rgba(107,26,26,.85) 75%, rgba(15,20,33,.95) 100%);
  transition:all .4s ease;
}
.srv-photo-content {
  position:relative; z-index:2; padding:28px 24px; color:#fff;
}
.srv-photo-content i {
  font-size:1.8rem; color:var(--gold); margin-bottom:10px;
}
.srv-photo-content h3 { font-size:1.25rem; margin-bottom:8px; font-weight:700; }
.srv-photo-content p { font-size:.92rem; color:var(--gray-light); }
.srv-photo:hover { transform:translateY(-6px); }
.srv-photo:hover .srv-photo-overlay { background:linear-gradient(180deg, rgba(107,26,26,.4) 0%, rgba(107,26,26,.95) 100%); }

.srv-featured {
  background:linear-gradient(160deg, var(--bg-2) 0%, #2c1818 100%);
  border:1px solid rgba(201,168,76,.4);
  padding:32px 28px; display:flex; flex-direction:column; gap:14px;
  position:relative;
}
.featured-badge {
  position:absolute; top:18px; right:18px;
  background:var(--gold); color:#1a1f2e;
  padding:5px 12px; border-radius:20px;
  font-size:.7rem; font-weight:700; letter-spacing:1.2px;
}
.srv-featured > i {
  font-size:2.4rem; color:var(--gold); margin-bottom:6px;
}
.srv-featured h3 { font-size:1.4rem; font-weight:700; }
.srv-featured > p { color:var(--gray-light); font-size:.95rem; }
.srv-featured ul { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:6px 0 14px; }
.srv-featured ul li {
  display:flex; align-items:center; gap:8px;
  font-size:.85rem; color:#fff;
}
.srv-featured ul li i { color:var(--gold); width:14px; }
.srv-featured .btn { align-self:flex-start; margin-top:auto; }

/* ---------- VANTAGENS ---------- */
.vantagens { position:relative; padding:100px 0; overflow:hidden; }
.vantagens-bg{
  position:absolute; inset:0;
  background:url('../img/vantagens-bg.jpg') center/cover no-repeat;
}
.vantagens-overlay{
  position:absolute; inset:0;
  background:linear-gradient(135deg, rgba(15,20,33,.65) 0%, rgba(107,26,26,.55) 100%);
}
.vantagens .container { position:relative; z-index:2; }
.vantagens-grid {
  display:grid; grid-template-columns:repeat(4,1fr); gap:22px;
}
.vant-card {
  background:rgba(255,255,255,.06); border:1px solid rgba(201,168,76,.25);
  backdrop-filter:blur(8px);
  padding:32px 24px; border-radius:14px; text-align:center;
  transition:all .35s ease;
}
.vant-card:hover {
  background:rgba(201,168,76,.1); border-color:var(--gold);
  transform:translateY(-6px);
}
.vant-card i {
  font-size:2.2rem; color:var(--gold); margin-bottom:16px;
  display:inline-flex; width:70px; height:70px; align-items:center; justify-content:center;
  background:rgba(201,168,76,.15); border-radius:50%;
}
.vant-card h3 { color:#fff; font-size:1.05rem; margin-bottom:10px; font-weight:600; }
.vant-card p { color:var(--gray-light); font-size:.9rem; }

/* ---------- DIFERENCIAIS ---------- */
.diferenciais { position:relative; padding:100px 0; overflow:hidden; }
.diferenciais-bg{
  position:absolute; inset:0;
  background:url('../img/diferenciais-bg.jpg') center/cover no-repeat;
}
.diferenciais-overlay{
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(15,20,33,.65) 0%, rgba(34,40,54,.60) 100%);
}
.diferenciais .container { position:relative; z-index:2; }
.dif-list { display:flex; flex-direction:column; gap:20px; max-width:920px; margin:0 auto; }
.dif-card {
  display:flex; gap:24px; align-items:flex-start;
  background:rgba(34,40,54,.7); border:1px solid rgba(201,168,76,.2);
  padding:28px; border-radius:14px;
  transition:all .35s ease;
}
.dif-card:hover { border-color:var(--gold); transform:translateX(6px); }
.dif-icon {
  flex-shrink:0; width:64px; height:64px;
  background:linear-gradient(135deg, var(--wine), var(--wine-dark));
  border:2px solid var(--gold);
  border-radius:14px;
  display:flex; align-items:center; justify-content:center;
  color:var(--gold); font-size:1.6rem;
}
.dif-text h3 { color:#fff; font-size:1.2rem; margin-bottom:8px; font-weight:600; }
.dif-text p { color:var(--gray-light); font-size:.95rem; }
.dif-cta { text-align:center; margin-top:50px; }

/* ---------- DEPOIMENTOS ---------- */
.depoimentos { background:var(--bg-1); padding:100px 0; }
.carousel {
  position:relative; max-width:840px; margin:0 auto; overflow:hidden;
}
.carousel-track {
  display:flex; transition:transform .6s cubic-bezier(.4,0,.2,1);
}
.testimonial {
  flex:0 0 100%; padding:40px 30px;
  background:linear-gradient(180deg, var(--bg-2), rgba(34,40,54,.4));
  border:1px solid rgba(201,168,76,.25);
  border-radius:18px; text-align:center;
  position:relative; margin:0 8px;
}
.quote-mark {
  position:absolute; top:20px; left:30px;
  font-family:'Playfair Display',serif; font-size:6rem;
  color:rgba(201,168,76,.25); line-height:1;
}
.testimonial .stars {
  color:var(--gold); margin-bottom:18px; font-size:1.1rem;
  display:flex; gap:4px; justify-content:center;
}
.testimonial p {
  font-style:italic; color:#fff; font-size:1.1rem;
  max-width:680px; margin:0 auto 24px; line-height:1.7;
}
.author { display:flex; flex-direction:column; gap:4px; }
.author .name { font-weight:600; color:#fff; }
.author .role { color:var(--gold); font-size:.85rem; }

.carousel-btn {
  position:absolute; top:50%; transform:translateY(-50%);
  width:46px; height:46px; border-radius:50%;
  background:rgba(201,168,76,.15); color:var(--gold);
  border:1px solid rgba(201,168,76,.5);
  display:flex; align-items:center; justify-content:center;
  z-index:5; transition:all .3s ease;
}
.carousel-btn:hover { background:var(--gold); color:#1a1f2e; }
.carousel-btn.prev { left:-10px; }
.carousel-btn.next { right:-10px; }

.carousel-dots {
  display:flex; gap:10px; justify-content:center; margin-top:28px;
}
.carousel-dots .dot {
  width:10px; height:10px; border-radius:50%;
  background:rgba(201,168,76,.3); cursor:pointer; transition:all .3s ease;
}
.carousel-dots .dot.active { background:var(--gold); width:30px; border-radius:6px; }

/* ---------- CONTATO ---------- */
.contato { position:relative; padding:100px 0; overflow:hidden; }
.contato-bg{
  position:absolute; inset:0;
  background:url('../img/contato-bg.jpg') center/cover no-repeat;
}
.contato-overlay{
  position:absolute; inset:0;
  background:linear-gradient(135deg, rgba(15,20,33,.65) 0%, rgba(107,26,26,.55) 100%);
}
.contato .container { position:relative; z-index:2; }
.contato-grid {
  display:grid; grid-template-columns:1.3fr 1fr; gap:30px;
}

.contato-form, .contato-info {
  background:rgba(15,20,33,.85); border:1px solid rgba(201,168,76,.25);
  padding:32px; border-radius:18px; backdrop-filter:blur(8px);
}
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.form-group { margin-bottom:16px; }
.form-group label {
  display:block; color:var(--gold); font-size:.85rem; font-weight:600;
  margin-bottom:6px; letter-spacing:.5px;
}
.form-group input, .form-group select, .form-group textarea {
  width:100%; padding:13px 16px;
  background:rgba(255,255,255,.05); border:1px solid rgba(201,168,76,.25);
  border-radius:10px; color:#fff; font-family:inherit; font-size:.95rem;
  transition:all .3s ease;
}
.form-group input:focus, .form-group select:focus, .form-group textarea:focus {
  outline:none; border-color:var(--gold); background:rgba(255,255,255,.08);
}
.form-group select option { background:#1a1f2e; color:#fff; }
.form-group textarea { resize:vertical; min-height:120px; }

.form-feedback { margin-top:14px; font-size:.9rem; min-height:20px; }
.form-feedback.success { color:#10b981; }
.form-feedback.error { color:#ef4444; }

.contato-info h3 { color:#fff; font-size:1.3rem; margin-bottom:20px; font-weight:600; }
.contato-info ul { margin-bottom:24px; }
.contato-info ul li {
  display:flex; gap:14px; align-items:flex-start; margin-bottom:18px;
}
.contato-info ul li i {
  width:42px; height:42px; flex-shrink:0;
  background:rgba(201,168,76,.15); border:1px solid rgba(201,168,76,.4);
  border-radius:10px; color:var(--gold); font-size:1.1rem;
  display:flex; align-items:center; justify-content:center;
}
.contato-info ul li strong {
  display:block; color:#fff; font-size:.95rem; margin-bottom:2px;
}
.contato-info ul li span, .contato-info ul li a {
  color:var(--gray-light); font-size:.9rem;
}
.contato-info ul li a:hover { color:var(--gold); }

.map { margin-top:20px; border-radius:12px; overflow:hidden; border:1px solid rgba(201,168,76,.25); }

/* ---------- FOOTER ---------- */
.footer { background:var(--footer); padding:70px 0 0; color:var(--gray-light); }
.footer-grid {
  display:grid; grid-template-columns:1.5fr 1fr 1fr 1.3fr; gap:40px; padding-bottom:50px;
}
.footer-col h4 {
  color:#fff; font-size:1rem; margin-bottom:18px; position:relative; padding-bottom:10px;
  font-weight:600; letter-spacing:.5px;
}
.footer-col h4::after {
  content:""; position:absolute; bottom:0; left:0; width:34px; height:2px; background:var(--gold);
}
.footer-col ul li {
  margin-bottom:10px; font-size:.9rem;
}
.footer-col ul li a:hover { color:var(--gold); }
.footer-contact li { display:flex; gap:10px; align-items:flex-start; }
.footer-contact i { color:var(--gold); margin-top:4px; flex-shrink:0; }

.footer-logo { display:flex; align-items:center; gap:12px; margin-bottom:16px; }
.footer-logo img { width:54px; height:54px; }
.footer-logo .brand-name { color:#fff; }
.footer-col p { font-size:.9rem; color:var(--gray); margin-bottom:18px; }
.footer-social { display:flex; gap:10px; }
.footer-social a {
  width:38px; height:38px; border-radius:50%;
  background:rgba(201,168,76,.12); border:1px solid rgba(201,168,76,.3);
  color:var(--gold); display:flex; align-items:center; justify-content:center;
  transition:all .3s ease;
}
.footer-social a:hover { background:var(--gold); color:#111827; transform:translateY(-3px); }

.footer-bottom {
  border-top:1px solid rgba(255,255,255,.08); padding:20px 0; font-size:.82rem;
}
.footer-bottom .container {
  display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px;
}
.footer-bottom .dev { color:var(--gold); }

/* ---------- WhatsApp Float ---------- */
.whatsapp-float {
  position:fixed; bottom:24px; right:24px; z-index:999;
  width:62px; height:62px; border-radius:50%;
  background:#25D366; color:#fff;
  display:flex; align-items:center; justify-content:center;
  font-size:2rem; box-shadow:0 8px 24px rgba(37,211,102,.5);
  animation:pulse 2s infinite;
}
.whatsapp-float:hover { transform:scale(1.1); color:#fff; }
@keyframes pulse {
  0%,100% { box-shadow:0 8px 24px rgba(37,211,102,.5); }
  50% { box-shadow:0 8px 30px rgba(37,211,102,.8), 0 0 0 12px rgba(37,211,102,.15); }
}

/* ---------- Back to Top ---------- */
.back-to-top {
  position:fixed; bottom:100px; right:30px; z-index:998;
  width:46px; height:46px; border-radius:50%;
  background:var(--wine); color:var(--gold);
  border:1px solid var(--gold);
  display:flex; align-items:center; justify-content:center;
  opacity:0; visibility:hidden; transition:all .3s ease;
}
.back-to-top.show { opacity:1; visibility:visible; }
.back-to-top:hover { background:var(--gold); color:var(--wine); transform:translateY(-4px); }

/* ---------- Animations ---------- */
.fade-in {
  opacity:0; transform:translateY(30px);
  transition:opacity .8s ease, transform .8s ease;
}
.fade-in.visible { opacity:1; transform:translateY(0); }

/* ===========================================================
   RESPONSIVO
   =========================================================== */
@media (max-width: 1024px){
  .servicos-grid { grid-template-columns:repeat(2,1fr); }
  .vantagens-grid { grid-template-columns:repeat(2,1fr); }
  .numbers-grid { grid-template-columns:repeat(2,1fr); }
  .footer-grid { grid-template-columns:1fr 1fr; }
  .sobre-grid { grid-template-columns:1fr; gap:50px; }
  .sobre-image-badge { right:20px; }
  .contato-grid { grid-template-columns:1fr; }
}

@media (max-width: 768px){
  .nav-toggle { display:flex; }
  .nav-menu {
    position:fixed; top:78px; right:-100%; width:85%; max-width:340px; height:calc(100vh - 78px);
    background:#0f1421; flex-direction:column; align-items:flex-start;
    padding:30px 24px; gap:18px; border-left:1px solid rgba(201,168,76,.2);
    transition:right .35s ease; overflow-y:auto;
  }
  .nav-menu.active { right:0; }
  .nav-link { width:100%; padding:12px 0; border-bottom:1px solid rgba(255,255,255,.05); }
  .nav-cta { width:100%; justify-content:center; margin-top:8px; }

  .hero { min-height:85vh; padding:100px 16px 50px; }
  .hero-overlay { background: linear-gradient(180deg, rgba(15,20,33,.15) 0%, rgba(107,26,26,.25) 50%, rgba(15,20,33,.35) 100%) !important; }
  .hero-buttons .btn { width:100%; max-width:320px; }
  .servicos-grid { grid-template-columns:1fr; }
  .srv-featured ul { grid-template-columns:1fr; }
  .vantagens-grid { grid-template-columns:1fr; }
  .vantagens-overlay { background: linear-gradient(135deg, rgba(15,20,33,.35) 0%, rgba(107,26,26,.25) 100%) !important; }
  .diferenciais-overlay { background: linear-gradient(180deg, rgba(15,20,33,.35) 0%, rgba(34,40,54,.30) 100%) !important; }
  .contato-overlay { background: linear-gradient(135deg, rgba(15,20,33,.35) 0%, rgba(107,26,26,.25) 100%) !important; }
  .mvv { grid-template-columns:1fr; }
  .form-row { grid-template-columns:1fr; }
  .footer-grid { grid-template-columns:1fr; gap:32px; }
  .dif-card { flex-direction:column; gap:14px; padding:22px; }
  .carousel-btn.prev { left:0; }
  .carousel-btn.next { right:0; }
  .testimonial { padding:30px 22px; }
  .testimonial p { font-size:1rem; }
  .footer-bottom .container { flex-direction:column; text-align:center; }
  .sobre-grid { padding:20px; }
  .check-list li { font-size:.95rem; }
}

@media (max-width: 480px){
  .numbers-grid { grid-template-columns:1fr; }
  .nav-logo img { width:42px; height:42px; }
  .brand-name { font-size:1rem; }
  .brand-tag { font-size:.62rem; }
  .hero-title { font-size:1.9rem; }
  .section-title { font-size:1.6rem; }
  .whatsapp-float { width:54px; height:54px; font-size:1.7rem; }
  .back-to-top { right:18px; bottom:90px; }
  
  /* Melhorar visibilidade de imagens no mobile */
  .hero-overlay { background: linear-gradient(180deg, rgba(15,20,33,.1) 0%, rgba(107,26,26,.15) 50%, rgba(15,20,33,.25) 100%) !important; }
  .vantagens-overlay { background: linear-gradient(135deg, rgba(15,20,33,.25) 0%, rgba(107,26,26,.15) 100%) !important; }
  .diferenciais-overlay { background: linear-gradient(180deg, rgba(15,20,33,.25) 0%, rgba(34,40,54,.15) 100%) !important; }
  .contato-overlay { background: linear-gradient(135deg, rgba(15,20,33,.25) 0%, rgba(107,26,26,.15) 100%) !important; }
  
  .hero { padding:90px 12px 40px; }
  .container { padding:0 16px; }
  .hero-content { max-width:100%; }
  .hero-title { line-height:1.3; }
  .hero-subtitle { font-size:.95rem; }
  .vant-card, .dif-card, .testimonial { padding:20px 16px; }
  .mvv { gap:20px; }
}


/* ===========================================================
   AJUSTES FINAIS — Versão aprovada (Abril/2026)
   =========================================================== */

/* Link "Área do Cliente" no menu */
.nav-link-client {
  display:inline-flex; align-items:center; gap:6px;
  color: var(--gold) !important;
  border:1px solid rgba(201,168,76,.45);
  padding:7px 14px; border-radius:30px;
  font-size:.85rem; font-weight:600;
  white-space:nowrap;
  transition:all .3s ease;
}
.nav-link-client:hover {
  background:rgba(201,168,76,.12);
  border-color:var(--gold);
  transform:translateY(-1px);
}
.nav-link-client i { font-size:.85rem; }

/* Botão "Quero falar com um especialista" dentro dos cards de serviços */
.srv-btn {
  display:inline-flex; align-items:center; gap:8px;
  margin-top:14px;
  background:var(--gold); color:#1a1f2e;
  padding:10px 18px; border-radius:40px;
  font-size:.82rem; font-weight:700;
  letter-spacing:.3px;
  box-shadow:0 6px 14px rgba(201,168,76,.35);
  transition:all .3s ease;
  align-self:flex-start;
}
.srv-btn:hover {
  background:var(--gold-light); transform:translateY(-2px);
  box-shadow:0 10px 22px rgba(201,168,76,.5);
}
.srv-btn i { font-size:.95rem; }

/* Garantir que o card de foto comporte o botão */
.srv-photo-content { display:flex; flex-direction:column; align-items:flex-start; }
.srv-photo-content p { margin-bottom:4px; }

/* Subtítulo dentro do card destacado de Perícias */
.srv-sub {
  color: var(--gold);
  font-size:.92rem;
  font-weight:600;
  letter-spacing:.5px;
  text-transform:uppercase;
  margin: 6px 0 4px;
}
.srv-featured ul li { align-items:flex-start; line-height:1.45; }
.srv-featured ul li i { margin-top:5px; }

/* Tornar o card destaque ocupar duas colunas e ficar em evidência */
.srv-featured {
  grid-column: span 2;
  background: linear-gradient(160deg, var(--bg-2) 0%, #2c1818 60%, var(--wine-dark) 100%);
}

/* Imagem da seção Sobre — deixar com altura igualada e estilo melhor */
.sobre-image img {
  width:100%; height:100%; min-height:420px;
  object-fit:cover; object-position:center;
}

/* Mobile: menu — Área do Cliente em destaque também */
@media (max-width: 900px) {
  .srv-featured { grid-column: span 1; }
  .nav-link-client {
    margin: 8px 0;
    width: fit-content;
  }
}