/* ============================================================
   MEYKON LINS ADVOCACIA — Versão Acessível (Idosos)
   style.css  |  mínimo 18px, alto contraste, espaço generoso
   ============================================================ */

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;font-size:18px}
body{font-family:'Open Sans',sans-serif;background:#fff;color:#1a1a1a;overflow-x:hidden;line-height:1.8}
img{max-width:100%;display:block}
a{color:inherit}
ul{list-style:none}

:root{
  --navy:#1a3a6b;
  --navy-dk:#0f2347;
  --gold:#b8860b;
  --cream:#f8f5f0;
  --white:#ffffff;
  --text:#1a1a1a;
  --text-m:#3a3a3a;
  --wpp:#128C7E;
  --wpp-lt:#25D366;
  --border:#d0d0d0;
  --r:6px;
  --tr:.2s ease;
}

.lbl{font-size:14px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:10px;display:block}
.ttl{font-family:'Merriweather',serif;font-size:clamp(1.7rem,3.5vw,2.4rem);font-weight:900;line-height:1.25;color:var(--navy);margin-bottom:20px}
.ttl-w{color:#fff}
.reveal{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}
.reveal.on{opacity:1;transform:none}

/* BOTÕES */
.btn-wpp{display:inline-flex;align-items:center;gap:10px;background:var(--wpp-lt);color:#fff;padding:18px 32px;border-radius:8px;font-family:'Open Sans',sans-serif;font-size:18px;font-weight:700;text-decoration:none;transition:background var(--tr),transform var(--tr);box-shadow:0 4px 16px rgba(37,211,102,.4)}
.btn-wpp svg{width:22px;height:22px;fill:#fff;flex-shrink:0}
.btn-wpp:hover{background:#1ebe5d;transform:translateY(-2px)}
.btn-sec{display:inline-flex;align-items:center;gap:8px;background:transparent;color:#fff;border:2px solid rgba(255,255,255,.5);padding:18px 32px;border-radius:8px;font-family:'Open Sans',sans-serif;font-size:18px;font-weight:700;text-decoration:none;transition:border-color var(--tr),background var(--tr)}
.btn-sec:hover{border-color:#fff;background:rgba(255,255,255,.08)}

/* SKIP */
.skip{position:fixed;top:-100px;left:20px;z-index:9999;background:var(--navy);color:#fff;padding:12px 20px;border-radius:var(--r);font-size:16px;font-weight:700;transition:top .2s ease;text-decoration:none}
.skip:focus{top:90px}

/* TOPBAR */
#topbar{background:var(--navy);padding:10px clamp(16px,5vw,60px);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}
.topbar-txt{color:rgba(255,255,255,.85);font-size:15px}
.topbar-wpp{display:flex;align-items:center;gap:8px;background:var(--wpp-lt);color:#fff;padding:8px 18px;border-radius:40px;font-size:15px;font-weight:700;text-decoration:none;transition:background var(--tr)}
.topbar-wpp:hover{background:#1ebe5d}
.topbar-wpp svg{width:18px;height:18px;fill:#fff;flex-shrink:0}

/* HEADER */
#hdr{position:sticky;top:0;z-index:800;background:#fff;border-bottom:3px solid var(--navy);padding:14px clamp(16px,5vw,60px);display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 12px rgba(0,0,0,.1)}
.logo-w{display:flex;align-items:center;gap:14px;text-decoration:none}
.logo-w img{width:52px;height:52px;object-fit:contain;border-radius:50%;border:2px solid var(--navy)}
.logo-nm{font-family:'Merriweather',serif;font-size:1.15rem;font-weight:900;color:var(--navy);line-height:1.2}
.logo-nm span{display:block;font-family:'Open Sans',sans-serif;font-size:11px;letter-spacing:2px;color:var(--gold);text-transform:uppercase;font-weight:700}
nav{display:flex;gap:8px;align-items:center}
nav a{color:var(--navy);font-size:15px;font-weight:700;padding:10px 16px;border-radius:var(--r);text-decoration:none;transition:background var(--tr)}
nav a:hover{background:var(--cream)}
.nav-cta{background:var(--wpp-lt)!important;color:#fff!important;padding:12px 22px!important;border-radius:40px!important;font-size:16px!important;display:flex;align-items:center;gap:8px}
.nav-cta:hover{background:#1ebe5d!important}
.nav-cta svg{width:18px;height:18px;fill:#fff;flex-shrink:0}

/* HAMBURGER */
#ham{display:none;background:none;border:2px solid var(--navy);border-radius:var(--r);width:48px;height:48px;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0}
#ham span{display:block;width:22px;height:2px;background:var(--navy);border-radius:2px;transition:all .3s ease}
#ham.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
#ham.open span:nth-child(2){opacity:0}
#ham.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:768px){
  #ham{display:flex}
  nav{position:fixed;top:0;right:-100%;bottom:0;width:min(320px,85vw);background:#fff;border-left:3px solid var(--navy);flex-direction:column;justify-content:center;padding:80px 32px 40px;gap:4px;z-index:700;transition:right .3s ease;box-shadow:-4px 0 24px rgba(0,0,0,.15)}
  nav.open{right:0}
  nav a{font-size:1.3rem!important;padding:16px 12px!important;border-bottom:1px solid var(--border);border-radius:0!important;width:100%}
  .nav-cta{margin-top:16px;border-radius:8px!important;justify-content:center}
  nav::before{content:'';position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:-1;opacity:0;pointer-events:none;transition:opacity .3s ease}
  nav.open::before{opacity:1;pointer-events:auto}
}

/* HERO */
#hero{background:var(--navy);min-height:85vh;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;overflow:hidden;position:relative}
.hero-content{padding:clamp(48px,8vw,90px) clamp(20px,6vw,70px);display:flex;flex-direction:column;gap:28px;position:relative;z-index:2}
.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);padding:8px 16px;border-radius:40px;width:fit-content;animation:fup .5s ease both}
.hero-eyebrow span{font-size:13px;color:rgba(255,255,255,.85);letter-spacing:1px}
.hero-h1{font-family:'Merriweather',serif;font-size:clamp(1.9rem,4vw,3rem);font-weight:900;color:#fff;line-height:1.2;animation:fup .5s .08s ease both}
.hero-h1 em{color:#f0c040;font-style:normal}
.hero-sub{font-size:clamp(16px,2vw,19px);color:rgba(255,255,255,.8);line-height:1.85;max-width:520px;animation:fup .5s .15s ease both}
.hero-btns{display:flex;flex-wrap:wrap;gap:14px;animation:fup .5s .22s ease both}
.hero-photo{position:relative;height:100%;min-height:500px;overflow:hidden}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:grayscale(10%) brightness(.9)}
.hero-photo::before{content:'';position:absolute;inset:0;background:linear-gradient(to right,var(--navy) 0%,transparent 30%);z-index:1}
@media(max-width:768px){#hero{grid-template-columns:1fr}.hero-photo{display:none}.hero-content{padding:48px 20px 56px}}

/* STATS */
#stats{background:var(--cream);border-top:4px solid var(--navy);border-bottom:1px solid var(--border);padding:clamp(28px,4vw,44px) clamp(16px,5vw,60px);display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
@media(max-width:600px){#stats{grid-template-columns:repeat(2,1fr)}}
.stat{text-align:center;padding:12px 0}
.stat-n{font-family:'Merriweather',serif;font-size:clamp(2rem,4vw,2.8rem);font-weight:900;color:var(--navy);line-height:1}
.stat-l{font-size:14px;color:var(--text-m);font-weight:600;margin-top:6px;line-height:1.4}

/* AVISO */
#aviso{background:#fff8e1;border-left:6px solid var(--gold);padding:clamp(24px,4vw,36px) clamp(20px,6vw,60px);display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.aviso-ico{font-size:2.5rem;flex-shrink:0}
.aviso-txt{font-size:18px;color:#5a3e00;font-weight:600;line-height:1.7}
.aviso-txt strong{color:#3a2800;font-size:20px;display:block;margin-bottom:4px}

/* SERVIÇOS — 3 áreas com sub-cards */
#svc{padding:clamp(60px,9vw,100px) clamp(16px,5vw,60px);background:#fff}
.svc-intro{max-width:640px;margin-bottom:56px}
.svc-intro p{font-size:18px;color:var(--text-m);line-height:1.85}

/* Grid de 3 colunas para as áreas principais */
.areas-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
@media(max-width:1024px){.areas-grid{grid-template-columns:1fr}}

/* Card de área principal */
.area-card{border:2px solid var(--border);border-radius:12px;overflow:hidden;transition:border-color var(--tr),box-shadow var(--tr)}
.area-card:hover{border-color:var(--navy);box-shadow:0 6px 28px rgba(26,58,107,.12)}
.area-header{background:var(--navy);padding:22px 28px;display:flex;align-items:center;gap:16px}
.area-header-ico{font-size:2rem;flex-shrink:0}
.area-header-txt{}
.area-header-tag{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:4px}
.area-header-ttl{font-family:'Merriweather',serif;font-size:1.15rem;font-weight:700;color:#fff;line-height:1.2}
.area-body{background:var(--cream);padding:24px 28px;display:flex;flex-direction:column;gap:0}

/* Sub-item dentro de cada área */
.sub-item{padding:14px 0;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;gap:14px}
.sub-item:last-child{border-bottom:none;padding-bottom:0}
.sub-check{color:var(--wpp);font-size:1rem;margin-top:3px;flex-shrink:0;font-weight:700}
.sub-txt{}
.sub-ttl{font-family:'Merriweather',serif;font-size:.95rem;font-weight:700;color:var(--navy);margin-bottom:4px;line-height:1.3}
.sub-desc{font-size:15px;color:var(--text-m);line-height:1.7}

/* SOBRE */
#sobre{background:var(--navy);padding:clamp(60px,9vw,100px) clamp(16px,5vw,60px);display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(36px,6vw,80px);align-items:center}
@media(max-width:860px){#sobre{grid-template-columns:1fr}}
.sobre-img{position:relative;border-radius:12px;overflow:hidden;border:4px solid rgba(255,255,255,.15)}
.sobre-img img{width:100%;object-fit:cover;filter:grayscale(10%)}
.sobre-img::after{content:'';position:absolute;bottom:0;left:0;right:0;height:35%;background:linear-gradient(to top,rgba(26,58,107,.9) 0%,transparent 100%)}
.sobre-caption{position:absolute;bottom:20px;left:24px;right:24px;z-index:1}
.sobre-caption p{color:rgba(255,255,255,.9);font-size:15px;font-weight:600;display:flex;align-items:center;gap:10px}
.sobre-caption img{width:38px;height:38px;border-radius:50%;object-fit:contain;border:2px solid rgba(255,255,255,.4)}
.sobre-txt{color:#fff}
.sobre-txt p{font-size:17px;color:rgba(255,255,255,.8);line-height:1.9;margin-bottom:20px}
.sobre-q{border-left:4px solid #f0c040;padding:16px 22px;background:rgba(255,255,255,.06);margin:24px 0 36px;border-radius:0 8px 8px 0}
.sobre-q p{font-family:'Merriweather',serif;font-size:1.05rem;color:#f0c040;font-style:italic;line-height:1.7;margin:0}

/* COMO FUNCIONA */
#como{padding:clamp(60px,9vw,100px) clamp(16px,5vw,60px);background:var(--cream)}
.como-head{text-align:center;max-width:600px;margin:0 auto clamp(44px,6vw,64px)}
.como-head p{font-size:18px;color:var(--text-m);line-height:1.8}
.como-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
@media(max-width:860px){.como-grid{grid-template-columns:repeat(2,1fr);gap:16px}}
@media(max-width:480px){.como-grid{grid-template-columns:1fr}}
.como-card{background:#fff;border:2px solid var(--border);border-radius:10px;padding:32px 24px;text-align:center;transition:border-color var(--tr),box-shadow var(--tr)}
.como-card:hover{border-color:var(--navy);box-shadow:0 4px 20px rgba(26,58,107,.1)}
.como-n{width:56px;height:56px;background:var(--navy);color:#fff;font-family:'Merriweather',serif;font-size:1.3rem;font-weight:900;display:flex;align-items:center;justify-content:center;border-radius:50%;margin:0 auto 18px}
.como-ttl{font-family:'Merriweather',serif;font-size:1.05rem;font-weight:700;color:var(--navy);margin-bottom:10px}
.como-desc{font-size:16px;color:var(--text-m);line-height:1.75}

/* DIFERENCIAIS */
#diff{padding:clamp(60px,9vw,100px) clamp(16px,5vw,60px);background:#fff}
.diff-head{max-width:560px;margin-bottom:clamp(40px,6vw,60px)}
.diff-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
@media(max-width:640px){.diff-grid{grid-template-columns:1fr}}
.diff-card{background:var(--cream);border-radius:10px;padding:30px 28px;display:flex;gap:20px;align-items:flex-start;border:2px solid var(--border);transition:border-color var(--tr)}
.diff-card:hover{border-color:var(--navy)}
.diff-ico-w{width:52px;height:52px;background:var(--navy);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}
.diff-txt{flex:1}
.diff-ttl{font-family:'Merriweather',serif;font-size:1.05rem;font-weight:700;color:var(--navy);margin-bottom:6px}
.diff-desc{font-size:16px;color:var(--text-m);line-height:1.75}

/* CONTATO */
#cont{padding:clamp(60px,9vw,100px) clamp(16px,5vw,60px);background:var(--cream)}
.cont-inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,6vw,80px);align-items:start}
@media(max-width:860px){.cont-inner{grid-template-columns:1fr}}
.cont-info .ttl{color:var(--navy)}
.cont-info>p{font-size:18px;color:var(--text-m);line-height:1.85;margin-bottom:32px}
.wpp-big{display:flex;align-items:center;gap:14px;background:var(--wpp);color:#fff;padding:22px 32px;border-radius:10px;font-family:'Open Sans',sans-serif;font-size:20px;font-weight:700;text-decoration:none;margin-bottom:16px;transition:background var(--tr),transform var(--tr);box-shadow:0 4px 20px rgba(18,140,126,.35);width:100%;justify-content:center;animation:ring-g 2s infinite}
.wpp-big svg{width:28px;height:28px;fill:#fff;flex-shrink:0}
.wpp-big:hover{background:#0f7068;transform:translateY(-2px);animation:none}
.wpp-big-note{font-size:15px;color:var(--text-m);text-align:center;margin-bottom:28px}
.cinfo{display:flex;flex-direction:column;gap:14px;margin-bottom:32px}
.ci{display:flex;align-items:center;gap:14px}
.ci-ico{width:48px;height:48px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:1.2rem;flex-shrink:0}
.ci-txt{font-size:17px;color:var(--text);line-height:1.5}
.ci-txt strong{display:block;font-weight:700;color:var(--navy)}
.cform{display:flex;flex-direction:column;gap:16px}
.cform label{display:block;font-size:16px;font-weight:700;color:var(--navy);margin-bottom:6px}
.cform input,.cform select,.cform textarea{width:100%;padding:16px 18px;background:#fff;border:2px solid var(--border);color:var(--text);font-family:'Open Sans',sans-serif;font-size:17px;border-radius:var(--r);outline:none;appearance:none;-webkit-appearance:none;transition:border-color var(--tr);line-height:1.5}
.cform input::placeholder,.cform textarea::placeholder{color:#888}
.cform select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='%231a3a6b' d='M7 9L2 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:44px}
.cform select option{background:#fff}
.cform input:focus,.cform select:focus,.cform textarea:focus{border-color:var(--navy);box-shadow:0 0 0 3px rgba(26,58,107,.15)}
.cform textarea{resize:vertical;min-height:110px}
.cform button{background:var(--navy);color:#fff;padding:18px;font-family:'Open Sans',sans-serif;font-size:18px;font-weight:700;border:none;border-radius:var(--r);cursor:pointer;transition:background var(--tr);display:flex;align-items:center;justify-content:center;gap:10px}
.cform button svg{width:22px;height:22px;fill:#fff}
.cform button:hover{background:var(--navy-dk)}
.cform-note{font-size:14px;color:#666;line-height:1.6;text-align:center}

/* FOOTER */
footer{background:var(--navy-dk);padding:clamp(32px,5vw,52px) clamp(16px,5vw,60px);color:rgba(255,255,255,.7)}
.footer-inner{display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px;margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,.1)}
@media(max-width:640px){.footer-inner{grid-template-columns:1fr;gap:24px}}
.footer-brand{display:flex;align-items:center;gap:14px}
.footer-brand img{width:48px;height:48px;object-fit:contain;border-radius:50%;border:2px solid rgba(255,255,255,.2);filter:brightness(0) invert(.8)}
.footer-nm{font-family:'Merriweather',serif;font-size:1rem;color:#fff;font-weight:700;line-height:1.3}
.footer-nm span{display:block;font-family:'Open Sans',sans-serif;font-size:11px;letter-spacing:2px;color:rgba(255,255,255,.45);font-weight:400}
.footer-col h4{font-size:13px;letter-spacing:2px;text-transform:uppercase;color:#d4a017;font-weight:700;margin-bottom:14px}
.footer-col p,.footer-col a{font-size:15px;color:rgba(255,255,255,.65);line-height:1.8;text-decoration:none;display:block}
.footer-col a:hover{color:#fff}
.footer-bottom{text-align:center;font-size:13px;color:rgba(255,255,255,.3);line-height:1.8}
.footer-bottom a{color:rgba(255,255,255,.45);transition:color var(--tr)}
.footer-bottom a:hover{color:rgba(255,255,255,.8)}

/* WPP FLOAT */
#wfloat{position:fixed;bottom:24px;right:20px;z-index:999;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.wf-label{background:var(--navy);color:#fff;padding:10px 18px;border-radius:24px 24px 4px 24px;font-size:14px;font-weight:700;white-space:nowrap;box-shadow:0 4px 16px rgba(0,0,0,.25);display:none}
#wfloat:hover .wf-label{display:block;animation:fadeIn .25s ease}
.wf-btn{width:200px;height:200px;background:var(--wpp-lt);border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 8px 40px rgba(37,211,102,.55);animation:ring-g 2s infinite;transition:transform var(--tr)}
.wf-btn:hover{transform:scale(1.05);animation:none}
.wf-btn svg{width:100px;height:100px;fill:#fff}
/* Label reposicionada para não sobrepor o botão grande */
#wfloat{bottom:32px;right:32px}
.wf-label{font-size:16px;padding:12px 22px;border-radius:28px 28px 4px 28px}
@media(max-width:900px){
  .wf-btn{width:120px;height:120px}
  .wf-btn svg{width:60px;height:60px}
  #wfloat{bottom:22px;right:18px}
}
@media(max-width:640px){
  .wf-label{display:flex!important;align-items:center;gap:8px;font-size:13px;padding:9px 15px}
  #wfloat{bottom:18px;right:14px}
  .wf-btn{width:72px;height:72px}
  .wf-btn svg{width:36px;height:36px}
}

/* ANIMAÇÕES */
@keyframes fup{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes ring-g{0%{box-shadow:0 0 0 0 rgba(37,211,102,.6)}60%{box-shadow:0 0 0 14px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}

/* FOCUS */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:var(--r)}

@media(max-width:480px){.hero-h1{font-size:clamp(2rem,10vw,3rem)}.area-header{padding:18px 20px}.area-body{padding:16px 20px}}

/* ── NOVAS SEÇÕES ──*/

/* BANNER AGENDE */
#agende {
  background: #0a5c4a;
  padding: clamp(32px,5vw,48px) clamp(20px,6vw,60px);
}
.agende-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  flex-wrap: wrap;
  max-width: 1100px;
  margin: 0 auto;
}
.agende-left {
  display: flex;
  align-items: center;
  gap: 24px;
  flex: 1;
  min-width: 260px;
}
.agende-icon-wrap {
  width: 72px;
  height: 72px;
  background: var(--wpp-lt);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  animation: ring-g 2s infinite;
}
.agende-ico { width: 38px; height: 38px; }
.agende-ttl {
  font-family: 'Merriweather', serif;
  font-size: clamp(1.3rem, 2.5vw, 1.8rem);
  font-weight: 900;
  color: #fff;
  margin-bottom: 6px;
  line-height: 1.2;
}
.agende-sub {
  font-size: clamp(14px, 1.6vw, 16px);
  color: rgba(255,255,255,.8);
  line-height: 1.6;
}
.agende-btn {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: var(--wpp-lt);
  color: #fff;
  padding: 20px 36px;
  border-radius: 8px;
  font-family: 'Open Sans', sans-serif;
  font-size: clamp(16px, 2vw, 20px);
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
  box-shadow: 0 4px 20px rgba(0,0,0,.25);
  transition: background var(--tr), transform var(--tr);
  flex-shrink: 0;
}
.agende-btn svg { width: 24px; height: 24px; flex-shrink: 0; }
.agende-btn:hover { background: #1ebe5d; transform: translateY(-2px); }
@media(max-width: 700px) {
  .agende-inner { flex-direction: column; align-items: flex-start; }
  .agende-btn { width: 100%; justify-content: center; }
}

/* CONFIANÇA */
#confianca {
  background: var(--cream);
  padding: clamp(40px,6vw,64px) clamp(20px,6vw,60px);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}
.trust-inner {
  display: flex;
  align-items: stretch;
  gap: 0;
  max-width: 900px;
  margin: 0 auto;
  background: #fff;
  border: 2px solid var(--border);
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 4px 24px rgba(26,58,107,.08);
}
.trust-divider {
  width: 1px;
  background: var(--border);
  flex-shrink: 0;
}
.trust-card {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 20px;
  padding: clamp(24px,4vw,36px) clamp(20px,3vw,36px);
  text-decoration: none;
  color: var(--text);
  transition: background var(--tr);
}
.trust-card:hover { background: #f0f6ff; }
.trust-card-icon {
  flex-shrink: 0;
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.trust-card-icon svg { width: 52px; height: 52px; }
.trust-card-lbl {
  font-family: 'Merriweather', serif;
  font-size: 1rem;
  font-weight: 700;
  color: var(--navy);
  margin-bottom: 6px;
}
.trust-stars {
  display: flex;
  gap: 3px;
  margin-bottom: 6px;
}
.trust-stars span {
  color: #f5a623;
  font-size: 1.4rem;
  line-height: 1;
}
.trust-card-desc {
  font-size: 14px;
  color: var(--text-m);
  line-height: 1.5;
  margin-bottom: 6px;
}
.trust-card-action {
  font-size: 14px;
  font-weight: 700;
  color: var(--navy);
}
.trust-card:hover .trust-card-action { text-decoration: underline; }
@media(max-width: 640px) {
  .trust-inner { flex-direction: column; }
  .trust-divider { width: 100%; height: 1px; }
  .trust-card { padding: 22px 20px; }
}

/* BOTÃO FECHAR MENU MOBILE */
#nav-close {
  display: none;
  position: absolute;
  top: 20px;
  right: 20px;
  background: none;
  border: 2px solid var(--navy);
  border-radius: 50%;
  width: 44px;
  height: 44px;
  font-size: 1.2rem;
  color: var(--navy);
  cursor: pointer;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  transition: background var(--tr), color var(--tr);
  flex-shrink: 0;
}
#nav-close:hover {
  background: var(--navy);
  color: #fff;
}
@media(max-width: 768px) {
  #nav-close { display: flex; }
  /* nav precisa de position:relative para o absolute funcionar */
  #nav-menu { position: fixed; } /* já estava fixed, ok */
}

/* BOTÃO WPP DENTRO DOS CARDS DE ÁREA */
.area-wpp-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--wpp-lt);
  color: white;
  padding: 14px 22px;
  border-radius: 8px;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  margin-top: 20px;
  transition: background var(--tr), transform var(--tr);
  width: 100%;
  justify-content: center;
}
.area-wpp-btn:hover { background: #1ebe5d; transform: translateY(-2px); }

/* INSTAGRAM — topbar e footer */
.topbar-insta {
  display: flex;
  align-items: center;
  gap: 6px;
  color: rgba(255,255,255,.85);
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  padding: 7px 14px;
  border-radius: 40px;
  border: 1px solid rgba(255,255,255,.25);
  transition: border-color .2s, color .2s;
}
.topbar-insta:hover { border-color: #e1306c; color: #f77ab5; }

.footer-insta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: rgba(255,255,255,.65);
  font-size: 15px;
  text-decoration: none;
  margin-top: 4px;
  transition: color .2s;
}
.footer-insta:hover { color: #f77ab5; }