:root{
  --ink:#11110f;
  --paper:#f5f2eb;
  --paper2:#ece6da;
  --white:#fff;
  --sand:#b79a72;
  --sand-dark:#8f734f;
  --muted:#6b6a66;
  --line:rgba(17,17,15,.14);
  --max:1240px;
  --radius:20px;
  --shadow:0 20px 50px rgba(17,17,15,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
.container{width:min(var(--max),calc(100% - 40px));margin:auto}
.skip-link{position:absolute;left:-999px;top:10px;background:#fff;color:#000;padding:10px 14px;z-index:9999}
.skip-link:focus{left:10px}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(245,242,235,.91);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.nav-shell{width:min(1320px,calc(100% - 32px));margin:auto;min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px}
.brand-mark{width:42px;height:42px;border:1px solid var(--ink);display:grid;place-items:center;font-family:Georgia,serif;font-size:24px}
.brand-copy{display:flex;flex-direction:column;line-height:1.05;letter-spacing:.16em}
.brand-copy strong{font-size:17px}
.brand-copy small{font-size:8px;margin-top:4px;color:var(--muted)}
.main-nav{display:flex;align-items:center;gap:25px;font-size:13px;text-transform:uppercase;letter-spacing:.08em}
.main-nav a{padding:11px 0;border-bottom:1px solid transparent}
.main-nav a:hover,.main-nav a:focus-visible{border-color:var(--ink)}
.main-nav .nav-cta{background:var(--ink);color:#fff;padding:12px 18px;border-radius:100px;border:0}
.menu-toggle{display:none;background:none;border:0;padding:8px}
.menu-toggle span{display:block;width:26px;height:2px;background:var(--ink);margin:5px}
.hero{min-height:760px;position:relative;display:grid;align-items:end;isolation:isolate;background:#171713;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,8,.80),rgba(10,10,8,.28) 58%,rgba(10,10,8,.1));z-index:-1}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:saturate(.78)}
.hero-content{padding:130px 0 90px;color:#fff;max-width:830px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:bold}
.eyebrow:before{content:"";width:34px;height:1px;background:currentColor}
.hero h1,.display{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:.98;letter-spacing:-.045em}
.hero h1{font-size:clamp(50px,7vw,100px);margin:22px 0}
.hero p{max-width:650px;font-size:18px;color:rgba(255,255,255,.86)}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 20px;border:1px solid var(--ink);border-radius:100px;font-size:12px;font-weight:bold;text-transform:uppercase;letter-spacing:.08em;transition:.25s}
.btn:hover{transform:translateY(-2px)}
.btn-dark{background:var(--ink);color:#fff}
.btn-light{border-color:#fff;color:#fff;background:rgba(255,255,255,.05)}
.btn-sand{background:var(--sand);border-color:var(--sand);color:var(--ink)}
.proof-strip{background:var(--ink);color:#fff}
.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:26px 0}
.proof{padding:7px 26px;border-right:1px solid rgba(255,255,255,.16)}
.proof:last-child{border:0}
.proof strong{font-family:Georgia,serif;font-size:28px;font-weight:400;display:block}
.proof span{font-size:11px;color:#d2cec5;text-transform:uppercase;letter-spacing:.11em}
.section{padding:110px 0}
.section.compact{padding:75px 0}
.section-head{display:grid;grid-template-columns:.75fr 1.25fr;gap:50px;align-items:end;margin-bottom:48px}
.section-head h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(40px,5.5vw,74px);line-height:1;letter-spacing:-.04em;margin:12px 0 0}
.section-head p{font-size:17px;color:var(--muted);max-width:660px;margin:0}
.kicker{font-size:11px;font-weight:bold;text-transform:uppercase;letter-spacing:.18em;color:var(--sand-dark)}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.service-card{min-height:500px;position:relative;border-radius:var(--radius);overflow:hidden;background:#222;box-shadow:var(--shadow);isolation:isolate}
.service-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:.5s}
.service-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.80));z-index:-1}
.service-card:hover img{transform:scale(1.035)}
.service-copy{position:absolute;left:28px;right:28px;bottom:28px;color:#fff}
.service-copy small{letter-spacing:.14em;text-transform:uppercase}
.service-copy h3{font-family:Georgia,serif;font-size:34px;line-height:1.05;margin:8px 0}
.service-copy p{font-size:14px;color:#e8e5df}
.project-mosaic{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}
.project-column{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.project-card{position:relative;min-height:310px;border-radius:var(--radius);overflow:hidden;background:#222;isolation:isolate}
.project-card.large{min-height:640px}
.project-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:.45s}
.project-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.75));z-index:-1}
.project-card:hover img{transform:scale(1.03)}
.project-label{position:absolute;bottom:22px;left:22px;right:22px;color:#fff}
.project-label strong{display:block;font-family:Georgia,serif;font-size:25px;font-weight:400}
.project-label span{font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.split{display:grid;grid-template-columns:1fr 1fr;min-height:660px;background:var(--ink);color:#fff}
.split-media img{width:100%;height:100%;object-fit:cover}
.split-copy{display:flex;flex-direction:column;justify-content:center;padding:80px clamp(35px,7vw,100px)}
.split-copy h2{font-family:Georgia,serif;font-size:clamp(42px,5vw,72px);font-weight:400;line-height:1;margin:18px 0 22px}
.split-copy p{color:#d6d3cc}
.pill-row{display:flex;flex-wrap:wrap;gap:9px;margin:26px 0}
.pill{border:1px solid rgba(255,255,255,.25);padding:8px 11px;border-radius:100px;font-size:11px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:step}
.step{background:#fff;border-radius:var(--radius);padding:32px;border:1px solid rgba(17,17,15,.08);counter-increment:step}
.step:before{content:"0" counter(step);font-family:Georgia,serif;font-size:42px;color:var(--sand)}
.step h3{font-size:17px;margin:18px 0 9px}
.step p{color:var(--muted);font-size:14px}
.quote-band{background:var(--paper2)}
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.quote{background:#fff;padding:31px;border-radius:var(--radius)}
.quote p{font-family:Georgia,serif;font-size:23px;line-height:1.35;margin:0 0 20px}
.quote small{color:var(--muted);font-weight:bold}
.cta-box{background:var(--sand);padding:60px;border-radius:32px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:30px}
.cta-box h2{font-family:Georgia,serif;font-size:clamp(40px,5vw,68px);font-weight:400;line-height:1;margin:0}
.cta-box p{margin:15px 0 0}
.cta-box .actions{justify-content:flex-end;margin:0}
.page-hero{padding:155px 0 80px;background:var(--ink);color:#fff}
.page-hero h1{font-family:Georgia,serif;font-size:clamp(52px,7vw,92px);font-weight:400;line-height:.98;max-width:1000px;margin:18px 0}
.page-hero p{max-width:720px;color:#d7d3cb;font-size:18px}
.editorial{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:start}
.editorial .sticky{position:sticky;top:115px}
.editorial h2{font-family:Georgia,serif;font-size:48px;font-weight:400;line-height:1.05;margin:0}
.prose p{font-size:17px;color:#4e4d49;margin:0 0 22px}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.feature{border:1px solid var(--line);border-radius:var(--radius);padding:26px;background:rgba(255,255,255,.45)}
.feature strong{display:block;font-family:Georgia,serif;font-size:25px;margin-bottom:8px}
.gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.gallery figure{margin:0;border-radius:var(--radius);overflow:hidden;background:#ddd}
.gallery img{width:100%;height:100%;object-fit:cover}
.gallery .g1{grid-column:span 7;height:520px}
.gallery .g2{grid-column:span 5;height:520px}
.gallery .g3,.gallery .g4,.gallery .g5{grid-column:span 4;height:330px}
.faq{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line);padding:22px 0}
.faq summary{cursor:pointer;font-weight:bold;font-size:17px}
.faq p{color:var(--muted);max-width:800px}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.blog-card{background:#fff;border-radius:var(--radius);overflow:hidden;border:1px solid rgba(0,0,0,.07)}
.blog-card img{width:100%;height:250px;object-fit:cover}
.blog-card .body{padding:26px}
.blog-card .meta{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--sand-dark)}
.blog-card h2,.blog-card h3{font-family:Georgia,serif;font-weight:400;line-height:1.12}
.blog-card h3{font-size:30px}
.form-card{background:#fff;border-radius:var(--radius);padding:36px;box-shadow:var(--shadow)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.field{display:flex;flex-direction:column;gap:7px}
.field.full{grid-column:1/-1}
.field label{font-size:12px;font-weight:bold;text-transform:uppercase;letter-spacing:.08em}
.field input,.field textarea,.field select{width:100%;border:1px solid #c9c5bd;border-radius:12px;padding:13px;background:#fbfaf7;color:#111}
.field textarea{min-height:140px;resize:vertical}
.notice{padding:14px 16px;border-radius:12px;margin-bottom:18px;background:#edf7ed;border:1px solid #b8d6b8}
.notice.error{background:#fff0ef;border-color:#e4b6b2}
.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;align-items:start}
.contact-panel{background:var(--ink);color:#fff;border-radius:var(--radius);padding:36px}
.contact-panel a{display:block;margin:12px 0;color:#e4ded3}
.article{max-width:860px;margin:auto}
.article h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(48px,6vw,78px);line-height:1;margin:18px 0}
.article h2{font-family:Georgia,serif;font-size:36px;font-weight:400;margin-top:50px}
.article p,.article li{font-size:17px;color:#45443f}
.article img{width:100%;max-height:520px;object-fit:cover;border-radius:var(--radius);margin:28px 0}
.footer{background:#0c0c0b;color:#fff;padding:70px 0 24px;margin-top:0}
.footer-grid{display:grid;grid-template-columns:1.25fr repeat(3,.75fr);gap:45px}
.footer-brand{font-family:Georgia,serif;font-size:28px}
.footer-brand span{color:var(--sand)}
.footer p,.footer span{color:#aaa79f;font-size:13px}
.footer h3{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:#d7b984}
.footer a{display:block;color:#d7d4cd;font-size:13px;margin:9px 0}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.12);margin-top:50px;padding-top:20px}
.whatsapp-float{position:fixed;right:22px;bottom:22px;width:55px;height:55px;border-radius:50%;background:#1f9f5f;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:bold;z-index:999;box-shadow:0 12px 26px rgba(0,0,0,.25)}
.center{text-align:center}
.muted{color:var(--muted)}
.mb0{margin-bottom:0}
@media (max-width:980px){
 .menu-toggle{display:block}
 .main-nav{display:none;position:absolute;top:82px;left:16px;right:16px;background:#f5f2eb;padding:20px;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}
 .main-nav.open{display:flex}
 .hero{min-height:650px}
 .section-head,.editorial,.contact-layout,.cta-box{grid-template-columns:1fr}
 .service-grid,.feature-grid,.quotes,.blog-grid{grid-template-columns:1fr 1fr}
 .proof-grid{grid-template-columns:1fr 1fr}
 .proof:nth-child(2){border-right:0}
 .project-mosaic{grid-template-columns:1fr}
 .project-card.large{min-height:520px}
 .split{grid-template-columns:1fr}
 .split-media{height:500px}
 .steps{grid-template-columns:1fr}
 .footer-grid{grid-template-columns:1fr 1fr}
 .cta-box .actions{justify-content:flex-start}
 .editorial .sticky{position:static}
}
@media (max-width:650px){
 .container{width:min(100% - 28px,var(--max))}
 .brand-copy small{display:none}
 .hero-content{padding-bottom:58px}
 .hero h1{font-size:51px}
 .proof-grid,.service-grid,.feature-grid,.quotes,.blog-grid,.project-column,.form-grid,.footer-grid{grid-template-columns:1fr}
 .proof{border-right:0;border-bottom:1px solid rgba(255,255,255,.15)}
 .section{padding:78px 0}
 .section-head{gap:18px}
 .section-head h2{font-size:47px}
 .project-card.large{min-height:430px}
 .split-media{height:360px}
 .split-copy{padding:55px 26px}
 .gallery{grid-template-columns:1fr}
 .gallery .g1,.gallery .g2,.gallery .g3,.gallery .g4,.gallery .g5{grid-column:auto;height:350px}
 .cta-box{padding:34px 25px}
 .footer-bottom{flex-direction:column}
}


/* ================================
   TAMGO V3.0 — refinamentos visuais
   ================================ */
:root{--paper:#f2efe7;--paper2:#e7e0d4;--sand:#b7966b;--sand-dark:#8f734f;--radius:24px;--max:1320px}
.site-header{background:rgba(242,239,231,.94);backdrop-filter:blur(14px)}
.nav-shell{min-height:88px;width:min(1320px,calc(100% - 56px))}
.brand-logo{gap:14px;min-width:255px}.brand-logo img{width:96px;height:58px;object-fit:contain}.brand-tagline{font-size:10px;letter-spacing:.22em;font-weight:700;white-space:nowrap}
.main-nav{gap:28px;font-size:12px}.main-nav .nav-cta{padding:13px 19px}
.hero{min-height:790px}.hero-content{padding:150px 0 95px;max-width:980px}.hero h1{font-size:clamp(58px,7.1vw,100px);max-width:950px}.hero p{font-size:19px;max-width:670px}
.proof-grid{padding:28px 0}.proof strong{font-size:30px}.proof{padding:8px 28px}
.section{padding:110px 0}.section-head{grid-template-columns:.8fr 1.2fr;gap:60px;margin-bottom:46px}.section-head h2{font-size:clamp(46px,5.4vw,74px)}.section-head p{font-size:18px;line-height:1.7}
.service-grid{gap:18px}.service-card{min-height:520px;border-radius:24px}.service-copy{left:26px;right:26px;bottom:25px}.service-copy h3{font-size:34px}
.project-mosaic{grid-template-columns:1.2fr .8fr}.project-card.large{min-height:640px}.project-card{border-radius:24px}.project-column{gap:18px}.project-column .project-card{min-height:311px}
.split{min-height:670px}.split-copy{padding:95px clamp(45px,6vw,90px)}.split-copy h2{font-size:clamp(50px,5.3vw,72px)}.split-copy p{font-size:18px;line-height:1.7}
.step,.quote{border-radius:24px}.step{padding:34px}.quote p{font-size:23px}
.cta-box{border-radius:32px;padding:62px}.cta-box h2{font-size:clamp(46px,5vw,68px)}
.page-hero{padding:165px 0 90px}.page-hero h1{font-size:clamp(58px,7vw,94px)}
.footer{padding-top:62px}.footer-brand{font-size:30px}.whatsapp-float{width:58px;height:58px}
@media(max-width:980px){.brand-logo{min-width:0}.brand-tagline{display:none}.nav-shell{width:min(100% - 32px,1320px)}.hero{min-height:680px}.project-mosaic{grid-template-columns:1fr}}
@media(max-width:650px){.brand-logo img{width:82px;height:50px}.hero{min-height:620px}.hero h1{font-size:50px}.hero p{font-size:17px}.service-card{min-height:450px}.project-card.large{min-height:430px}.project-column .project-card{min-height:330px}.cta-box{padding:34px 25px}}

/* V3.2 — cabeçalho branco, imagem original preservada */
.site-header{background:#fff;backdrop-filter:none}.brand-logo{background:#fff}.blog-contact{margin:32px 0 0}

/* V3.3 — fundo acompanha o tom claro da imagem original do logo */
.site-header,.brand-logo{background:#ededec}

/* V3.4 — logo maior, fundo branco */
.site-header,.brand-logo{background:#fff}
.brand-logo img{width:260px;height:auto;object-fit:contain;max-width:100%}
@media(max-width:980px){.brand-logo img{width:220px}}
@media(max-width:650px){.brand-logo img{width:185px}}