/* demo-site-contabilidade.css — clone estrutural do mockup "Apex Accounting Solutions" */
:root{
  --navy:#16305c;
  --navy-deep:#0e2144;
  --gold:#c99a3f;
  --gold-light:#e4c079;
  --ink:#1c2733;
  --muted:#5b6b7d;
  --bg-alt:#eef1f5;
  --bg-alt-2:#f6f3ec;
  --border:#e1e5ea;
  --white:#fff;
}
*{box-sizing:border-box;}
body{margin:0;font-family:'Segoe UI',Arial,sans-serif;color:var(--ink);background:var(--white);}
img{max-width:100%;display:block;}
a{text-decoration:none;color:inherit;}
ul{list-style:none;margin:0;padding:0;}
.container{max-width:1180px;margin:0 auto;padding:0 24px;}

/* header */
.site-header{position:sticky;top:0;z-index:50;background:var(--white);border-bottom:1px solid var(--border);}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;max-width:1180px;margin:0 auto;}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.05rem;color:var(--navy);}
.brand svg{width:34px;height:34px;color:var(--gold);}
.brand-sub{display:block;font-size:.62rem;font-weight:600;letter-spacing:.08em;color:var(--muted);}
.nav-main{display:flex;gap:28px;}
.nav-main a{font-size:.82rem;font-weight:700;letter-spacing:.03em;color:var(--ink);text-transform:uppercase;}
.nav-main a.active{color:var(--gold);border-bottom:2px solid var(--gold);padding-bottom:4px;}
.btn-header{background:var(--gold);color:var(--navy-deep);padding:11px 22px;border-radius:4px;font-weight:800;font-size:.78rem;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;}
.header-actions{display:flex;align-items:center;gap:18px;}

