:root{--cr:#F5F2EC;--wh:#FAF9F6;--dk:#1C1B19;--md:#6B6760;--lt:#B8B4AC;--ac:#A08060;--al:#E8DDD0;--bd:rgba(28,27,25,.10);--gn:#4A7C59;--rd:#9B4A3A}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'DM Sans',sans-serif;background:var(--wh);color:var(--dk);overflow-x:hidden}
img{display:block;width:100%;object-fit:cover}
.page{display:none}.page.active{display:block}
/* ── NAV ── */
nav{position:fixed;top:0;left:0;right:0;z-index:300;display:flex;justify-content:space-between;align-items:center;padding:1.1rem 3rem;background:rgba(250,249,246,.93);backdrop-filter:blur(14px);border-bottom:1px solid var(--bd)}
.logo{display:flex;align-items:center;gap:10px;cursor:pointer}
.logo-cl{width:34px;height:34px;border-radius:50%;background:var(--dk);display:flex;align-items:center;justify-content:center;font-family:'Cormorant Garamond',serif;font-size:13px;color:var(--wh);letter-spacing:.05em;flex-shrink:0}
.logo-nm{font-family:'Cormorant Garamond',serif;font-size:16px;letter-spacing:.1em;color:var(--dk)}
.logo-nm span{color:var(--ac)}
.nav-main{display:flex;gap:2.5rem;align-items:center}
.nav-main a{font-size:11px;letter-spacing:.08em;color:var(--md);text-decoration:none;text-transform:uppercase;cursor:pointer;background:none;border:none;transition:color .2s;padding:0;font-family:'DM Sans',sans-serif}
.nav-main a:hover,.nav-main a.on{color:var(--dk)}
.nav-btn{font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:8px 18px;border:1px solid var(--dk);background:transparent;color:var(--dk);cursor:pointer;transition:all .25s;font-family:'DM Sans',sans-serif}
.nav-btn:hover{background:var(--dk);color:var(--wh)}
/* ── UTILS ── */
.tag{font-size:10px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--ac);display:block;margin-bottom:.9rem}
.h1{font-family:'Cormorant Garamond',serif;font-size:clamp(36px,5.5vw,72px);font-weight:300;line-height:1.06;letter-spacing:-.02em}
.h1 em,.h2 em{font-style:italic;color:var(--ac)}
.h2{font-family:'Cormorant Garamond',serif;font-size:clamp(28px,4vw,52px);font-weight:300;line-height:1.1;letter-spacing:-.01em}
.p{font-size:14px;color:var(--md);line-height:1.8;font-weight:300}
.sec{padding:6rem 3rem}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s,transform .7s}
.reveal.vis{opacity:1;transform:none}
.btn-dk{font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:13px 28px;background:var(--dk);color:var(--wh);border:none;cursor:pointer;transition:opacity .2s;font-family:'DM Sans',sans-serif}
.btn-dk:hover{opacity:.82}
.btn-ln{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--md);background:none;border:none;cursor:pointer;text-decoration:underline;text-underline-offset:4px;transition:color .2s;font-family:'DM Sans',sans-serif}
.btn-ln:hover{color:var(--dk)}
/* ── CHAT FAB ── */
.fab{position:fixed;bottom:2rem;right:2rem;z-index:400;width:52px;height:52px;border-radius:50%;background:var(--dk);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(0,0,0,.22);transition:all .3s}
.fab:hover{background:var(--ac);transform:scale(1.06)}
.fab svg{stroke:var(--wh)}
/* ── CHATBOT ── */
.chat-box{position:fixed;bottom:5.5rem;right:2rem;z-index:400;width:350px;background:var(--wh);border:1px solid var(--bd);box-shadow:0 8px 40px rgba(0,0,0,.14);display:none;flex-direction:column;max-height:540px;border-radius:3px}
.chat-box.open{display:flex}
.ch-head{display:flex;justify-content:space-between;align-items:center;padding:.9rem 1.2rem;background:var(--dk);border-radius:3px 3px 0 0}
.ch-head h4{font-family:'Cormorant Garamond',serif;font-size:16px;font-weight:400;color:var(--wh);letter-spacing:.06em}
.ch-head small{font-size:10px;color:#6B6760;letter-spacing:.05em}
.ch-x{background:none;border:none;cursor:pointer;color:#6B6760;font-size:17px;line-height:1}
.ch-body{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.7rem}
.msg{max-width:86%;padding:.65rem .95rem;font-size:13px;line-height:1.55;border-radius:2px}
.mb{background:var(--cr);color:var(--dk);align-self:flex-start;border:1px solid var(--bd)}
.mu{background:var(--dk);color:var(--wh);align-self:flex-end}
.ch-opts{display:flex;flex-wrap:wrap;gap:5px;padding:.5rem 1rem .7rem}
.cop{font-size:11px;padding:5px 11px;border:1px solid var(--bd);background:var(--wh);cursor:pointer;border-radius:20px;color:var(--md);transition:all .2s;font-family:'DM Sans',sans-serif}
.cop:hover{border-color:var(--ac);color:var(--ac)}
.ch-prog{padding:.55rem 1rem;background:var(--cr);border-top:1px solid var(--bd);display:flex;align-items:center;gap:.5rem}
.pg-bar{flex:1;height:3px;background:var(--al);border-radius:2px}
.pg-fill{height:3px;background:var(--ac);border-radius:2px;transition:width .4s}
.pg-lbl{font-size:10px;color:var(--md);letter-spacing:.06em;white-space:nowrap}
.ch-inp{display:flex;border-top:1px solid var(--bd);padding:.7rem}
.ch-inp input{flex:1;border:1px solid var(--bd);background:var(--cr);padding:.55rem .85rem;font-size:13px;outline:none;font-family:inherit}
.ch-inp input:focus{border-color:var(--ac)}
.ch-inp button{background:var(--dk);border:none;color:var(--wh);padding:.55rem .9rem;cursor:pointer;font-size:13px;margin-left:5px;transition:background .2s}
.ch-inp button:hover{background:var(--ac)}

/* ══════════════════════════════
   PÁGINA INÍCIO (para clientes)
══════════════════════════════ */
.hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;position:relative;padding-top:70px}
.hero-left{display:flex;flex-direction:column;justify-content:center;padding:4rem 3rem 4rem 3.5rem}
.hero-right{position:relative;overflow:hidden}
.hero-right img{width:100%;height:100%;object-fit:cover}
.hero-right::after{content:'';position:absolute;inset:0;background:linear-gradient(to right,var(--wh) 0%,transparent 20%)}
.hero-eyebrow{font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:var(--ac);margin-bottom:1.5rem;animation:fup .8s ease both}
.hero h1{font-family:'Cormorant Garamond',serif;font-size:clamp(38px,5vw,68px);font-weight:300;line-height:1.06;letter-spacing:-.02em;animation:fup .8s .1s ease both}
.hero h1 em{font-style:italic;color:var(--ac)}
.hero-desc{font-size:15px;color:var(--md);line-height:1.8;font-weight:300;max-width:400px;margin:1.75rem 0 2.5rem;animation:fup .8s .2s ease both}
.hero-btns{display:flex;gap:1rem;animation:fup .8s .3s ease both}
.hero-scroll{position:absolute;bottom:2.5rem;left:3.5rem;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--lt);writing-mode:vertical-rl;display:flex;align-items:center;gap:10px}
.hero-scroll::before{content:'';width:1px;height:50px;background:var(--lt);display:block}
/* Stats strip */
.strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--bd);border-bottom:1px solid var(--bd)}
.strip-cell{padding:1.75rem 2.5rem;border-right:1px solid var(--bd)}
.strip-cell:last-child{border-right:none}
.strip-n{font-family:'Cormorant Garamond',serif;font-size:38px;font-weight:300;line-height:1}
.strip-l{font-size:11px;color:var(--md);margin-top:4px;letter-spacing:.04em}
/* Sobre */
.sobre-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:4rem;border:1px solid var(--bd)}
.sobre-img{overflow:hidden}
.sobre-img img{height:500px;transition:transform .7s}
.sobre-img:hover img{transform:scale(1.03)}
.sobre-txt{padding:3.5rem;display:flex;flex-direction:column;justify-content:center;border-left:1px solid var(--bd)}
.sobre-txt blockquote{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:300;font-style:italic;color:var(--md);line-height:1.5;margin:1.5rem 0;border-left:2px solid var(--ac);padding-left:1.25rem}
.cred-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem}
.cred{padding:1rem;border:1px solid var(--bd)}
.cred-n{font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:300;color:var(--ac)}
.cred-l{font-size:11px;color:var(--md);margin-top:3px}
/* Por que */
.pq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--bd);border:1px solid var(--bd);margin-top:4rem}
.pq-card{background:var(--wh);padding:2.5rem;transition:background .3s}
.pq-card:hover{background:var(--cr)}
.pq-icon{font-size:22px;margin-bottom:1rem}
.pq-card h3{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:400;margin-bottom:.6rem}
.pq-card p{font-size:12px;color:var(--md);line-height:1.8}
/* Depoimento */
.dep-sec{background:var(--dk);padding:5rem 3rem}
.dep-sec .tag{color:var(--ac)}
.dep-quote{font-family:'Cormorant Garamond',serif;font-size:clamp(20px,2.8vw,34px);font-weight:300;font-style:italic;color:#EDE8E0;line-height:1.45;max-width:700px;margin:1.75rem 0 2.25rem}
.dep-row{display:flex;align-items:center;gap:1rem}
.dep-av{width:40px;height:40px;border-radius:50%;background:var(--ac);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:500;color:var(--wh)}
.dep-nm{font-size:13px;font-weight:500;color:#EDE8E0}
.dep-rl{font-size:11px;color:var(--md);margin-top:2px}
/* CTA inicio */
.cta-inicio{padding:5rem 3rem;text-align:center;border-top:1px solid var(--bd)}
.cta-row{display:flex;gap:1rem;justify-content:center;margin-top:2rem}
/* FOOTER */
footer{padding:1.75rem 3rem;border-top:1px solid var(--bd);display:flex;justify-content:space-between;align-items:center}
footer p{font-size:11px;color:var(--lt);letter-spacing:.05em}
.ft-lg{font-family:'Cormorant Garamond',serif;font-size:16px;letter-spacing:.1em}
.ft-lg span{color:var(--ac)}
@keyframes fup{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}

/* ══════════════════════════════
   TIPOS DE PROJETOS
══════════════════════════════ */
#pg-tipos{background:var(--wh);padding-top:70px}
.tipos-hero{padding:4rem 3rem 3rem;border-bottom:1px solid var(--bd)}
.tipos-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--bd);margin:3rem 3rem 0}
.tipo-card{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--bd);border-right:1px solid var(--bd);overflow:hidden;transition:background .3s;cursor:pointer}
.tipo-card:nth-child(2n){border-right:none}
.tipo-card:nth-last-child(-n+2){border-bottom:none}
.tipo-card:hover{background:var(--cr)}
.tipo-img{overflow:hidden;height:200px}
.tipo-img img{height:200px;transition:transform .6s}
.tipo-card:hover .tipo-img img{transform:scale(1.05)}
.tipo-info{padding:2rem 1.75rem;display:flex;flex-direction:column;justify-content:center}
.tipo-cat{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--ac);margin-bottom:.6rem}
.tipo-info h3{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:400;margin-bottom:.6rem;line-height:1.2}
.tipo-info p{font-size:12px;color:var(--md);line-height:1.75}
.tipo-link{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ac);margin-top:1rem;display:inline-flex;align-items:center;gap:5px}
/* Tipos CTA strip */
.tipos-cta{padding:4rem 3rem;border-top:1px solid var(--bd);text-align:center;background:var(--cr)}

