/* =========================================================
   04-secoes-informacoes-faq-rodape.css
   Landing page Artegraf — arquivo gerado na refatoração.
   Mantém CSS separado por responsabilidade para evitar monólito.
========================================================= */

/* ── DIFERENCIAIS ── */
#diferenciais{background:var(--bg2);padding:88px 24px}
.dw{max-width:1280px;margin:0 auto}
.dgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
.dcard{padding:32px;background:var(--bg3);border:1px solid var(--bd);border-radius:var(--r2);box-shadow:var(--s1);display:flex;flex-direction:column;gap:14px;transition:transform .25s}
.dcard:hover{transform:translateY(-4px)}
.dico{width:52px;height:52px;background:var(--pf);border-radius:var(--r1);display:flex;align-items:center;justify-content:center}
.dico svg{width:26px;height:26px;stroke:var(--p);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dtitle{font-family:'Barlow Condensed',sans-serif;font-size:1.45rem;font-weight:700;color:var(--h);text-transform:uppercase}
.ddesc{font-size:.9rem;color:var(--b);line-height:1.75}

/* ── ENDEREÇO ── */
#endereco{padding:88px 24px;max-width:1280px;margin:0 auto}
.end-info{font-size:.9rem;color:var(--b);margin:12px 0 28px;display:flex;align-items:center;gap:8px}
.end-info svg{stroke:var(--p);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.mapa{width:100%;height:320px;border:0;border-radius:var(--r3);display:block;overflow:hidden}

/* ── FAQ ── */
#faq{background:var(--bg2);padding:88px 24px}
.faq-w{max-width:800px;margin:0 auto}
.faq-l{margin-top:40px}
.fitem{border-bottom:1px solid var(--bd)}
.fitem:first-child{border-top:1px solid var(--bd)}
.fbtn{width:100%;padding:18px 4px;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;font-family:inherit;font-size:.95rem;font-weight:600;color:var(--h);text-align:left;transition:color var(--tr)}
.fbtn:hover{color:var(--p)}
.farr{width:28px;height:28px;flex-shrink:0;border:2px solid var(--bd);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .3s,background var(--tr),border-color var(--tr)}
.farr svg{width:14px;height:14px;stroke:var(--m);fill:none;stroke-width:2.5;stroke-linecap:round;transition:stroke var(--tr)}
.fitem.on .farr{transform:rotate(180deg);background:var(--p);border-color:var(--p)}
.fitem.on .farr svg{stroke:#fff}
.fbody{max-height:0;overflow:hidden;transition:max-height .38s cubic-bezier(.4,0,.2,1)}
.fbody p{padding:0 4px 20px;font-size:.9rem;color:var(--b);line-height:1.85}
.fitem.on .fbody{max-height:260px}

/* ── FOOTER ── */
footer{background:var(--h);padding:44px 24px}
.ft{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px}
.ft-logo{height:34px;filter:brightness(0) invert(1)}
.ft-mid{display:flex;flex-direction:column;gap:4px;font-size:.82rem;text-align:center;color:rgba(255,255,255,.55)}
.ft-mid a{color:rgba(255,255,255,.7);text-decoration:none}
.ft-mid a:hover{color:#fff}
.ft-copy{font-size:.78rem;color:rgba(255,255,255,.35)}

/* ── WPP FAB ── */
.wfab{position:fixed;bottom:20px;right:20px;width:58px;height:58px;background:var(--wg);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:800;box-shadow:0 4px 20px rgba(37,211,102,.4);transition:transform var(--tr),background var(--tr),box-shadow var(--tr);text-decoration:none}
.wfab:hover{background:var(--wgh);transform:scale(1.1);box-shadow:0 8px 32px rgba(37,211,102,.5)}
.wfab svg{width:30px;height:30px;fill:#fff}