@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Baskerville:wght@400;700&display=swap');

:root{--ink:#26372f;--deep:#1d3028;--muted:#59675c;--line:#d8d0bf;--paper:#f5f0e6;--cream:#eee5d5;--sand:#d8c5a2;--gold:#bc8c3c;--white:#fff;--serif:'Libre Baskerville',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}
button,a{font:inherit}
button{cursor:pointer}
a{color:inherit}
img,svg{display:block;max-width:100%}
.container{width:min(100% - 64px,1240px);margin-inline:auto}
.skip-link{position:absolute;z-index:100;top:-100px;left:16px;padding:12px 18px;background:#fff}.skip-link:focus{top:16px}
.site-header{background:rgba(249,248,244,.95);border-bottom:1px solid #e6e2d9;position:relative;z-index:20}
.header-inner{min-height:88px;display:flex;align-items:center;gap:36px}
.brand{text-decoration:none;display:inline-flex;flex-direction:column;line-height:1.25;white-space:nowrap}
.brand-name{font:700 20px var(--serif);letter-spacing:-.04em}
.brand-detail{font:400 10px var(--serif);letter-spacing:.015em;margin-top:3px}
.desktop-nav{display:flex;align-items:center;justify-content:center;gap:30px;margin-left:auto}
.desktop-nav a{text-decoration:none;font-size:13px;font-weight:600;transition:color .2s}.desktop-nav a:hover{color:#8b6f50}
.button{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:14px 20px;text-decoration:none;font-weight:700;font-size:13px;line-height:1.2;transition:transform .2s,background .2s,color .2s,border-color .2s}
.button:hover{transform:translateY(-2px)}.button:focus-visible,.text-link:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #a87e4a;outline-offset:4px}
.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:#404b45}.button-light{background:#f6f2eb;color:var(--ink)}.button-light:hover{background:#e3d5c2}.button-outline{border-color:#92978f;background:transparent;color:var(--ink)}.button-outline:hover{background:#eae7df}
.header-cta{min-height:43px;padding:11px 16px;font-size:11px;white-space:nowrap}.header-cta-mobile{display:none}.wa-icon{border:1.5px solid currentColor;border-radius:50%;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;line-height:1}
.hero{display:grid;grid-template-columns:51.5% 48.5%;min-height:670px;background:#f4f1eb}.hero-copy{display:flex;align-items:center;justify-content:flex-end;padding:76px 6vw 80px 32px}.hero-copy-inner{width:min(100%,590px)}
.eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:11px;line-height:1.5;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#656961}.eyebrow.light{color:#e4d7c7}.rule{width:34px;height:1px;background:#88765f;display:inline-block}
h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:-.052em}h1{font-size:clamp(2.5rem,4.25vw,4.65rem);line-height:1.17;margin:30px 0 28px;max-width:630px}h2{font-size:clamp(2.1rem,3.15vw,3.45rem);line-height:1.22;margin:19px 0 19px}h3{font-size:1.18rem;line-height:1.35}
p{line-height:1.7}.hero-lead{font-size:16px;max-width:560px;line-height:1.75;margin-bottom:24px}.hero-context{font-size:13px;line-height:1.75;color:#666963;max-width:550px;margin:19px 0 0}
.hero-image{position:relative;min-height:500px;background:linear-gradient(90deg,rgba(32,37,35,.03),rgba(32,37,35,.08)),url('assets/cleverson-retrato.jpeg') center 34%/cover no-repeat}.image-caption{position:absolute;right:24px;bottom:20px;color:#fff;background:rgba(32,37,35,.46);padding:5px 8px;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.section{padding:108px 0}.section-heading{max-width:790px}.section-heading.centered{text-align:center;margin:0 auto 55px}.section-heading p{color:var(--muted);font-size:15px;max-width:720px;margin:0 auto}.centered{text-align:center}
.section-difference{background:#faf9f6}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.feature{position:relative;padding:28px 38px 38px 5px;min-height:290px}.feature+.feature{border-left:1px solid var(--line);padding-left:38px}.feature-number{font-size:11px;color:#8b887d;letter-spacing:.1em}.feature-icon{width:45px;height:45px;margin:25px 0 22px}.feature h3{margin-bottom:10px;max-width:300px}.feature p{color:var(--muted);font-size:14px;margin:0;max-width:320px}.section-footnote{text-align:center;max-width:770px;margin:35px auto 15px;color:#6b6e68;font-size:13px}.text-link{padding:8px 0;background:none;border:0;border-bottom:1px solid #797f77;color:var(--ink);font-size:13px;font-weight:700}.text-link span{margin-left:10px}
.office{position:relative;overflow:hidden;min-height:560px;background:#555c56;color:#fff}.office-image{position:absolute;inset:0;background:url('assets/cleverson-escritorio.jpeg') center 29%/cover no-repeat;filter:grayscale(1)}.office-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(25,31,29,.96) 0%,rgba(25,31,29,.9) 35%,rgba(25,31,29,.12) 79%)}.office-content{position:relative;z-index:1;padding-block:85px;max-width:1240px}.office-content>*{max-width:515px}.office h2{font-size:2rem;margin-bottom:13px}.office-name{font:400 clamp(2.25rem,3.2vw,3.45rem)/1.23 var(--serif);letter-spacing:-.052em;margin-bottom:20px}.office-content p:not(.office-name){font-size:14px;color:#e1e1dc;line-height:1.75;margin-bottom:22px}.office-links{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.office-links a{font-size:13px;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.5)}.office-links a:hover{color:var(--sand)}.office-caption{z-index:2}
.process{background:var(--paper)}.steps{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.steps li{position:relative;padding:10px 22px 6px 0}.steps li:not(:last-child):after{content:'→';position:absolute;top:31px;right:9px;color:#9f9d91;font-size:28px;font-family:var(--serif)}.step-number{width:68px;height:68px;border:1px solid #363b38;border-radius:50%;display:grid;place-items:center;font:400 1.25rem var(--serif);margin-bottom:25px}.steps h3{max-width:200px;margin-bottom:11px}.steps p{font-size:13px;color:var(--muted);max-width:230px;margin:0}.process-action{margin-top:40px}
.offer{background:#eae6dd}.offer .section-heading{max-width:880px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.service{display:flex;flex-direction:column;background:#f7f5ef;min-height:270px;border:1px solid #d5d2c9;padding:23px;transition:transform .2s,box-shadow .2s}.service:hover{transform:translateY(-4px);box-shadow:0 10px 20px rgba(21,25,23,.07)}.service>span{color:#858b83;font-size:11px;letter-spacing:.1em}.service h3{margin:38px 0 auto;max-width:215px}.service-mark{align-self:flex-end;font:400 24px var(--serif);margin-top:15px}.offer-explainer{max-width:790px;text-align:center;font-size:14px;color:#646962;margin:34px auto 27px}
.faq{background:#faf9f6}.faq-layout{display:grid;grid-template-columns:36% 1fr;gap:10%}.faq-intro h2{max-width:380px}.faq-intro p{color:var(--muted);font-size:14px;max-width:330px}.faq-intro .text-link{margin-top:16px}.faq-items{border-top:1px solid var(--line)}.faq-items details{border-bottom:1px solid var(--line);padding:22px 0}.faq-items summary{cursor:pointer;list-style:none;position:relative;padding-right:40px;font:400 1.06rem var(--serif);line-height:1.5}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary:after{content:'+';position:absolute;right:6px;top:-2px;font:400 25px var(--sans);color:#666}.faq-items details[open] summary:after{content:'−'}.faq-items details p{color:var(--muted);font-size:13px;max-width:590px;margin:13px 35px 0 0}
.closing{position:relative;min-height:410px;background:var(--deep);color:#fff;text-align:center;display:grid;place-items:center}.closing-overlay{position:absolute;inset:0;background:rgba(22,29,27,.82)}.closing-content{position:relative;z-index:1;padding-block:77px}.closing h2{max-width:760px;margin:20px auto}.closing p{max-width:710px;color:#e1e3df;font-size:15px;margin:0 auto 26px}
.site-footer{background:#1d2422;color:#f2f1ed}.footer-top{display:flex;justify-content:space-between;align-items:start;padding-top:42px;padding-bottom:38px;border-bottom:1px solid rgba(255,255,255,.25)}.footer-brand .brand-name{font-size:22px}.footer-links{display:flex;gap:24px}.footer-links a{text-decoration:none;font-size:13px}.footer-links a:hover{color:var(--sand)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-block:20px;color:#b9bfba;font-size:11px}.footer-bottom a{text-decoration:none}
@media(max-width:1060px){.desktop-nav{gap:17px}.desktop-nav a{font-size:12px}.header-cta{font-size:10px}.brand-name{font-size:17px}.hero{min-height:590px}.hero-copy{padding-right:40px}.hero-copy-inner{max-width:550px}.feature{padding-right:24px}.feature+.feature{padding-left:24px}}
@media(max-width:800px){.container{width:min(100% - 40px,680px)}.header-inner{min-height:74px;gap:15px}.desktop-nav{display:none}.header-cta{margin-left:auto}.hero{grid-template-columns:1fr}.hero-copy{padding:72px 20px 64px;justify-content:center}.hero-copy-inner{width:min(100%,680px)}.hero-image{min-height:390px}.section{padding:78px 0}.feature-grid{grid-template-columns:1fr}.feature,.feature+.feature{border-left:0;padding:24px 0;min-height:auto}.feature+.feature{border-top:1px solid var(--line)}.feature-icon{margin:13px 0 18px}.office{min-height:610px}.office-shade{background:linear-gradient(90deg,rgba(25,31,29,.95),rgba(25,31,29,.53))}.office-content{padding-block:72px}.steps{grid-template-columns:repeat(2,1fr);gap:24px}.steps li:nth-child(2):after{display:none}.service-grid{grid-template-columns:repeat(2,1fr)}.faq-layout{grid-template-columns:1fr;gap:35px}.faq-intro h2,.faq-intro p{max-width:600px}}
@media(max-width:550px){.container{width:calc(100% - 36px)}.header-inner{min-height:70px}.brand-name{font-size:15px}.brand-detail{font-size:8px}.header-cta{padding:9px 11px;min-height:40px;font-size:11px}.header-cta .wa-icon{font-size:13px;width:20px;height:20px}.header-cta-full{display:none}.header-cta-mobile{display:inline}.hero-copy{padding:60px 18px 55px}h1{font-size:clamp(2.35rem,9.5vw,3.1rem);margin:23px 0}.hero-lead{font-size:15px}.hero-image{min-height:310px}.section-heading.centered{margin-bottom:36px}.section{padding:68px 0}h2{font-size:2.1rem}.office-name{font-size:2.25rem}.office{min-height:570px}.office-content{padding-block:65px}.steps{grid-template-columns:1fr;gap:0}.steps li{padding:12px 0 25px 88px;border-bottom:1px solid var(--line);min-height:110px}.steps li:first-child{border-top:1px solid var(--line)}.step-number{position:absolute;left:0;top:18px;width:56px;height:56px;margin:0}.steps li:after{display:none!important}.steps h3{max-width:none}.steps p{max-width:none}.service-grid{grid-template-columns:1fr}.service{min-height:170px}.service h3{margin:20px 0 auto;max-width:none}.footer-top,.footer-bottom{flex-direction:column;gap:25px}.footer-links{flex-direction:column;gap:9px}.closing{min-height:420px}.closing-content{padding-block:65px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.service{transition:none}}

/* Identidade visual em oliva, bege e dourado. */
.site-header{background:rgba(248,245,237,.97);border-color:var(--line)}
.desktop-nav a:hover,.office-links a:hover,.footer-links a:hover{color:var(--gold)}
.brand-name{color:var(--ink)}
.button-dark{background:var(--deep);border-color:#a77d37}
.button-dark:hover{background:#345044}
.button-light{background:#f8f1df;border-color:var(--gold)}
.button-light:hover{background:#e9d7b1}
.button-outline{border-color:var(--gold)}
.button-outline:hover{background:#e9dfc8}
.button:focus-visible,.text-link:focus-visible,a:focus-visible,summary:focus-visible,.floating-whatsapp:focus-visible{outline-color:var(--gold)}
.hero{background:#f5f0e6}
.hero-mobile-portrait{display:none}
.hero-image{background:url('assets/cleverson-retrato.jpeg') center 34%/cover no-repeat}
.hero-image:before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:var(--gold)}
.eyebrow{color:#8c692c}
.eyebrow.light{color:#e4c996}
.rule{background:var(--gold)}
.hero-context{color:var(--muted)}
.section-difference,.faq{background:#fbf8f1}
.feature-number,.service>span{color:#9b742f}
.feature-icon{color:#66784f}
.section-footnote,.offer-explainer{color:var(--muted)}
.text-link{border-color:var(--gold)}
.office{background:var(--deep)}
.office-image{inset:0 0 0 auto;width:44%;background:url('assets/cleverson-escritorio.jpeg') center 29%/cover no-repeat;filter:none}
.office-shade{background:linear-gradient(90deg,rgba(29,48,40,1) 0%,rgba(29,48,40,.97) 45%,rgba(29,48,40,.65) 61%,rgba(29,48,40,.03) 88%)}
.step-number{border-color:var(--gold)}
.offer{background:#e8e0d0}
.service{background:#f9f6ed;border-color:#d6cbb5}
.service-mark{color:var(--gold)}
.closing-overlay{background:rgba(22,43,32,.84)}
.site-footer{background:var(--deep);padding-bottom:72px}
.footer-brand .brand-name{color:#f2f1ed}
.footer-credentials{margin:15px 0 0;color:#c5cbc4;font-size:12px;line-height:1.7}
.footer-contact{display:flex;flex-direction:column;gap:10px;max-width:340px}
.footer-contact-label{color:#d9bd8e;font-size:10px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}
.footer-phone{font-size:13px;color:#f2f1ed}
.footer-contact a{font-size:13px;line-height:1.65;text-decoration:none;color:#f2f1ed}
.footer-contact a:hover{color:var(--sand)}
.floating-whatsapp{position:fixed;z-index:45;right:24px;bottom:24px;display:flex;align-items:center;gap:10px;min-height:54px;padding:11px 17px 11px 12px;border:1px solid #c7a461;border-radius:100px;background:#263d30;color:#fff;box-shadow:0 9px 26px rgba(15,34,24,.25);font:700 12px var(--sans);transition:transform .2s,background .2s}
.floating-whatsapp:hover{transform:translateY(-3px);background:#355644}
.floating-whatsapp svg{width:28px;height:28px;flex:none;color:#f2e8d2}
@media(max-width:800px){
  .office{min-height:820px}
  .office-image{top:0;right:0;bottom:auto;width:100%;height:390px;background-position:center 22%}
  .office-shade{background:linear-gradient(180deg,rgba(29,48,40,.04) 0%,rgba(29,48,40,.3) 25%,rgba(29,48,40,.97) 48%,rgba(29,48,40,1) 78%)}
  .office-content{padding-top:340px;padding-bottom:65px}
}
@media(max-width:550px){
  .hero-copy{padding-top:38px}
  .hero-mobile-portrait{display:block;width:82px;height:82px;margin:0 0 20px;border:2px solid var(--gold);border-radius:50%;background:url('assets/cleverson-retrato.jpeg') 50% 23%/180% auto no-repeat}
  .hero-image{min-height:420px;background-position:center 27%}
  .office{min-height:890px}
  .office-image{height:420px}
  .office-content{padding-top:375px}
  .floating-whatsapp{right:17px;bottom:17px;width:58px;height:58px;min-height:58px;padding:11px;justify-content:center}
  .floating-whatsapp span{display:none}
  .floating-whatsapp svg{width:30px;height:30px}
  .site-footer{padding-bottom:88px}
}

/* Retratos nas seções finais */
.faq-portrait{margin:34px 0 0;max-width:390px;overflow:hidden;border:1px solid var(--line)}
.faq-portrait img{display:block;width:100%;height:340px;object-fit:cover;object-position:center 24%}
.closing{display:block;min-height:505px;background:var(--deep);text-align:left;overflow:hidden}
.closing-portrait{position:absolute;inset:0 0 0 auto;width:44%;background:url('assets/cleverson-contato.jpeg') center 27%/cover no-repeat}
.closing-overlay{background:linear-gradient(90deg,rgba(29,48,40,1) 0%,rgba(29,48,40,.98) 40%,rgba(29,48,40,.55) 62%,rgba(29,48,40,0) 88%)}
.closing-content{padding-block:105px}
.closing h2{max-width:600px;margin:20px 0}
.closing p{max-width:570px;margin:0 0 26px}
@media(max-width:800px){
  .faq-portrait{max-width:460px}
  .closing{min-height:0}
  .closing-portrait{inset:0 0 auto;width:100%;height:390px;background-position:center 22%}
  .closing-overlay{background:linear-gradient(180deg,rgba(29,48,40,0) 0%,rgba(29,48,40,.18) 24%,rgba(29,48,40,.98) 47%,rgba(29,48,40,1) 100%)}
  .closing-content{padding-top:355px;padding-bottom:75px}
}
@media(max-width:550px){
  .faq-portrait{margin-top:29px}
  .faq-portrait img{height:380px}
  .closing-portrait{height:350px}
  .closing-content{padding-top:320px;padding-bottom:68px}
}

.text-link{display:inline-block;text-decoration:none}
.floating-whatsapp{text-decoration:none}
.header-inner{min-height:100px}
.header-brand{display:flex;align-items:center;justify-content:center;flex:none}
.header-logo{display:block;width:235px;height:auto}
@media(max-width:1060px){.header-logo{width:205px}}
@media(max-width:550px){.header-inner{min-height:84px}.header-logo{width:172px}}
