/* ===== RESET & ROOT ===== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --green:#22c55e;
  --green-dark:#16a34a;
  --teal:#009091;
  --teal-dark:#0b6b6c;
  --teal-deeper:#063a3b;
  --teal-mid:#094d4e;
  --teal-surface:#0d7273;
  --black:#111111;
  --gray:#6b7280;
  --bg:#ffffff;
  --light:#f9fafb;
  --border:#e5e7eb;
  --red-icon:#e53e3e;
  /* gradiente principal: variação muito baixa entre os tons escuros do logo */
  --grad-dark: linear-gradient(160deg, #063a3b 0%, #0b6b6c 55%, #0d7374 100%);
  --grad-dark-alt: linear-gradient(160deg, #052e2f 0%, #084748 50%, #0b6b6c 100%);
}
html{scroll-behavior:smooth;overflow-x:clip}
body{font-family:'Inter',system-ui,-apple-system,sans-serif;color:var(--black);background:var(--bg);line-height:1.6;font-size:16px;width:100%;max-width:100%}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{max-width:1160px;margin:0 auto;padding:0 1.25rem}

/* ===== BUTTONS ===== */
.btn{display:inline-block;background:var(--green);color:#fff;font-weight:700;border:none;cursor:pointer;transition:background .2s,transform .1s}
.btn:hover{background:var(--green-dark);transform:translateY(-1px)}
.btn-pill{border-radius:9999px;padding:.7rem 1.6rem;font-size:.95rem;letter-spacing:.03em}
.btn-lg{padding:1rem 2rem;font-size:1.05rem}
.btn-block{width:100%;text-align:center;padding:.85rem}

/* ===== TOP BAR ===== */
.top-bar{background:var(--grad-dark-alt);color:#fff;font-size:.875rem;padding:.45rem 0}
.top-inner{display:flex;justify-content:space-between;align-items:center}
.top-contacts{display:flex;gap:1.25rem}
.top-contacts a{color:#cffafe;font-weight:600}
.top-contacts a:hover{color:#fff}

/* ===== HEADER ===== */
.site-header{background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;gap:.75rem}
.logo{display:flex;align-items:center;gap:.6rem;cursor:pointer;transition:opacity .2s}
.logo:hover{opacity:.8}
.logo img{height:56px;width:auto;max-width:100%;display:block}
.logo .brand-text{font-weight:800;font-size:1.05rem;color:var(--black);white-space:nowrap;display:none}
@media(min-width:768px){
  .logo .brand-text{display:inline}
}
.nav{display:flex;gap:1.15rem;align-items:center;justify-content:center;flex:1;min-width:0}
.nav a{font-weight:600;font-size:.95rem;color:var(--black);position:relative;white-space:nowrap}
.nav a::after{content:'';position:absolute;left:0;bottom:-2px;width:0;height:2px;background:var(--green);transition:width .2s}
.nav a:hover::after{width:100%}
.nav-toggle{display:none;background:none;border:none;font-size:1.4rem;cursor:pointer}

/* Mantem o CTA legivel sem quebrar no desktop */
.header-inner > .btn{white-space:nowrap;flex-shrink:0}

@media(min-width:1200px){
  .nav{gap:1.3rem}
}

/* ===== HERO ===== */
.hero{background:var(--grad-dark);padding:4rem 0}
.hero-inner{display:grid;grid-template-columns:1fr 480px;gap:2.5rem;align-items:center}
.hero-badge{display:inline-block;background:rgba(255,255,255,.12);color:#b2f5d4;font-size:.875rem;font-weight:700;padding:.3rem .85rem;border-radius:9999px;margin-bottom:1rem;border:1px solid rgba(255,255,255,.18)}
.hero h1{font-size:3rem;font-weight:800;line-height:1.15;color:#ffffff;margin-bottom:1rem}
.hero p{font-size:1.05rem;color:rgba(255,255,255,.75);margin-bottom:1.5rem;max-width:480px}
.hero-ctas{margin-bottom:1.25rem}
.trust-pills{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem 1rem}
.trust-pills li{font-size:.9rem;font-weight:600;color:#b2f5d4}
.hero-media img{border-radius:16px;object-fit:cover;width:100%;height:auto;box-shadow:0 20px 60px rgba(0,0,0,.35)}

/* ===== SERVICES ===== */
.section-services{padding:4rem 0;background:#fff}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:2.5rem;flex-wrap:wrap}
.section-head h2{font-size:1.75rem;font-weight:800;max-width:520px;line-height:1.25}

/* --- novo layout grade estilo MAM --- */
.svc2-head{margin-bottom:1.75rem}
.svc2-head h2{font-size:1.5rem;font-weight:800}
.svc2-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.svc2-card{background:var(--teal-surface);color:#fff;padding:2.25rem 1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.75rem;border:1px solid rgba(255,255,255,.1);transition:background .2s}
.svc2-card:hover{background:var(--teal-dark)}
.svc2-icon{display:flex;align-items:center;justify-content:center;margin-bottom:.25rem}
.svc2-card h3{font-size:.95rem;font-weight:700;line-height:1.3}
.svc2-card p{font-size:.82rem;color:rgba(255,255,255,.75);margin:0}
.svc2-card--cta{background:var(--teal-deeper);justify-content:center;gap:1rem}
.svc2-card--cta h3{font-size:1.1rem}
.svc2-card--cta p{color:rgba(255,255,255,.8)}
.svc2-btn{background:#22c55e;color:#fff;font-weight:700;margin-top:.25rem}
.svc2-btn:hover{background:#16a34a;transform:translateY(-1px)}

/* legado (outros lugares que referenciam) */
.services-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem 3rem}
.service-card{padding:1.5rem 0;border-bottom:1px solid var(--border)}
.svc-icon{width:60px;height:60px;border-radius:50%;background:var(--light);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}
.service-card h3{font-size:1.2rem;font-weight:800;margin-bottom:.5rem}
.service-card p{color:var(--gray);font-size:.95rem;margin-bottom:.75rem}
.svc-link{font-weight:700;color:var(--black);font-size:.95rem}
.svc-link:hover{color:var(--green-dark)}

/* ===== SEGMENTOS ===== */
.section-segments{padding:3.5rem 0;background:var(--light)}
.section-segments h2{font-size:1.5rem;font-weight:800;margin-bottom:1.75rem}
.segments-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}
.seg-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:1.25rem .75rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;font-weight:700;font-size:.9rem;text-align:center;transition:box-shadow .2s,transform .2s}
.seg-card:hover{box-shadow:0 6px 24px rgba(0,0,0,.1);transform:translateY(-2px);color:var(--green-dark)}
.seg-icon{font-size:1.75rem}

/* ===== SOBRE ===== */
.section-about{padding:4.5rem 0;background:#fff}
.about-inner{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.about-img img{border-radius:16px;object-fit:cover;width:100%}
.label-green{display:inline-block;color:var(--green-dark);font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem}
.about-text h2{font-size:1.6rem;font-weight:800;line-height:1.3;margin-bottom:1rem}
.about-text p{color:var(--gray);margin-bottom:.85rem}
.about-text .btn{margin-top:.75rem}

/* ===== BENEFÍCIOS ===== */
.section-benefits{padding:4rem 0;background:var(--light)}
.section-benefits h2{font-size:1.6rem;font-weight:800;margin-bottom:2rem}
.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.benefit-card{background:#fff;border-radius:14px;padding:1.5rem;border:1px solid var(--border)}
.ben-icon{font-size:2rem;margin-bottom:.75rem}
.benefit-card h4{font-size:1.05rem;font-weight:700;margin-bottom:.5rem}
.benefit-card p{color:var(--gray);font-size:.9rem}

/* ===== DEPOIMENTOS ===== */
.section-testimonials{padding:4rem 0;background:#fff}
.section-testimonials h2{font-size:1.6rem;font-weight:800;margin-bottom:.5rem}
.sub{color:var(--gray);margin-bottom:2rem}
.test-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
.test-card{background:var(--light);border:1px solid var(--border);border-radius:14px;padding:1.5rem;font-style:normal}
.stars{color:#f59e0b;font-size:1.2rem;margin-bottom:.75rem}
.test-card p{color:var(--gray);font-size:.95rem;margin-bottom:.75rem}
.test-card cite{font-weight:700;color:var(--black)}

/* ===== FAQ ===== */
.section-faq{padding:4rem 0;background:var(--light)}
.section-faq h2{font-size:1.6rem;font-weight:800;margin-bottom:1.5rem}
.faq-list{display:flex;flex-direction:column;gap:.75rem}
.faq-item{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden}
.faq-item summary{padding:1rem 1.25rem;font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}
.faq-item summary::after{content:'+';font-size:1.25rem;color:var(--green)}
.faq-item[open] summary::after{content:'−'}
.faq-item p{padding:.25rem 1.25rem 1rem;color:var(--gray);font-size:.95rem}

/* ===== CONTATO ===== */
.section-contact{padding:4rem 0;background:var(--grad-dark-alt)}
.contact-inner{display:grid;grid-template-columns:1fr 340px;gap:2.5rem;align-items:start}
.contact-form-wrap{background:#fff;border-radius:16px;padding:2rem}
.contact-form-wrap h2{font-size:1.35rem;font-weight:800;margin-bottom:1.25rem}
.contact-form{display:flex;flex-direction:column;gap:.75rem}
.contact-form input,.contact-form select,.contact-form textarea{padding:.7rem .9rem;border:1px solid var(--border);border-radius:8px;font-size:.95rem;font-family:inherit;width:100%;outline:none}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--green)}
.contact-info-wrap{color:#fff;padding-top:.5rem}
.contact-info-wrap h3{font-size:1.25rem;font-weight:800;margin-bottom:1.25rem}
.ci-item{display:flex;gap:.5rem;margin-bottom:.85rem;align-items:flex-start;font-size:.95rem}
.ci-item a{color:#cffafe;font-weight:600}
.ci-item a:hover{color:#fff}
.ci-icon{font-size:1.1rem}
.ci-stars{margin-top:1.5rem;display:flex;gap:.5rem;align-items:center}
.ci-stars{color:#f59e0b;font-size:1.1rem}
.ci-stars span{color:#cffafe;font-size:.9rem;font-weight:600}

/* ===== FOOTER ===== */
.site-footer{background:linear-gradient(180deg,#f3fbf7 0%,#e8f6f2 100%);color:#0f3b2f;padding:3rem 0 0}
.footer-inner{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem;padding-bottom:2rem}
.footer-brand img{height:90px;width:auto;max-width:100%}
.footer-brand p{font-size:.875rem;margin-top:.75rem;color:#2f5f52}
.footer-links{display:flex;flex-direction:column;gap:.5rem}
.footer-links strong{font-size:.95rem;font-weight:700;color:#0f3b2f;margin-bottom:.25rem}
.footer-links a{font-size:.875rem;color:#2f5f52}
.footer-links a:hover{color:#0b6b6c}
.footer-contact p{font-size:.875rem;color:#2f5f52;margin-top:.4rem}
.footer-contact a{color:#2f5f52}
.footer-contact a:hover{color:#0b6b6c}
.footer-copy{border-top:1px solid rgba(15,59,47,.18);padding:1rem 0;text-align:center;font-size:.8rem;color:#2f5f52}

/* ===== SIDE TAB ===== */
.side-tab{position:fixed;right:0;top:50%;transform:translateY(-50%) translateX(calc(100% - 26px));writing-mode:vertical-lr;background:var(--green);color:#fff;font-weight:700;font-size:.8rem;letter-spacing:.06em;padding:1rem .45rem;border-radius:8px 0 0 8px;z-index:200;transition:transform .25s;white-space:nowrap}
.side-tab:hover{transform:translateY(-50%) translateX(0);background:var(--green-dark)}

/* ===== WHATSAPP FLOAT ===== */
.wa-float{position:fixed;right:20px;bottom:22px;background:#25d366;width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(0,0,0,.2);z-index:300;transition:transform .2s}
.wa-float:hover{transform:scale(1.1)}

/* ===== RESPONSIVE ===== */
@media(max-width:960px){
  .segments-grid{grid-template-columns:repeat(3,1fr)}
  .benefits-grid{grid-template-columns:1fr 1fr}
  .footer-inner{grid-template-columns:1fr 1fr}
  .svc2-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:1240px) and (min-width:721px){
  .header-inner{padding:.65rem 1rem;gap:.6rem}
  .logo img{height:50px;width:auto}
  .nav{gap:.8rem}
  .nav a{font-size:.88rem}
  .header-inner > .btn{padding:.62rem 1.2rem;font-size:.88rem}
}
@media(max-width:720px){
  .container{padding:0 1rem}
  .header-inner{padding:.6rem .9rem}
  .logo img{height:44px;width:auto;max-width:62vw}
  .nav{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;flex-direction:column;padding:1rem 1.25rem;box-shadow:0 8px 24px rgba(0,0,0,.1);gap:.75rem;z-index:120;max-height:calc(100vh - 70px);overflow:auto}
  .nav.open{display:flex}
  .nav a{padding:.25rem 0;font-size:1rem}
  .nav-toggle{display:block}
  .header-inner .btn{display:none}
  .hero{padding:2.5rem 0}
  .hero-inner{grid-template-columns:1fr}
  .hero h1{font-size:2rem}
  .hero p{font-size:1rem}
  .hero-media{display:none}
  .section-services,.section-benefits,.section-testimonials,.section-faq,.section-contact,.section-about{padding:3rem 0}
  .section-head{flex-direction:column;align-items:flex-start}
  .services-grid{grid-template-columns:1fr}
  .svc2-grid{grid-template-columns:1fr 1fr}
  .segments-grid{grid-template-columns:repeat(2,1fr)}
  .about-inner{grid-template-columns:1fr}
  .about-img{display:none}
  .benefits-grid{grid-template-columns:1fr}
  .test-grid{grid-template-columns:1fr}
  .contact-inner{grid-template-columns:1fr}
  .contact-form-wrap{padding:1.25rem}
  .footer-inner{grid-template-columns:1fr}
  .footer-brand img{height:72px}
  .side-tab{display:none}
  .top-contacts{display:none}
}

@media(max-width:420px){
  .hero h1{font-size:1.65rem}
  .btn-pill{padding:.65rem 1.2rem;font-size:.9rem}
  .svc2-grid{grid-template-columns:1fr}
  .segments-grid{grid-template-columns:1fr}
}
.blog-hero{
  background:linear-gradient(160deg,#063a3b 0%,#0b6b6c 55%,#0d7374 100%);
  color:#fff;
  padding:3.6rem 0 3.8rem;
}

.blog-hero-inner h1{
  font-size:clamp(1.8rem,4vw,2.8rem);
  line-height:1.18;
  margin:.5rem 0 1rem;
  max-width:860px;
}

.blog-hero-inner p{
  max-width:760px;
  color:rgba(255,255,255,.8);
}

.blog-eyebrow{
  display:inline-block;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.2);
  color:#b2f5d4;
  font-weight:700;
  padding:.3rem .85rem;
  border-radius:9999px;
}

.blog-main{
  padding:3rem 0 4rem;
  background:#f7fbfa;
}

.blog-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:1.4rem;
}

.blog-posts{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1rem;
}

.blog-card{
  background:#fff;
  border:1px solid #dce8e2;
  border-radius:14px;
  padding:1.2rem;
  box-shadow:0 8px 24px rgba(4,41,42,.05);
  display:flex;
  flex-direction:column;
}

.blog-thumb{
  width:100%;
  height:200px;
  object-fit:cover;
  border-radius:10px;
  margin:.75rem 0 .9rem;
}

.blog-tag{
  display:inline-block;
  background:#e7f8ee;
  color:#166534;
  font-weight:700;
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.06em;
  padding:.2rem .6rem;
  border-radius:999px;
}

.blog-card h2{
  font-size:1.08rem;
  line-height:1.35;
  margin:.7rem 0 .55rem;
}

.blog-card p{
  color:#4b5563;
  font-size:.95rem;
  margin-bottom:.9rem;
}

.blog-link{
  font-weight:700;
  color:#0b6b6c;
  margin-top:auto;
}

.blog-link:hover{
  color:#16a34a;
}

.blog-sidebar{
  display:flex;
  flex-direction:column;
  gap:1rem;
}

.sidebar-card{
  background:#fff;
  border:1px solid #dce8e2;
  border-radius:14px;
  padding:1rem;
}

.sidebar-card h3{
  margin:0 0 .75rem;
  font-size:1.05rem;
}

.sidebar-card ul{
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:.45rem;
  margin:0;
  padding:0;
}

.sidebar-card a{
  color:#0b6b6c;
  font-weight:600;
}

.sidebar-card a:hover{
  color:#16a34a;
}

.sidebar-card p{
  color:#4b5563;
  font-size:.92rem;
  margin:0 0 .65rem;
}

.sidebar-references ul{
  list-style:disc;
  margin:.2rem 0 0 1rem;
  padding:0;
}

.sidebar-references li{
  margin:.35rem 0;
}

.sidebar-legal p strong{
  color:#0f3b2f;
}

@media(max-width:980px){
  .blog-hero{padding:2.4rem 0 2.6rem}
  .blog-layout{grid-template-columns:1fr}
  .blog-posts{grid-template-columns:1fr 1fr}
  .blog-card{padding:1rem}
  .sidebar-card{padding:.9rem}
  .post-shell{padding:1.4rem 0 2rem}
}

@media(max-width:720px){

@media(max-width:420px){
  .blog-main{padding:2rem 0 2.4rem}
  .blog-hero-inner h1{font-size:1.55rem}
  .post-main{padding:1rem}
  .post-meta{font-size:.84rem;gap:.55rem}
  .post-cover{height:180px}
}
  .blog-posts{grid-template-columns:1fr}
  .blog-thumb{height:220px}
}

/* ===== ARTIGO ===== */
.post-hero{
  background:linear-gradient(160deg,#073738 0%,#0b6b6c 55%,#0f7e80 100%);
  color:#fff;
  padding:3rem 0 2.6rem;
}

.post-hero h1{
  font-size:clamp(1.6rem,3.5vw,2.5rem);
  line-height:1.2;
  margin:.6rem 0 1rem;
  max-width:820px;
}

.post-meta{
  color:#c7f3e8;
  font-size:.92rem;
  display:flex;
  gap:1rem;
  flex-wrap:wrap;
}

.post-shell{
  background:#f7fbfa;
  padding:2.2rem 0 3.2rem;
}

.post-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:1.2rem;
}

.post-main,
.post-side .sidebar-card{
  background:#fff;
  border:1px solid #dce8e2;
  border-radius:14px;
}

.post-main{
  padding:1.2rem 1.2rem 1.4rem;
}

.post-cover{
  border-radius:12px;
  height:320px;
  margin-bottom:1rem;
  background:
    linear-gradient(15deg, rgba(8,49,50,.75), rgba(8,49,50,.25)),
    url('assets/about.jpg') center/cover no-repeat;
}

.post-main h2{
  margin:1rem 0 .5rem;
  font-size:1.2rem;
}

.post-main p,
.post-main li{
  color:#4b5563;
}

.post-main ul{
  margin:.5rem 0 1rem 1.1rem;
}

.post-cta-box{
  margin-top:1rem;
  border:1px solid #cdebe1;
  background:#edf9f3;
  border-radius:12px;
  padding:1rem;
}

.post-side{
  display:flex;
  flex-direction:column;
  gap:1rem;
}

.related-grid{
  margin-top:1rem;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.8rem;
}

.related-item{
  border:1px solid #dce8e2;
  border-radius:12px;
  padding:.9rem;
  background:#fff;
}

.related-item h4{
  font-size:.98rem;
  margin:0 0 .45rem;
}

@media(max-width:980px){
  .post-layout{grid-template-columns:1fr}
}

@media(max-width:720px){
  .post-cover{height:220px}
  .related-grid{grid-template-columns:1fr}
}