/* ametta-base.css (seletores do cabeçalho/rodapé começam com "html body " para vencer regras genéricas
   tipo a{color:inherit} do CSS de cada página, que vêm depois):  tokens + cabeçalho + rodapé + botões comuns (padrão único, 05/10/2026).
   Fonte única: editar AQUI muda todas as páginas do padrão. Mudou? trocar o ?v= nas _partes/head.html. */
/* Fontes e tokens (:root) moram em ametta-tokens.css, carregado antes deste arquivo. */
*{margin:0;padding:0;box-sizing:border-box;border-radius:0}
html{scroll-behavior:smooth}
body{font-family:var(--sans);font-weight:400;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden;line-height:1.45}
::selection{background:var(--teal);color:var(--ink-on-teal)}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}
@media(max-width:640px){.wrap{padding:0 20px}}

.rv{opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .7s ease}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){.rv{transition:none;opacity:1;transform:none}}

.lbl{font-family:var(--mono);font-weight:500;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--teal)}
.lbl-dim{font-family:var(--mono);font-weight:500;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}



/* As partes comuns trazem as próprias cores: o CSS de cada página pode redefinir --line, --teal etc.
   no :root sem bagunçar o cabeçalho, o rodapé e o chat. */
html body .nav, html body .am-rodape, html #ama{--bg:#000000;--panel:#0c0c0e;--panel2:#141416;--ink:#ffffff;--dim:#8b8b90;--mute:#565659;
  --teal:#00c896;--ink-on-teal:#04130d;--line:rgba(255,255,255,.14);--line2:rgba(255,255,255,.28);
  --sans:'Satoshi','Satoshi Fallback',-apple-system,BlinkMacSystemFont,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--maxw:1280px}
html body .am-rodape a{text-decoration:none}
html body .am-rodape ul{list-style:none}
/* NAV — mesma sequência de cores da referência: chip de marca colorido + chip "Menu" que
   inverte contraste conforme a seção (escura/clara), fonte legível igual ao "Menu"/"Let's talk" */