/* hero */
.hero-acc{position:relative;background:var(--navy);overflow:hidden;}
.hero-acc-inner{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;max-width:1180px;margin:0 auto;min-height:440px;}
.hero-acc-text{display:flex;flex-direction:column;justify-content:center;gap:16px;padding:40px 24px;color:#fff;}
.hero-acc-text h1{font-size:2.5rem;line-height:1.15;margin:0;font-weight:800;text-transform:uppercase;}
.hero-acc-text p{font-size:1rem;color:#c7d2e2;max-width:440px;margin:0;}
.hero-acc-ctas{display:flex;gap:14px;margin-top:8px;flex-wrap:wrap;}
.btn-gold{background:var(--gold);color:var(--navy-deep);padding:13px 24px;border-radius:4px;font-weight:800;font-size:.8rem;text-transform:uppercase;}
.btn-outline-white{border:2px solid #fff;color:#fff;padding:11px 24px;border-radius:4px;font-weight:800;font-size:.8rem;text-transform:uppercase;}
.hero-acc-photo{position:relative;}
.hero-acc-photo img{width:100%;height:100%;object-fit:cover;}
@media (max-width:900px){
  .hero-acc-inner{grid-template-columns:1fr;}
  .hero-acc-photo{height:280px;}
  .hero-acc-text h1{font-size:1.9rem;}
}

/* section head */
.section{padding:64px 0;}
.section--alt{background:var(--bg-alt);}
.section-title{text-align:center;font-size:1.6rem;font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:var(--navy);margin:0 0 40px;}

/* core services */
.services-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.service-card-acc{background:#fff;border:1px solid var(--border);border-radius:8px;padding:26px 20px;text-align:center;box-shadow:0 2px 10px rgba(20,40,80,.05);}
.service-card-acc .icon-circle{width:56px;height:56px;border-radius:10px;background:var(--bg-alt-2);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:var(--gold);}
.service-card-acc .icon-circle svg{width:28px;height:28px;}
.service-card-acc h3{font-size:1rem;font-weight:800;color:var(--navy);margin:0 0 10px;}
.service-card-acc p{font-size:.85rem;color:var(--muted);line-height:1.5;margin:0 0 14px;min-height:64px;}
.service-card-acc .learn-more{font-size:.78rem;font-weight:800;text-transform:uppercase;color:var(--gold);border-bottom:1px solid var(--gold);padding-bottom:2px;}
@media (max-width:900px){.services-grid-4{grid-template-columns:repeat(2,1fr);}}
@media (max-width:560px){.services-grid-4{grid-template-columns:1fr;}}

/* why apex */
.why-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;text-align:center;}
.why-item-acc .icon-circle{width:64px;height:64px;border-radius:50%;background:#fff;border:2px solid var(--gold-light);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:var(--navy);}
.why-item-acc .icon-circle svg{width:30px;height:30px;}
.why-item-acc h3{font-size:.88rem;font-weight:800;text-transform:uppercase;color:var(--navy);margin:0 0 8px;letter-spacing:.02em;}
.why-item-acc p{font-size:.82rem;color:var(--muted);line-height:1.5;margin:0;}
@media (max-width:900px){.why-grid-4{grid-template-columns:repeat(2,1fr);}}

/* testimonials */
.testimonials-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.testimonial-acc{display:flex;gap:0;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:#fff;}
.testimonial-acc img{width:130px;height:100%;object-fit:cover;flex-shrink:0;}
.testimonial-acc-body{padding:20px 22px;}
.testimonial-acc-body h4{margin:0 0 2px;font-size:.95rem;font-weight:800;color:var(--navy);}
.testimonial-acc-body .role{font-size:.75rem;color:var(--muted);margin:0 0 10px;}
.testimonial-acc-body p{font-size:.85rem;color:var(--ink);line-height:1.5;margin:0 0 10px;font-style:italic;}
.stars-gold{color:var(--gold);font-size:.9rem;letter-spacing:2px;}
@media (max-width:700px){.testimonials-grid-2{grid-template-columns:1fr;}.testimonial-acc{flex-direction:column;}.testimonial-acc img{width:100%;height:160px;}}

/* insights */
.insights-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.insight-card{background:#fff;border:1px solid var(--border);border-radius:8px;overflow:hidden;}
.insight-card img{width:100%;height:170px;object-fit:cover;}
.insight-card-body{padding:18px 20px;}
.insight-date{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;margin:0 0 8px;}
.insight-card-body h3{font-size:1rem;font-weight:800;color:var(--navy);margin:0 0 10px;}
.insight-card-body .learn-more{font-size:.78rem;font-weight:800;text-transform:uppercase;color:var(--gold);border-bottom:1px solid var(--gold);padding-bottom:2px;}
@media (max-width:900px){.insights-grid-3{grid-template-columns:1fr;}}

/* contact cta */
.contact-cta{background:var(--bg-alt);padding:64px 0;}
.contact-cta-inner{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;}
.contact-cta h2{font-size:1.6rem;font-weight:800;text-transform:uppercase;color:var(--navy);margin:0 0 24px;}
.contact-form{display:flex;flex-direction:column;gap:14px;}
.contact-form .row-2{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.contact-form input,.contact-form textarea{border:1px solid var(--border);border-radius:4px;padding:12px 14px;font-size:.85rem;font-family:inherit;background:#fff;}
.contact-form textarea{min-height:100px;resize:vertical;}
.contact-form button{align-self:flex-start;background:var(--gold);color:var(--navy-deep);border:none;padding:13px 30px;border-radius:4px;font-weight:800;font-size:.8rem;text-transform:uppercase;cursor:pointer;}
.firm-contact h3{font-size:.85rem;font-weight:800;text-transform:uppercase;color:var(--navy);margin:0 0 16px;}
.firm-contact-item{display:flex;gap:12px;align-items:flex-start;margin-bottom:16px;font-size:.88rem;color:var(--ink);}
.firm-contact-item svg{width:18px;height:18px;color:var(--gold);flex-shrink:0;margin-top:2px;}
.map-placeholder{margin-top:18px;border-radius:6px;height:140px;background:linear-gradient(135deg,#dfe6ee,#c9d4e0);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.78rem;font-weight:700;text-transform:uppercase;}
@media (max-width:900px){.contact-cta-inner{grid-template-columns:1fr;}.contact-form .row-2{grid-template-columns:1fr;}}

/* footer */
.site-footer{background:var(--navy-deep);color:#c7d2e2;padding:28px 0;}
.footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;}
.footer-brand{display:flex;align-items:center;gap:10px;font-weight:800;color:#fff;font-size:.95rem;}
.footer-brand svg{width:26px;height:26px;color:var(--gold);}
.footer-links{display:flex;gap:22px;font-size:.8rem;}
.footer-links a{color:#c7d2e2;}
.social-icons{display:flex;gap:10px;}
.social-icons a{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:#fff;}
.social-icons svg{width:15px;height:15px;}

/* whatsapp fab shared */
.wa-fab{position:fixed;bottom:22px;right:22px;width:58px;height:58px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.25);z-index:60;}
.wa-fab svg{width:30px;height:30px;color:#fff;}