/* Emotiqo: identidade comum de emotiqo.com e emotiqo.com/biz */
:root{
  --petroleo:#0F3D4C;--claridade:#1F6F87;--salvia:#2F6656;--grafite:#16211F;--nevoa:#F3F6F6;--papel:#fff;
  --suave:#56676A;--linha:#DCE4E5;--ouro:#FFDC57;--texto-c:#2C3B39;
  --display:"Sora","Segoe UI",system-ui,sans-serif;--texto:"IBM Plex Sans","Segoe UI",system-ui,sans-serif;
  --larg:1360px;--lado:clamp(20px,4vw,56px);--topo-h:72px;
  --h1:clamp(38px,4.6vw + 4px,88px);--h2:clamp(28px,2.6vw + 8px,56px);--h3:clamp(20px,.5vw + 16px,24px);
  --corpo:clamp(17px,.25vw + 15.5px,19px);--secao:clamp(64px,7vw,128px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--topo-h) + 16px);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--papel);color:var(--grafite);font-family:var(--texto);font-size:var(--corpo);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%}
a{color:var(--claridade)}
p{margin:0}
h1,h2,h3{font-family:var(--display);color:var(--petroleo);margin:0;line-height:1.12;font-weight:700;overflow-wrap:normal;word-break:normal;hyphens:manual}
h1{font-size:var(--h1);letter-spacing:-.03em;line-height:1.04}
h2{font-size:var(--h2);letter-spacing:-.022em;max-width:20ch}
h3{font-size:var(--h3);font-weight:600;letter-spacing:-.01em}
.wrap{max-width:calc(var(--larg) + 2 * var(--lado));margin:0 auto;padding:0 var(--lado)}
.corrido{text-align:justify;-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:7 3 3}

/* barra do topo */
.topo{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(255,255,255,.97);-webkit-backdrop-filter:saturate(1.4) blur(8px);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid #E3E9E9}
.topo .wrap{display:flex;align-items:center;justify-content:space-between;height:var(--topo-h);gap:16px}
.topo .marca{display:flex;align-items:center;text-decoration:none;flex:none}
.logo-h{height:24px;width:auto;display:block}
.logo-s{display:none;width:32px;height:32px}
.topo nav{display:flex;align-items:center;gap:clamp(14px,2.4vw,36px)}
.topo nav a{font-family:var(--display);font-size:15px;font-weight:600;color:var(--petroleo);text-decoration:none;white-space:nowrap;padding:8px 0}
.topo nav a:hover{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px;text-decoration-color:var(--ouro)}
.topo nav .curto{display:none}
main{padding-top:var(--topo-h)}

/* botões */
.btn-ouro{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;column-gap:.32em;row-gap:0;background:var(--ouro);color:var(--grafite);text-decoration:none;font-family:var(--display);font-weight:700;font-size:clamp(16px,.3vw + 15px,18px);line-height:1.3;text-align:center;padding:18px 32px;border-radius:999px;border:0;cursor:pointer;transition:transform .15s}
.btn-ouro:hover{transform:translateY(-1px)}
.preco,.nw{white-space:nowrap}

/* rodapé */
.rod{background:var(--petroleo);color:#E4ECEC;padding:clamp(56px,6vw,88px) 0 44px;font-size:15px}
.rod a{color:#fff;text-decoration:none}
.rod a:hover{text-decoration:underline}
.rod .frase{font-family:var(--display);font-size:clamp(22px,1.2vw + 16px,32px);font-weight:600;color:#fff;margin-bottom:28px;letter-spacing:-.015em}
.rod .links{display:flex;flex-wrap:wrap;gap:12px 28px;margin-bottom:28px}
.rod .copy{color:#9DB3B7;font-size:13px}

@media (max-width:640px){
  :root{--topo-h:60px}
  .logo-h{display:none}.logo-s{display:block}
  .topo nav{gap:18px}
  .topo nav a{font-size:15px}
  .topo nav .longo{display:none}.topo nav .curto{display:inline}
  .btn-ouro{width:100%;padding:17px 22px}
}
@media (max-width:359px){.topo nav{gap:12px}.topo nav a{font-size:14px}}