html body .nav{position:fixed;top:0;left:0;right:0;z-index:95;pointer-events:none}
html body .nav-in{display:flex;align-items:flex-start;justify-content:space-between;max-width:var(--maxw);margin:0 auto;padding:20px 28px}
html body .nav-in>*{pointer-events:auto}
html body .menu-bar{display:flex;align-items:stretch;height:52px;background:#f2f1ec;border:none;transition:background .35s ease}
html body .menu-logo{display:flex;align-items:center;padding:0 18px;flex:none;background:var(--teal)}
html body .menu-logo img{height:18px;width:auto;display:block;filter:brightness(0)}
html body .menu-items{display:flex;align-items:stretch;max-width:0;overflow:hidden;transition:max-width .6s cubic-bezier(.76,0,.24,1)}
html body .menu.open .menu-items{max-width:76vw}
html body .menu-items a{display:flex;align-items:center;white-space:nowrap;padding:0 18px;font-family:var(--sans);font-weight:500;font-size:.92rem;letter-spacing:0;text-transform:none;color:#4a4a4e;opacity:0;transform:translateX(12px);transition:opacity .45s ease,transform .45s ease,color .2s}
html body .menu.open .menu-items a{opacity:1;transform:none}
html body .menu.open .menu-items a:nth-child(1){transition-delay:.14s}
html body .menu.open .menu-items a:nth-child(2){transition-delay:.2s}
html body .menu.open .menu-items a:nth-child(3){transition-delay:.26s}
html body .menu.open .menu-items a:nth-child(4){transition-delay:.32s}
html body .menu.open .menu-items a:nth-child(5){transition-delay:.38s}
html body .menu.open .menu-items a:nth-child(6){transition-delay:.44s}
html body .menu.open .menu-items a:nth-child(7){transition-delay:.5s}
/* 05/10/2026 (T3/T6): lado direito do cabeçalho = Área do cliente (texto) + WhatsApp */
html body .nav-r{display:flex;align-items:center;gap:20px}
html body .nav-cliente{display:flex;align-items:center;min-height:44px;font-family:var(--sans);font-weight:500;font-size:.92rem;color:#d6d6da;transition:color .2s}
html body .nav-cliente:hover{color:var(--teal)}
html body .nav.on-light .nav-cliente{color:#1b1e23}
html body .cube--nav .sm{display:none}
@media(max-width:900px){html body .nav-cliente{display:none}}
@media(max-width:640px){html body .cube--nav .lg{display:none}html body .cube--nav .sm{display:inline}}
html body .menu-items a:hover{color:var(--teal)}
html body .menu-toggle{display:flex;align-items:center;gap:9px;padding:0 20px;background:none;border:none;cursor:pointer;font-family:var(--sans);font-weight:500;font-size:.92rem;letter-spacing:0;text-transform:none;color:#0b0b0c;transition:color .2s}
html body .menu-toggle:hover{color:var(--teal)}
html body .menu-toggle .x{display:none}
html body .menu.open .menu-toggle .m{display:none}
html body .menu.open .menu-toggle .x{display:inline}
/* invertido: fundo escuro da página -> chip claro/letra escura; fundo claro da página -> chip escuro/letra clara */
html body .nav.on-light .menu-bar{background:#1b1e23}
html body .nav.on-light .menu-toggle{color:#fff}
html body .nav.on-light .menu-items a{color:#c9ccd1}
html body .nav.on-light .menu-items a:hover{color:var(--teal)}
@media(max-width:640px){html body .nav-in{padding:16px 18px}html body .menu-bar{height:46px}}
@media(max-width:900px){
  html body .nav{transition:transform .35s ease}
  html body .nav.hide{transform:translateY(-135%)}
  html body .menu{position:relative}
  html body .menu-items{position:absolute;top:calc(100% + 7px);left:0;min-width:210px;flex-direction:column;align-items:stretch;max-width:none;max-height:0;overflow:hidden;background:#f2f1ec;border:0;transition:max-height .42s cubic-bezier(.76,0,.24,1)}
  html body .menu.open .menu-items{max-height:60vh;border:1px solid rgba(0,0,0,.12)}
  html body .menu-items a{padding:15px 20px;font-size:.86rem;opacity:1;transform:none;border-bottom:1px solid rgba(0,0,0,.09)}
  html body .menu-items a:last-child{border-bottom:none}
  html body .nav.on-light .menu-items{background:#1b1e23}
  html body .nav.on-light .menu-items a{border-bottom-color:rgba(255,255,255,.1)}
}

.hero-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 28px;background:var(--teal);color:var(--ink-on-teal);font-weight:500;font-size:1rem;transition:background .2s}
.hero-cta:hover{background:#00e6ac}
.hero-cta:focus-visible{outline:2px solid #fff;outline-offset:3px}
/* SECTION */
.sec{padding:120px 0}
@media(max-width:640px){.sec{padding:80px 0}}
.giant{font-weight:500;font-size:clamp(2.5rem,9vw,7.5rem);line-height:.94;letter-spacing:-.045em}
.giant .t{color:var(--teal)}
.h2{font-weight:500;font-size:clamp(1.9rem,4.5vw,3.5rem);line-height:1;letter-spacing:-.035em}
.h2 .t{color:var(--teal)}
.lead{color:var(--dim);font-size:clamp(1.05rem,1.7vw,1.3rem);line-height:1.5;max-width:54ch}
.lead b{color:var(--ink);font-weight:500}

/* botão Orçamento: mesma inversão do Menu — fundo escuro da página -> chip claro/letra
   escura; fundo claro da página -> chip escuro/letra clara */
html body .nav .cube--nav .b1{background:#f2f1ec;color:#0b0b0c;border:none;transition:background .35s ease,color .3s ease}
html body .nav.on-light .cube--nav .b1{background:#1b1e23;color:#fff}
/* FOOTER */
html body .am-rodape{border-top:1px solid var(--line);padding:60px 0 34px;background:var(--bg);color:var(--ink);font-family:var(--sans)}
html body .foot-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:32px;max-width:var(--maxw);margin:0 auto;padding:0 28px 46px}
@media(max-width:820px){html body .foot-grid{grid-template-columns:1fr 1fr;row-gap:34px}}
@media(max-width:520px){html body .foot-grid{grid-template-columns:1fr}}
html body .foot-brand .fb{font-weight:700;font-size:1.05rem;margin-bottom:12px}
html body .foot-brand .fb span{color:var(--teal)}
html body .foot-brand p{color:var(--dim);font-size:.86rem;max-width:32ch;line-height:1.5}
html body .foot-col .fc-t{font-family:var(--mono);font-weight:500;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-bottom:6px}
html body .foot-col a{display:flex;align-items:center;min-height:44px;color:var(--dim);font-size:.88rem;transition:color .2s}
html body .foot-col a:hover{color:var(--teal)}
html body .foot-bottom{border-top:1px solid var(--line);padding-top:22px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;max-width:var(--maxw);margin:0 auto;padding-left:28px;padding-right:28px}
html body .foot-bottom .fm{font-family:var(--mono);font-size:.7rem;color:var(--dim);letter-spacing:.05em}
html body .back-top{display:inline-flex;align-items:center;min-height:44px;gap:8px;font-family:var(--mono);font-weight:500;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);border:1px solid var(--line2);padding:10px 16px;transition:.2s}
html body .back-top:hover{color:var(--teal);border-color:var(--teal)}

/* CUBE FLIP BUTTON */
html body .cube{position:relative;display:inline-flex;perspective:700px;-webkit-perspective:700px}
html body .cube-in{position:relative;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.62,.05,.1,1)}
html body .cube:hover .cube-in, html body .cube:focus-visible .cube-in{transform:rotateX(90deg)}
html body .cube:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
html body .cube-face{display:flex;align-items:center;justify-content:center;gap:11px;height:52px;padding:0 26px;white-space:nowrap;backface-visibility:hidden;-webkit-backface-visibility:hidden;font-family:var(--mono);font-weight:500;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}
html body .cube-face.b1{transform:translateZ(26px)}
html body .cube-face.b2{position:absolute;inset:0;transform:rotateX(-90deg) translateZ(26px)}
html body .cube .b1{background:transparent;color:var(--ink);border:none}
html body .cube .b2{background:var(--teal);color:var(--ink-on-teal)}
html body .cube--sm .cube-face{height:42px;padding:0 18px;font-size:.66rem}
html body .cube--sm .cube-face.b1{transform:translateZ(21px)}
html body .cube--sm .cube-face.b2{transform:rotateX(-90deg) translateZ(21px)}
/* botão de orçamento no nav: mesma fonte/tamanho legível do "Menu", com seta como na referência */
html body .cube--nav.cube--sm .cube-face{height:52px;padding:0 22px;font-family:var(--sans);font-weight:500;font-size:.92rem;letter-spacing:0;text-transform:none;gap:8px}
html body .cube--nav.cube--sm .cube-face.b1{transform:translateZ(26px)}
html body .cube--nav.cube--sm .cube-face.b2{transform:rotateX(-90deg) translateZ(26px)}
html body .cube--nav .arr{font-size:.9em;transition:transform .3s ease}
@media(max-width:640px){html body .cube--nav.cube--sm .cube-face{height:46px;padding:0 18px;font-size:.86rem}}
html body .cube--cta .cube-face{height:60px;padding:0 40px;font-family:var(--sans);font-weight:500;font-size:1rem;letter-spacing:0;text-transform:none}
html body .cube--cta .cube-face.b1{transform:translateZ(30px)}
html body .cube--cta .cube-face.b2{transform:rotateX(-90deg) translateZ(30px)}
html body .cube--cta .b1{background:var(--teal);color:var(--ink-on-teal);border:none}
html body .cube--cta .b2{background:#0c0c0e;color:var(--teal)}
@media (prefers-reduced-motion: reduce){
  html body .cube-in{transition:none}
  html body .cube:hover .cube-in, html body .cube:focus-visible .cube-in{transform:none}
  html body .cube:hover .b1{background:var(--teal);color:var(--ink-on-teal)}
  html body .cube--cta:hover .b1{background:#0c0c0e;color:var(--teal)}
}

/* Lenis smooth scroll base */
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}
.lenis.lenis-stopped{overflow:hidden}