/* Página de sites: um caminho curto do anúncio à prova real e ao WhatsApp. */
.site-sales-page{--sales-white:#f7f7fa;--sales-muted:#c4c6d0;--sales-teal:#08deaa;--sales-violet:#8b72ff;--sales-line:#34343c}
.site-sales-page .page{background:#000}
.site-sales-page nav{height:76px;background:rgba(8,8,12,.94)}
.site-sales-page nav .shell{justify-content:space-between}
.site-sales-page nav .brand{transform:none}
.site-sales-page nav .brand img{height:48px}
.site-sales-page nav .brand .tagline{display:none}
.site-sales-page nav .btn-white{padding:13px 20px;font-weight:600}
.site-sales-page .nav-cta-short{display:none}
.site-sales-page a:focus-visible{outline:3px solid var(--sales-teal);outline-offset:4px}
.sales-shell{width:min(100% - 48px,1200px);margin-inline:auto}

.sites-hero{padding:76px 0 84px;isolation:isolate}
.sites-hero-grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);align-items:center;gap:clamp(40px,5vw,84px)}
.sites-hero-copy{text-align:left}
.sites-kicker{color:var(--sales-teal);font:600 15px/1.35 'Plus Jakarta Sans',sans-serif;margin:0 0 24px}
.sites-hero h1{max-width:680px;color:var(--sales-white);font:700 clamp(40px,4.65vw,64px)/1.08 'Plus Jakarta Sans',sans-serif;letter-spacing:-.04em;text-wrap:balance}
.sites-lead{max-width:590px;margin-top:26px;color:var(--sales-muted);font:400 clamp(16px,1.6vw,18px)/1.65 'Plus Jakarta Sans',sans-serif}
.sites-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px 28px;margin-top:34px}
.sales-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:15px 25px;border-radius:100px;background:var(--sales-white);color:#101015;font:700 15px/1.2 'Plus Jakarta Sans',sans-serif;text-align:center;transition:background .2s ease,transform .2s ease}
.sales-button:hover{background:#dcfff5;color:#101015;transform:translateY(-2px)}
.sales-text-link{color:var(--sales-white);font:600 15px/1.35 'Plus Jakarta Sans',sans-serif;text-decoration:underline;text-decoration-color:var(--sales-violet);text-decoration-thickness:2px;text-underline-offset:7px}
.sales-text-link:hover{color:#dcfff5}
.sites-assurance{margin-top:18px;color:#aeb2bd;font:400 14px/1.5 'Plus Jakarta Sans',sans-serif}
.sites-hero-proof{position:relative;min-width:0;margin:0}
.sites-hero-proof::before{content:"";position:absolute;z-index:-1;inset:8% -5% -7%;background:radial-gradient(ellipse at 48% 55%,rgba(76,58,201,.37),transparent 68%);filter:blur(16px);pointer-events:none}
.sites-proof-browser{overflow:hidden;border:1px solid rgba(139,114,255,.66);border-radius:16px;background:#13131a;box-shadow:0 28px 72px rgba(0,0,0,.48)}
.sites-proof-bar{display:flex;align-items:center;gap:14px;height:34px;padding:0 13px;border-bottom:1px solid var(--sales-line);color:#a9a9b3;font:400 11px/1 'JetBrains Mono',monospace;white-space:nowrap;overflow:hidden}
.sites-proof-bar > span:last-child{overflow:hidden;text-overflow:ellipsis}
.sites-proof-lights{display:inline-flex;gap:5px;flex:none}
.sites-proof-lights i{width:7px;height:7px;border-radius:50%;background:#60606b}
.sites-hero-proof img{width:100%;height:auto;aspect-ratio:1200/683;object-fit:cover;object-position:top}
.sites-hero-proof figcaption{display:flex;align-items:center;gap:9px;margin-top:15px;color:#aeb2bd;font:500 13px/1.4 'Plus Jakarta Sans',sans-serif}
.sites-live-dot{width:7px;height:7px;flex:none;border-radius:50%;background:var(--sales-teal);box-shadow:0 0 10px rgba(8,222,170,.6)}

.sales-section{padding:88px 0}
.sales-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:36px}
.sales-heading h2,.sales-why h2,.sales-process h2,.sales-final h2{max-width:670px;color:var(--sales-white);font:700 clamp(30px,3.3vw,46px)/1.14 'Plus Jakarta Sans',sans-serif;letter-spacing:-.035em;text-wrap:balance}
.sales-heading p{max-width:430px;color:var(--sales-muted);font:400 16px/1.6 'Plus Jakarta Sans',sans-serif}
.sales-portfolio{border-top:1px solid #1e1e26}
.sales-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.sales-project{min-width:0}
.sales-project-image{overflow:hidden;aspect-ratio:1200/683;border:1px solid #373740;border-radius:12px;background:#17171d}
.sales-project-duomo .sales-project-image{border-color:#846aff}
.sales-project-rema .sales-project-image{border-color:#c9a25c}
.sales-project-catalan .sales-project-image{border-color:#49aee8}
.sales-project-image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .35s ease}
.sales-project:hover .sales-project-image img{transform:scale(1.025)}
.sales-project-copy{padding:20px 2px 4px}
.sales-project-copy h3{color:#fff;font:700 21px/1.25 'Plus Jakarta Sans',sans-serif;letter-spacing:-.015em}
.sales-project-copy p{margin-top:10px;color:var(--sales-muted);font:400 15px/1.55 'Plus Jakarta Sans',sans-serif}
.sales-project-copy a{display:inline-block;margin-top:16px;color:#a8f2df;font:600 14px/1.35 'Plus Jakarta Sans',sans-serif;text-decoration:underline;text-underline-offset:5px}
.sales-project-copy a:hover{color:#fff}
.sales-inline-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:48px;padding-top:30px;border-top:1px solid var(--sales-line)}
.sales-inline-cta p{max-width:500px;color:#fff;font:600 clamp(19px,2.2vw,25px)/1.35 'Plus Jakarta Sans',sans-serif}

.sales-why{background:#121219}
.sales-why-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(44px,7vw,110px)}
.sales-why h2{max-width:560px}
.sales-why-grid > div:first-child p{max-width:520px;margin-top:22px;color:var(--sales-muted);font:400 17px/1.65 'Plus Jakarta Sans',sans-serif}
.sales-reasons{display:grid;gap:0}
.sales-reasons > div{display:grid;grid-template-columns:155px 1fr;gap:22px;padding:19px 0;border-top:1px solid #44444d}
.sales-reasons > div:last-child{border-bottom:1px solid #44444d}
.sales-reasons h3{color:var(--sales-teal);font:600 16px/1.4 'Plus Jakarta Sans',sans-serif}
.sales-reasons p{color:#d5d5dc;font:400 15px/1.55 'Plus Jakarta Sans',sans-serif}

.sales-delivery-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.sales-delivery-list > div{padding-top:22px;border-top:2px solid #6959ce}
.sales-delivery-list > div:nth-child(2){border-color:#f31199}
.sales-delivery-list > div:nth-child(3){border-color:#08deaa}
.sales-delivery-list h3{color:#fff;font:700 21px/1.3 'Plus Jakarta Sans',sans-serif}
.sales-delivery-list p{max-width:350px;margin-top:12px;color:var(--sales-muted);font:400 15px/1.6 'Plus Jakarta Sans',sans-serif}

.sales-process{border-top:1px solid #22222b}
.sales-process-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(44px,7vw,110px)}
.sales-process-grid > div > p{max-width:460px;margin-top:22px;color:var(--sales-muted);font:400 17px/1.6 'Plus Jakarta Sans',sans-serif}
.sales-process ol{list-style:none;counter-reset:step}
.sales-process li{counter-increment:step;display:grid;grid-template-columns:42px 1fr;column-gap:16px;padding:18px 0;border-top:1px solid var(--sales-line)}
.sales-process li::before{content:counter(step,decimal-leading-zero);grid-row:1/3;color:var(--sales-violet);font:500 14px/1.5 'JetBrains Mono',monospace}
.sales-process li strong{color:#fff;font:600 17px/1.4 'Plus Jakarta Sans',sans-serif}
.sales-process li span{margin-top:5px;color:var(--sales-muted);font:400 15px/1.55 'Plus Jakarta Sans',sans-serif}

.sales-final{padding:96px 0 108px;text-align:center;background:radial-gradient(ellipse at 50% 120%,rgba(0,71,253,.35),transparent 72%)}
.sales-final .sales-shell{display:flex;flex-direction:column;align-items:center}
.sales-final h2{max-width:780px}
.sales-final p{max-width:580px;margin-top:24px;color:var(--sales-muted);font:400 17px/1.6 'Plus Jakarta Sans',sans-serif}
.sales-final .sales-button{margin-top:30px}
.sales-mobile-contact{display:none}

@media(max-width:900px){
  .sites-hero-grid{grid-template-columns:1fr;gap:44px}
  .sites-hero h1{max-width:760px}
  .sites-hero-proof{max-width:760px}
  .sales-heading{display:block}
  .sales-heading p{margin-top:18px}
  .sales-projects{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sales-why-grid,.sales-process-grid{grid-template-columns:1fr;gap:38px}
}
@media(max-width:620px){
  .site-sales-page nav{height:66px}
  .site-sales-page nav .shell{padding-inline:18px}
  .site-sales-page nav .brand img{height:30px}
  .site-sales-page nav .btn-white{padding:10px 15px;font-size:13px}
  .site-sales-page .nav-cta-full{display:none}
  .site-sales-page .nav-cta-short{display:inline}
  .sales-shell{width:min(100% - 36px,1200px)}
  .sites-hero{padding:42px 0 54px}
  .sites-hero-grid{gap:36px}
  .sites-kicker{font-size:13px;margin-bottom:18px}
  .sites-hero h1{font-size:clamp(34px,9.4vw,45px);line-height:1.09;letter-spacing:-.038em}
  .sites-lead{margin-top:18px;font-size:15px;line-height:1.55}
  .sites-actions{display:grid;gap:18px;margin-top:24px}
  .sites-actions .sales-button{width:100%}
  .sales-text-link{justify-self:start}
  .sites-assurance{margin-top:17px;font-size:12px}
  .sites-hero-proof figcaption{font-size:12px}
  .sales-section{padding:62px 0}
  .sales-heading{margin-bottom:28px}
  .sales-heading h2,.sales-why h2,.sales-process h2,.sales-final h2{font-size:clamp(29px,8vw,36px)}
  .sales-heading p{font-size:15px}
  .sales-projects{grid-template-columns:1fr;gap:32px}
  .sales-project-copy{padding-top:14px}
  .sales-inline-cta{display:grid;gap:20px;margin-top:36px}
  .sales-inline-cta .sales-button{width:100%}
  .sales-reasons > div{grid-template-columns:1fr;gap:4px}
  .sales-delivery-list{grid-template-columns:1fr;gap:28px}
  .sales-final{padding:72px 0 86px}
  .sales-final p{font-size:16px}
  .sales-final .sales-button{width:100%}
  .sales-mobile-contact{display:block;position:fixed;z-index:70;left:0;right:0;bottom:0;padding:10px 18px calc(10px + env(safe-area-inset-bottom));background:rgba(8,8,12,.97);border-top:1px solid #484850;transform:translateY(110%);pointer-events:none;transition:transform .22s ease}
  .sales-mobile-contact.is-visible{transform:none;pointer-events:auto}
  .sales-mobile-contact a{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:100px;background:#fff;color:#101015;font:700 14px/1.2 'Plus Jakarta Sans',sans-serif}
}
@media(prefers-reduced-motion:reduce){
  .sales-button,.sales-project-image img,.sales-mobile-contact{transition:none}
  .sales-button:hover,.sales-project:hover .sales-project-image img{transform:none}
}