/* ===========================================================
   JMenezes Advocacia — folha de estilo compartilhada
   (home + páginas de blog)
   =========================================================== */

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background:#F6F1E8; color:#1E1B16; font-family:'Hanken Grotesk',system-ui,sans-serif; min-height:100vh; overflow-x:hidden; }
img { max-width: 100%; }
.ms { font-family:'Material Symbols Outlined'; font-weight:normal; font-style:normal; line-height:1; -webkit-font-feature-settings:'liga'; }
@keyframes jmFade { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } }
::selection { background: rgba(200,164,93,0.3); color: #1A1813; }

.wrap { max-width:1200px; margin:0 auto; }

/* ===== HEADER ===== */
header.site { position:sticky; top:0; z-index:60; background:rgba(17,16,14,0.94); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); border-bottom:1px solid rgba(255,255,255,0.08); }
.hdr-inner { max-width:1200px; margin:0 auto; padding:0 32px; height:80px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.logo-link { display:flex; align-items:center; text-decoration:none; line-height:1; }
.logo-link img { height:48px; width:162px; object-fit:contain; display:block; }
nav.desktop { display:flex; align-items:center; gap:32px; }
.navlink { text-decoration:none; color:#CBC6BA; font-size:13.5px; font-weight:500; letter-spacing:0.2px; transition:color .15s; }
.navlink:hover { color:#D4B36A; }
.btn-wa { display:inline-flex; align-items:center; gap:9px; text-decoration:none; background:linear-gradient(180deg,#D4B36A,#C8A45D); color:#1A1407; font-size:13px; font-weight:700; letter-spacing:0.2px; padding:11px 20px; border-radius:3px; }
.burger { display:none; flex-direction:column; gap:5px; background:none; border:none; cursor:pointer; padding:8px; }
.burger span { width:24px; height:2px; background:#ECE8DF; display:block; border-radius:2px; }
.mobile-menu { display:none; border-top:1px solid rgba(255,255,255,0.08); background:#111110; padding:14px 20px 22px; flex-direction:column; gap:4px; }
.mobile-menu.open { display:flex; }
.mobile-menu a { text-decoration:none; color:#ECE8DF; font-size:16px; font-weight:600; padding:13px 4px; border-bottom:1px solid rgba(255,255,255,0.08); }
.mobile-menu a.cta { text-align:center; background:linear-gradient(180deg,#D4B36A,#C8A45D); color:#1A1407; font-size:15px; padding:14px; border-radius:3px; margin-top:12px; border-bottom:none; }

/* ===== HERO ===== */
.hero { position:relative; padding:28px 32px 0px; border-bottom:1px solid #E7DECB; overflow:hidden; }
.hero-bg { position:absolute; inset:0; overflow:hidden; pointer-events:none; }
.hero-bg img { width:100%; height:100%; object-fit:cover; filter:blur(2px); }
.hero-bg .veil { position:absolute; inset:0; background:linear-gradient(100deg, rgba(246,241,232,0.95) 38%, rgba(246,241,232,0.50) 100%); }
.hero-grid { position:relative; max-width:1200px; margin:0 auto; display:grid; grid-template-columns:0.92fr 1.08fr; column-gap:16px; row-gap:0; align-items:stretch; }
.hero-text { animation:jmFade .7s ease both; display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; text-align:left; padding:30px 0 0; }
.eyebrow { display:inline-flex; align-items:center; gap:12px; margin-bottom:26px; }
.eyebrow .bar { width:30px; height:1px; background:#B5934A; }
.eyebrow .tag { font-size:12px; letter-spacing:2.5px; text-transform:uppercase; color:#8A6A18; font-weight:700; background:rgba(184,147,74,0.15); padding:5px 13px; border-radius:999px; }
.hero h1 { font-family:'Cormorant Garamond',serif; font-weight:600; font-size:82px; line-height:1.04; letter-spacing:-0.5px; margin:0 0 24px; color:#1A1813; }
.hero-lead { font-size:17.5px; line-height:1.65; color:#5B5448; max-width:480px; margin:0 0 34px; }
.hero-cta { display:flex; align-items:center; justify-content:flex-start; gap:18px; flex-wrap:wrap; }
.btn-dark { display:inline-flex; align-items:center; gap:11px; text-decoration:none; background:#16140F; color:#F1E7CF; font-size:15px; font-weight:700; padding:16px 30px; border-radius:3px; }
.btn-dark .ms { font-size:19px; color:#D4B36A; }
.link-underline { text-decoration:none; color:#1A1813; font-size:15px; font-weight:600; border-bottom:1px solid rgba(181,147,74,0.5); padding-bottom:3px; }
.hero-img { position:relative; align-self:end; grid-column:2; grid-row:1 / span 2; margin:0; animation:jmFade .9s ease both; }
.hero-img .glow { position:absolute; left:50%; bottom:0; transform:translateX(-50%); width:118%; height:80%; background:radial-gradient(60% 60% at 50% 60%, rgba(200,164,93,0.22), transparent 70%); pointer-events:none; }
.hero-img img { position:relative; display:block; width:100%; max-width:520px; margin:0 0 0 -40px; height:auto; object-fit:contain; mix-blend-mode:multiply; }
.hero-stats { display:flex; gap:40px; margin-top:48px; margin-bottom:48px; padding:30px 0 0; border-top:1px solid #E2D8C5; flex-wrap:wrap; justify-content:flex-start; text-align:left; }
.hero-stats .ms { font-size:24px; color:#B5934A; line-height:1; margin-bottom:9px; display:block; }
.stat-num { font-family:'Cormorant Garamond',serif; font-size:38px; font-weight:700; color:#B5934A; line-height:1; }
.stat-label { font-size:12.5px; color:#847C6F; margin-top:6px; letter-spacing:0.2px; }

/* ===== WHATSAPP STRIP ===== */
.wa-strip { display:block; text-decoration:none; background:linear-gradient(90deg,#1E7A4B,#25A35C); }
.wa-strip .inner { max-width:1200px; margin:0 auto; padding:16px 32px; display:flex; align-items:center; justify-content:center; gap:14px; flex-wrap:wrap; }
.wa-strip .ms { color:#fff; font-size:22px; }
.wa-strip .t1 { color:#fff; font-weight:600; font-size:15px; }
.wa-strip .t2 { color:#fff; font-size:15px; font-weight:700; }

/* ===== SECTIONS ===== */
section.block { padding:104px 32px; border-bottom:1px solid #E7DECB; }
.sec-head { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; margin-bottom:46px; flex-wrap:wrap; }
.eyebrow.sm .bar { width:24px; }
.eyebrow.sm { margin-bottom:16px; }
h2.sec-title { font-family:'Cormorant Garamond',serif; font-weight:600; font-size:46px; line-height:1.05; margin:0; color:#1A1813; }
.sec-intro { font-size:15px; line-height:1.65; color:#5B5448; max-width:380px; margin:0; }

/* ===== ÁREAS ===== */
.areas-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.card { position:relative; display:flex; flex-direction:column; background:#fff; border:1px solid #E7DECB; border-radius:5px; overflow:hidden; box-shadow:0 12px 30px rgba(60,48,20,0.08); transition:border-color .2s, box-shadow .2s; }
.card:hover { border-color:rgba(168,130,47,0.55); box-shadow:0 22px 46px rgba(60,48,20,0.14); }
.card-img { position:relative; height:172px; overflow:hidden; }
.card-img img { width:100%; height:100%; object-fit:cover; display:block; }
.card-img .grad { position:absolute; inset:0; background:linear-gradient(180deg, rgba(20,18,15,0) 45%, rgba(20,18,15,0.62)); }
.card-img .badge { position:absolute; left:16px; bottom:14px; display:flex; align-items:center; gap:11px; }
.card-img .badge .ico { width:40px; height:40px; border-radius:50%; background:#16140F; display:flex; align-items:center; justify-content:center; color:#D4B36A; font-family:'Material Symbols Outlined'; font-size:22px; }
.card-img .badge .num { font-family:'Cormorant Garamond',serif; font-size:15px; color:#F6F1E8; letter-spacing:1.5px; font-weight:600; }
.card-body { padding:26px 30px 30px; display:flex; flex-direction:column; flex:1; }
.card-body h3 { font-family:'Cormorant Garamond',serif; font-weight:600; font-size:26px; line-height:1.12; margin:0 0 12px; color:#1A1813; }
.card-body p { font-size:14px; line-height:1.62; color:#5B5448; margin:0 0 22px; flex:1; }
.card-link { display:inline-flex; align-items:center; gap:8px; text-decoration:none; color:#A8822F; font-size:13px; font-weight:700; letter-spacing:0.2px; }

/* ===== SOBRE ===== */
section.sobre { background:#EFE8D9; }
.about-grid { max-width:1200px; margin:0 auto; display:grid; grid-template-columns:0.9fr 1.1fr; column-gap:64px; row-gap:0; align-items:start; }
.about-top { grid-column:2; }
.about-quote { font-family:'Cormorant Garamond',serif; font-style:italic; font-size:27px; line-height:1.35; color:#2A2620; margin:0 0 24px; }
.about-imgcol { grid-column:1; grid-row:1 / span 2; margin:0; }
.about-photo { position:relative; border-radius:5px; overflow:hidden; aspect-ratio:1 / 1.6; background:#16140F; box-shadow:0 26px 60px rgba(60,48,20,0.20); }
.about-photo img { width:100%; height:100%; object-fit:cover; object-position:center 92%; display:block; }
.about-card { border:1px solid #E2D8C5; border-top:none; border-radius:0 0 5px 5px; padding:22px 26px; background:#fff; }
.about-card .nm { font-family:'Cormorant Garamond',serif; font-size:23px; font-weight:600; color:#1A1813; }
.about-card .rl { font-size:11.5px; letter-spacing:1.5px; text-transform:uppercase; color:#A8822F; margin-top:4px; font-weight:600; }
.about-bottom { grid-column:2; }
.about-bio { font-size:15.5px; line-height:1.72; color:#5B5448; margin:0 0 34px; }
.quest-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-bottom:36px; }
.mini { background:#fff; border:1px solid #E7DECB; border-radius:5px; padding:26px 24px; box-shadow:0 10px 26px rgba(60,48,20,0.07); }
.mini .ico { display:inline-flex; width:44px; height:44px; border-radius:50%; background:#16140F; align-items:center; justify-content:center; color:#D4B36A; font-family:'Material Symbols Outlined'; font-size:24px; margin-bottom:16px; }
.mini .ti { font-family:'Cormorant Garamond',serif; font-size:19px; font-weight:600; color:#1A1813; margin-bottom:10px; }
.mini p { font-size:13.5px; line-height:1.6; color:#5B5448; margin:0; }
.quest-box { background:#fff; border:1px solid #E7DECB; border-left:3px solid #C8A45D; border-radius:5px; padding:30px 32px; box-shadow:0 14px 34px rgba(60,48,20,0.08); }
.quest-box h3 { font-family:'Cormorant Garamond',serif; font-weight:600; font-size:24px; margin:0 0 20px; color:#1A1813; }
.quest-list { display:grid; grid-template-columns:1fr 1fr; gap:13px 28px; }
.quest-list .qi { display:flex; align-items:flex-start; gap:11px; }
.quest-list .qi .ms { color:#A8822F; font-size:18px; flex:none; }
.quest-list .qi span.tx { font-size:14px; line-height:1.45; color:#3A352D; }
.btn-gold { display:inline-flex; align-items:center; gap:9px; text-decoration:none; background:linear-gradient(180deg,#D4B36A,#C8A45D); color:#1A1407; font-size:14px; font-weight:700; padding:13px 26px; border-radius:3px; }
.quest-box .btn-gold { margin-top:26px; }

/* ===== PROCESSO ===== */
.proc-head { max-width:980px; margin:0 auto 54px; text-align:center; }
.eyebrow.center { justify-content:center; }
.proc-head h2 { font-family:'Cormorant Garamond',serif; font-weight:600; font-size:46px; line-height:1.1; margin:0 0 16px; color:#1A1813; }
.proc-head p { font-size:16px; line-height:1.65; color:#5B5448; margin:0; }
.steps { max-width:880px; margin:0 auto; display:flex; flex-direction:column; gap:12px; }
.step { background:#fff; border:1px solid #E7DECB; border-radius:5px; padding:22px 26px; cursor:pointer; box-shadow:0 8px 22px rgba(60,48,20,0.05); transition:border-color .2s; }
.step.open { border-color:rgba(168,130,47,0.55); }
.step-row { display:flex; align-items:center; gap:18px; }
.step-num { display:inline-flex; min-width:38px; width:38px; height:38px; border-radius:50%; background:#16140F; align-items:center; justify-content:center; font-family:'Cormorant Garamond',serif; font-size:20px; font-weight:700; color:#D4B36A; }
.step-title { flex:1; font-size:16.5px; font-weight:600; color:#1A1813; line-height:1.3; }
.step-plus { color:#A8822F; font-size:22px; transition:transform .2s; }
.step.open .step-plus { transform:rotate(45deg); }
.step-body { font-size:14.5px; line-height:1.7; color:#5B5448; margin:14px 0 0; padding-left:56px; display:none; }
.step.open .step-body { display:block; }

/* ===== BLOG (cards) ===== */
section.blog { background:#EFE8D9; }
.blog-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.post { text-decoration:none; display:flex; flex-direction:column; background:#fff; border:1px solid #E7DECB; border-radius:5px; overflow:hidden; box-shadow:0 12px 30px rgba(60,48,20,0.08); transition:border-color .2s, box-shadow .2s; }
.post:hover { border-color:rgba(168,130,47,0.55); box-shadow:0 22px 46px rgba(60,48,20,0.14); }
.post-img { height:172px; position:relative; overflow:hidden; }
.post-img img { width:100%; height:100%; object-fit:cover; display:block; }
.post-img .grad { position:absolute; inset:0; background:linear-gradient(180deg, rgba(20,18,15,0.05) 40%, rgba(20,18,15,0.5)); }
.post-tag { position:absolute; top:16px; right:16px; font-size:10px; letter-spacing:2px; text-transform:uppercase; color:#1A1407; background:#C8A45D; padding:5px 10px; border-radius:3px; font-weight:700; }
.post-body { padding:26px; display:flex; flex-direction:column; flex:1; }
.post-body h3 { font-family:'Cormorant Garamond',serif; font-weight:600; font-size:22px; line-height:1.2; margin:0 0 11px; color:#1A1813; }
.post-body p { font-size:13.5px; line-height:1.6; color:#5B5448; margin:0 0 20px; flex:1; }
.post-meta { display:flex; align-items:center; justify-content:space-between; padding-top:18px; border-top:1px solid #E7DECB; }
.post-meta .dt { font-size:12px; color:#847C6F; }
.post-meta .rd { font-size:12.5px; font-weight:700; color:#A8822F; }
.blog-foot { text-align:center; margin-top:46px; }

/* ===== CONTATO ===== */
section.contato { padding:104px 32px; }
.contact-grid { max-width:1200px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; }
.contact-info h2 { font-family:'Cormorant Garamond',serif; font-weight:600; font-size:46px; line-height:1.05; margin:0 0 20px; color:#1A1813; }
.contact-info .lead { font-size:16px; line-height:1.7; color:#5B5448; margin:0 0 32px; max-width:440px; }
.btn-wa-lg { display:inline-flex; align-items:center; gap:12px; text-decoration:none; background:linear-gradient(90deg,#1E7A4B,#25A35C); color:#fff; font-size:15px; font-weight:700; padding:15px 28px; border-radius:3px; margin-bottom:34px; }
.btn-wa-lg .ms { font-size:19px; }
.addr { display:flex; align-items:flex-start; gap:14px; }
.addr .ms { color:#A8822F; font-size:20px; }
.addr span.tx { font-size:14.5px; color:#5B5448; line-height:1.6; }
.addr .hl { color:#A8822F; font-weight:600; }
form.contact { background:#fff; border:1px solid #E7DECB; border-radius:6px; padding:38px; box-shadow:0 18px 44px rgba(60,48,20,0.10); }
.field { display:flex; flex-direction:column; gap:20px; }
.field label { display:block; font-size:11px; letter-spacing:1.5px; text-transform:uppercase; color:#847C6F; margin-bottom:9px; font-weight:600; }
.field input, .field textarea { width:100%; background:#FBF8F2; border:1px solid #E0D7C5; border-radius:3px; padding:13px 15px; color:#1E1B16; font-family:inherit; font-size:14.5px; outline:none; transition:border-color .15s, background .15s; }
.field input:focus, .field textarea:focus { border-color:#A8822F; background:#fff; }
.field textarea { resize:vertical; }
.grid2 { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.btn-submit { background:#16140F; color:#F1E7CF; border:none; font-family:inherit; font-size:15px; font-weight:700; padding:15px; border-radius:3px; cursor:pointer; letter-spacing:0.2px; }
.btn-submit:disabled { opacity:0.75; cursor:default; }
.form-status { margin:0; font-size:13.5px; line-height:1.55; }
.form-status:empty { display:none; }
.form-status.ok { color:#1E7A4B; }
.form-status.err { color:#B23A2E; }
.form-status a { color:#A8822F; font-weight:700; }

/* ===== FOOTER ===== */
footer.site { background:#121110; padding:54px 32px 36px; }
.foot-top { max-width:1200px; margin:0 auto; display:flex; align-items:flex-start; justify-content:space-between; gap:40px; flex-wrap:wrap; }
.foot-brand { max-width:340px; }
.foot-brand img { height:34px; width:115px; object-fit:contain; display:block; margin-bottom:16px; }
.foot-kicker { font-size:10px; letter-spacing:2.6px; text-transform:uppercase; color:#8C857A; margin-bottom:16px; }
.foot-brand p { font-size:13.5px; line-height:1.6; color:#8C857A; margin:0; }
.foot-brand .hl { color:#C8A45D; font-weight:600; }
.foot-cols { display:flex; gap:64px; flex-wrap:wrap; }
.foot-col .ti { font-size:11px; letter-spacing:2px; text-transform:uppercase; color:#C8A45D; margin-bottom:16px; font-weight:600; }
.foot-col .links { display:flex; flex-direction:column; gap:11px; }
.foot-col .links a { text-decoration:none; color:#B5AEA2; font-size:14px; transition:color .15s; }
.foot-col .links a:hover { color:#D4B36A; }
.foot-bottom { max-width:1200px; margin:36px auto 0; padding-top:24px; border-top:1px solid rgba(255,255,255,0.08); display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.foot-bottom span { font-size:12.5px; color:#7E776C; }

/* ===== FLOAT WHATSAPP ===== */
.wa-float { position:fixed; right:22px; bottom:22px; z-index:70; width:56px; height:56px; border-radius:50%; background:linear-gradient(180deg,#28B55F,#1E7A4B); color:#fff; display:flex; align-items:center; justify-content:center; text-decoration:none; box-shadow:0 10px 26px rgba(0,0,0,0.3); }
.wa-float .ms { font-size:27px; }

/* ===========================================================
   BLOG: índice + artigo
   =========================================================== */

.breadcrumb { max-width:768px; margin:0 auto; padding:28px 32px 0; font-size:13px; color:#847C6F; }
.breadcrumb a { color:#A8822F; text-decoration:none; }
.breadcrumb a:hover { text-decoration:underline; }
.breadcrumb .sep { margin:0 8px; color:#C9C0AE; }

article.post-full { max-width:768px; margin:0 auto; padding:22px 32px 70px; }
.art-tag { display:inline-block; font-size:10px; letter-spacing:2px; text-transform:uppercase; color:#1A1407; background:#C8A45D; padding:5px 11px; border-radius:3px; font-weight:700; margin-bottom:20px; }
.art-title { font-family:'Cormorant Garamond',serif; font-weight:600; font-size:46px; line-height:1.08; letter-spacing:-0.3px; margin:0 0 16px; color:#1A1813; }
.art-meta { display:flex; align-items:center; gap:12px; flex-wrap:wrap; font-size:13.5px; color:#847C6F; margin-bottom:30px; }
.art-meta .dot { width:3px; height:3px; border-radius:50%; background:#C9C0AE; }
.art-hero { border-radius:6px; overflow:hidden; margin:0 0 36px; box-shadow:0 18px 44px rgba(60,48,20,0.12); }
.art-hero img { width:100%; height:auto; display:block; aspect-ratio:16/9; object-fit:cover; }

.prose { font-size:17px; line-height:1.78; color:#3A352D; }
.prose > p { margin:0 0 22px; }
.prose .lead { font-size:19px; line-height:1.6; color:#5B5448; }
.prose h2 { font-family:'Cormorant Garamond',serif; font-weight:600; font-size:30px; line-height:1.18; color:#1A1813; margin:42px 0 14px; }
.prose h3 { font-family:'Cormorant Garamond',serif; font-weight:600; font-size:23px; line-height:1.25; color:#1A1813; margin:32px 0 10px; }
.prose ul, .prose ol { margin:0 0 22px; padding-left:22px; }
.prose li { margin:0 0 9px; }
.prose a { color:#A8822F; font-weight:600; }
.prose strong { color:#1A1813; }
.prose blockquote { margin:26px 0; padding:18px 24px; border-left:3px solid #C8A45D; background:#EFE8D9; border-radius:0 5px 5px 0; font-style:italic; color:#2A2620; }
.prose table { width:100%; border-collapse:collapse; margin:8px 0 24px; font-size:15px; }
.prose th, .prose td { text-align:left; padding:11px 14px; border-bottom:1px solid #E7DECB; }
.prose thead th { background:#EFE8D9; color:#1A1813; font-weight:700; font-size:11.5px; letter-spacing:0.5px; text-transform:uppercase; }
.prose tbody tr:nth-child(even) { background:#FBF8F2; }

.update-box { margin:0 0 32px; padding:22px 26px; background:#FBF3E4; border:1px solid #E8D5A8; border-left:4px solid #C8A45D; border-radius:0 6px 6px 0; }
.update-box .lbl { font-size:11px; letter-spacing:2px; text-transform:uppercase; color:#8A6A18; font-weight:700; display:flex; align-items:center; gap:8px; margin-bottom:8px; }
.update-box .lbl .ms { font-size:16px; }
.update-box p { margin:0; font-size:15px; line-height:1.65; color:#5B5448; }
.update-box p + p { margin-top:10px; }

.art-note { margin:38px 0 0; padding:16px 20px; background:#EFE8D9; border-radius:6px; font-size:13px; line-height:1.6; color:#7E766A; }

.post-cta { max-width:768px; margin:0 auto 90px; padding:40px; background:#16140F; border-radius:8px; text-align:center; }
.post-cta h3 { font-family:'Cormorant Garamond',serif; font-weight:600; font-size:30px; line-height:1.15; color:#F6F1E8; margin:0 0 12px; }
.post-cta p { font-size:15px; line-height:1.6; color:#B5AEA2; margin:0 auto 26px; max-width:520px; }
.post-cta .btn-wa-lg { margin-bottom:0; }

.blog-hero { padding:60px 32px 8px; text-align:center; }
.blog-hero .eyebrow { justify-content:center; margin-bottom:18px; }
.blog-hero h1 { font-family:'Cormorant Garamond',serif; font-weight:600; font-size:52px; line-height:1.05; margin:0 0 14px; color:#1A1813; }
.blog-hero p { font-size:16px; line-height:1.65; color:#5B5448; margin:0 auto; max-width:560px; }
.blog-list { max-width:1200px; margin:0 auto; padding:48px 32px 96px; }
.blog-list .blog-grid { grid-template-columns:repeat(3,1fr); }

.back-link { display:inline-flex; align-items:center; gap:7px; text-decoration:none; color:#A8822F; font-size:14px; font-weight:700; }

/* ===== TABLET (<=1024) ===== */
@media (max-width:1024px) {
  .hero h1 { font-size:62px; }
  .areas-grid { grid-template-columns:repeat(2,1fr); }
  .blog-grid, .blog-list .blog-grid { grid-template-columns:repeat(2,1fr); }
}

/* ===== MOBILE (<=760) ===== */
@media (max-width:760px) {
  .hdr-inner { padding:0 20px; }
  nav.desktop { display:none; }
  .burger { display:flex; }
  .hero { padding:24px 20px 8px; }
  .hero h1 { font-size:70px; }
  .hero-grid { grid-template-columns:1fr; column-gap:0; }
  .hero-text { align-items:center; text-align:center; }
  .hero-lead { margin-left:auto; margin-right:auto; }
  .hero-cta { justify-content:center; }
  .hero-img { grid-column:auto; grid-row:auto; align-self:auto; margin:24px 0 0; }
  .hero-img img { max-width:80%; margin:0 auto; }
  .hero-stats { gap:24px; margin-top:0; margin-bottom:20px; padding:22px 24px; background:#fff; border:1px solid #E7DECB; border-radius:14px; box-shadow:0 10px 26px rgba(60,48,20,0.10); width:100%; flex-wrap:nowrap; justify-content:center; text-align:center; }
  .wa-strip .inner { padding:16px 20px; }
  section.block, section.contato { padding:64px 20px; }
  .areas-grid { grid-template-columns:1fr; }
  .blog-grid, .blog-list .blog-grid { grid-template-columns:1fr; }
  h2.sec-title, .proc-head h2, .contact-info h2 { font-size:32px; }
  .about-grid { grid-template-columns:1fr; column-gap:0; row-gap:0; }
  .about-top, .about-bottom { grid-column:auto; }
  .about-imgcol { grid-column:auto; grid-row:auto; margin:0 0 34px; }
  .quest-grid { grid-template-columns:1fr; }
  .quest-list { grid-template-columns:1fr; }
  .grid2 { grid-template-columns:1fr; }
  .contact-grid { grid-template-columns:1fr; gap:34px; }
  form.contact { padding:28px; }
  .foot-cols { gap:40px; }

  /* artigo / blog */
  .art-title { font-size:33px; }
  article.post-full, .breadcrumb { padding-left:20px; padding-right:20px; }
  .prose { font-size:16px; }
  .prose .lead { font-size:17.5px; }
  .post-cta { margin-left:20px; margin-right:20px; padding:30px 24px; }
  .post-cta h3 { font-size:26px; }
  .blog-hero { padding:48px 20px 4px; }
  .blog-hero h1 { font-size:36px; }
  .blog-list { padding:36px 20px 72px; }
}