/* ══════════════════════════════
   PORTFÓLIO
══════════════════════════════ */
#pg-port{background:var(--wh);padding-top:70px}
.port-hero{padding:4rem 3rem 3rem;border-bottom:1px solid var(--bd)}
.port-feat{display:grid;grid-template-columns:1.3fr 1fr;gap:0;border:1px solid var(--bd);margin:3rem 3rem 0;overflow:hidden}
.port-feat-img{position:relative;overflow:hidden;height:500px}
.port-feat-img img{height:100%;transition:transform .8s}
.port-feat-img:hover img{transform:scale(1.04)}
.port-feat-badge{position:absolute;top:1.25rem;left:1.25rem;background:var(--dk);color:var(--wh);font-size:9px;letter-spacing:.15em;text-transform:uppercase;padding:5px 12px}
.port-feat-info{padding:3rem;display:flex;flex-direction:column;justify-content:center;border-left:1px solid var(--bd)}
.port-cat{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--ac);margin-bottom:.75rem}
.port-feat-info h2{font-family:'Cormorant Garamond',serif;font-size:32px;font-weight:300;line-height:1.15;margin-bottom:1rem}
.challenge{background:var(--cr);border-left:2px solid var(--ac);padding:1rem 1.25rem;margin:1.25rem 0}
.challenge h4{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--ac);margin-bottom:.4rem}
.challenge p{font-size:12px;color:var(--md);line-height:1.7}
.port-meta{display:flex;gap:1.5rem;margin-top:1.5rem;flex-wrap:wrap}
.pm{font-size:11px;color:var(--md)}
.pm span{display:block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--lt);margin-bottom:2px}
/* Grid portfólio */
.port-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-left:1px solid var(--bd);border-top:1px solid var(--bd);margin:2rem 3rem 0}
.pg-item{border-right:1px solid var(--bd);border-bottom:1px solid var(--bd);overflow:hidden;position:relative;group:true}
.pg-item-img{height:260px;overflow:hidden;position:relative}
.pg-item-img img{height:260px;transition:transform .6s}
.pg-item:hover .pg-item-img img{transform:scale(1.06)}
.pg-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(28,27,25,.7) 0%,transparent 50%);opacity:0;transition:opacity .3s}
.pg-item:hover .pg-overlay{opacity:1}
.pg-item-info{padding:1.25rem 1.5rem}
.pg-item-info h3{font-family:'Cormorant Garamond',serif;font-size:17px;font-weight:400;margin-bottom:.3rem}
.pg-item-info p{font-size:11px;color:var(--md)}
/* Before/After toggle */
.ba-wrap{position:relative;overflow:hidden;cursor:pointer}
.ba-after{position:absolute;inset:0;opacity:0;transition:opacity .5s}
.ba-label{position:absolute;bottom:.75rem;right:.75rem;background:rgba(28,27,25,.7);color:var(--wh);font-size:9px;letter-spacing:.12em;text-transform:uppercase;padding:4px 10px}
.ba-wrap:hover .ba-after{opacity:1}
.ba-wrap:hover .ba-label{opacity:0}
/* Port CTA */
.port-cta{padding:4rem 3rem;text-align:center;border-top:1px solid var(--bd)}

/* ══════════════════════════════
   PARA ARQUITETOS (com sub-nav)
══════════════════════════════ */
#pg-arq{background:var(--wh);padding-top:70px}
.arq-nav{background:var(--dk);padding:0 3rem;display:flex;gap:0;border-bottom:1px solid rgba(255,255,255,.08)}
.arq-tab{font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:1rem 1.5rem;border-bottom:2px solid transparent;color:#6B6760;cursor:pointer;transition:all .2s;background:none;border-left:none;border-right:none;border-top:none;font-family:'DM Sans',sans-serif}
.arq-tab:hover{color:var(--wh)}
.arq-tab.on{border-bottom-color:var(--ac);color:var(--ac)}
.arq-section{display:none}.arq-section.on{display:block}
/* Arq Hero */
.arq-hero{background:var(--dk);padding:5rem 3rem 4rem;position:relative;overflow:hidden}
.arq-hero-bg{position:absolute;top:50%;right:0;transform:translateY(-50%);font-family:'Cormorant Garamond',serif;font-size:20vw;font-weight:300;color:rgba(255,255,255,.03);pointer-events:none;user-select:none;line-height:1}
.arq-hero .tag{color:var(--ac)}
.arq-hero h1{font-family:'Cormorant Garamond',serif;font-size:clamp(36px,5vw,62px);font-weight:300;color:var(--wh);line-height:1.1;max-width:640px;margin-bottom:1.5rem}
.arq-hero h1 em{font-style:italic;color:var(--ac)}
.arq-hero p{font-size:14px;color:#9B9690;max-width:460px;line-height:1.8;margin-bottom:2.5rem}
.arq-btns{display:flex;gap:1rem;flex-wrap:wrap}
.btn-wh{font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:13px 28px;border:1px solid rgba(255,255,255,.25);background:transparent;color:var(--wh);cursor:pointer;transition:all .25s;font-family:'DM Sans',sans-serif}
.btn-wh:hover{background:rgba(255,255,255,.1)}
.arq-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.07);margin-top:4rem}
.arq-st{padding:1.75rem 2rem;border-right:1px solid rgba(255,255,255,.07)}
.arq-st:last-child{border-right:none}
.arq-st-n{font-family:'Cormorant Garamond',serif;font-size:36px;font-weight:300;color:var(--wh);line-height:1}
.arq-st-l{font-size:11px;color:#6B6760;margin-top:4px}
/* Offering grid */
.off-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--bd);border:1px solid var(--bd);margin:0}
.off-card{background:var(--wh);padding:2.5rem;transition:background .3s}
.off-card:hover{background:var(--cr)}
.off-icon{font-size:22px;margin-bottom:.9rem}
.off-card h3{font-family:'Cormorant Garamond',serif;font-size:18px;font-weight:400;margin-bottom:.7rem}
.off-card p{font-size:12px;color:var(--md);line-height:1.8;margin-bottom:.75rem}
.off-card li{font-size:11px;color:var(--md);list-style:none;padding-left:.75rem;position:relative;margin-bottom:3px;line-height:1.6}
.off-card li::before{content:'·';color:var(--ac);position:absolute;left:0}
/* Proof */
.proof-sec{background:var(--cr);padding:5rem 3rem}
.proof-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--bd);border:1px solid var(--bd);margin-top:3rem;max-width:900px;margin-left:auto;margin-right:auto}
.proof-card{background:var(--cr);padding:2rem;transition:background .3s}
.proof-card:hover{background:var(--wh)}
.proof-n{font-family:'Cormorant Garamond',serif;font-size:42px;font-weight:300;color:var(--ac)}
.proof-l{font-size:11px;color:var(--md);margin-top:3px}
.proof-d{font-size:12px;color:var(--md);line-height:1.7;margin-top:.7rem}
.arq-cta{padding:5rem 3rem;text-align:center;border-top:1px solid var(--bd)}
/* Como funciona (dentro de para arquitetos) */
.cf-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--bd);margin:3rem 3rem 0}
.cf-item{padding:2.5rem;border-right:1px solid var(--bd);border-bottom:1px solid var(--bd);transition:background .3s}
.cf-item:hover{background:var(--cr)}
.cf-item:nth-child(2n){border-right:none}
.cf-item:nth-child(3),.cf-item:nth-child(4){border-bottom:none}
.cf-num{font-family:'Cormorant Garamond',serif;font-size:10px;letter-spacing:.15em;color:var(--lt);margin-bottom:1.2rem}
.cf-icon{font-size:24px;margin-bottom:.9rem;display:block}
.cf-item h3{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:400;margin-bottom:.6rem}
.cf-item p{font-size:12px;color:var(--md);line-height:1.8}
/* ══════════════════════════════
   DASHBOARD (dentro de para arquitetos)
══════════════════════════════ */
.dash-body{padding:2rem 3rem;background:var(--cr)}
.dash-head-inner{padding:2rem 3rem 1.5rem;background:var(--wh);border-bottom:1px solid var(--bd);display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:1rem}
.dash-head-inner h2{font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:300;margin-top:4px}
.dash-head-inner h2 em{font-style:italic;color:var(--ac)}
.period{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--md);padding:7px 14px;border:1px solid var(--bd);background:var(--cr)}
.filter-bar{padding:.7rem 3rem;background:var(--wh);border-bottom:1px solid var(--bd);display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.fl{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--lt)}
.chip{font-size:10px;letter-spacing:.06em;padding:5px 13px;border:1px solid var(--bd);background:var(--wh);cursor:pointer;transition:all .2s;border-radius:20px;color:var(--md);white-space:nowrap;font-family:'DM Sans',sans-serif}
.chip:hover{border-color:var(--ac);color:var(--ac)}
.chip.on{background:var(--dk);color:var(--wh);border-color:var(--dk)}
.atag{font-size:10px;background:var(--al);color:var(--ac);padding:4px 12px;border-radius:20px;display:none;align-items:center;gap:6px}
.atag.show{display:inline-flex}
.atag button{background:none;border:none;cursor:pointer;color:var(--ac);font-size:13px;line-height:1}
.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--bd);border:1px solid var(--bd);margin-bottom:1.5rem}
.kpi{background:var(--wh);padding:1.5rem 1.75rem}
.kpi-l{font-size:10px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--md);margin-bottom:.6rem}
.kpi-v{font-family:'Cormorant Garamond',serif;font-size:32px;font-weight:300;color:var(--dk);line-height:1;transition:all .3s}
.kpi-s{font-size:11px;color:var(--md);margin-top:5px}
.bdg{display:inline-block;font-size:10px;font-weight:500;padding:2px 8px;border-radius:20px;margin-top:6px}
.bup{background:rgba(74,124,89,.12);color:var(--gn)}
.bdn{background:rgba(155,74,58,.12);color:var(--rd)}
.bnt{background:rgba(107,103,96,.12);color:var(--md)}
.ch-row{display:grid;grid-template-columns:1.4fr 1fr;gap:1.5rem;margin-bottom:1.5rem}
.chc{background:var(--wh);border:1px solid var(--bd);padding:1.5rem}
.cht{font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--md);margin-bottom:1.2rem}
.chw{position:relative;height:210px}
.bt-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem}
.tbc{background:var(--wh);border:1px solid var(--bd);padding:1.5rem}
.rtbl{width:100%;border-collapse:collapse;margin-top:.4rem}
.rtbl th{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--lt);padding:0 0 9px;text-align:left;border-bottom:1px solid var(--bd);font-weight:400}
.rtbl td{font-size:12px;color:var(--dk);padding:8px 0;border-bottom:1px solid var(--bd);vertical-align:middle}
.rtbl tr:last-child td{border-bottom:none}
.rtbl tr{cursor:pointer}
.rtbl tr:hover td{color:var(--ac)}
.rtbl tr.ron td{color:var(--ac);font-weight:500}
.bw{background:var(--al);height:3px;border-radius:2px;width:100%;margin-top:3px}
.bf{background:var(--ac);height:3px;border-radius:2px;transition:width .4s}
.pr{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--bd);font-size:12px;cursor:pointer}
.pr:last-of-type{border-bottom:none}
.pr:hover .prr{color:var(--ac)}
.prr{color:var(--dk);transition:color .2s}
.prc{font-size:10px;color:var(--md)}
.prp{font-size:11px;color:var(--ac);font-weight:500}
.fn-stats{margin-top:.9rem;display:flex;gap:.7rem;flex-wrap:wrap}
.fn-stats span{font-size:11px;color:var(--md)}
.fn-stats b{color:var(--ac);font-weight:500}
@media(max-width:768px){
  nav{padding:1rem 1.5rem}.nav-main{display:none}
  .hero{grid-template-columns:1fr;min-height:auto}.hero-right{height:50vh}
  .hero-right::after{background:linear-gradient(to bottom,var(--wh) 0%,transparent 30%)}
  .strip{grid-template-columns:1fr}
  .strip-cell{border-right:none;border-bottom:1px solid var(--bd)}
  .sobre-grid,.port-feat,.tipos-grid,.cf-grid{grid-template-columns:1fr}
  .tipo-card{grid-template-columns:1fr}
  .port-grid{grid-template-columns:1fr;margin:1rem 1.5rem 0}
  .off-grid,.pq-grid,.proof-grid{grid-template-columns:1fr}
  .kpi-row,.ch-row,.bt-row{grid-template-columns:1fr}
  .arq-stats{grid-template-columns:1fr 1fr}
  .sec,.dash-body,.dash-head-inner,.filter-bar,.cf-grid,.off-grid,.proof-sec,.arq-cta,.port-cta,.tipos-cta{padding-left:1.5rem;padding-right:1.5rem}
  .tipos-grid,.port-grid,.cf-grid,.off-grid,.proof-grid{margin-left:1.5rem;margin-right:1.5rem}
  footer{flex-direction:column;gap:.75rem;text-align:center}
}