/* Marca OneSendz nos sites públicos: fonte dos títulos, destaques em degradê e textos de apoio.
   Um arquivo só para todas as páginas: mudou aqui, muda em tudo.
   Os seletores usam :root:root para valer mesmo sobre os estilos escritos dentro de cada página. */

/* "OneSendz Display": a letra que a seção da IA Sendy mostrava no Windows, agora igual em todo aparelho.
   Títulos de peso 800 e 900 saíam em Arial Black: aqui, Archivo Black (mesmo peso e largura).
   Pesos até 700 saíam em Arial: aqui, Arimo (mesmo desenho e medidas). Os dois guardados no próprio site, ~39 KB. */
@font-face {
  font-family: 'OneSendz Display';
  src: url(/fonts/arimo.woff2) format('woff2');
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'OneSendz Display';
  src: url(/fonts/archivo-black.woff2) format('woff2');
  font-weight: 750 1000;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Títulos: letras um pouco mais juntas, como na seção da IA Sendy */
:root:root h1, :root:root h2 { letter-spacing: -0.025em; }

/* Frase de destaque dos títulos em degradê (verde-água, verde e lima).
   Em fundo claro, tons mais fortes para manter o contraste. */
:root:root :is(h1, h2) :is(em, .em) {
  font-style: normal;
  background: linear-gradient(90deg, #0d9488, #16a34a 55%, #65a30d);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
/* Em fundo escuro, os tons claros da seção da Sendy */
:root:root :is(.pv-sec.dark, .sd-sec, .dark, .bg-dark, .ink-sec) :is(h1, h2) :is(em, .em) {
  background-image: linear-gradient(90deg, #2dd4bf, #4ade80 45%, #bef264);
}
/* Em fundo verde da marca, tons bem claros para não sumir no verde */
:root:root :is(.pv-sec.green, .pv-cta-sec, .green) :is(h1, h2) :is(em, .em) {
  background-image: linear-gradient(90deg, #ccfbf1, #bbf7d0 50%, #ecfccb);
}

/* Textos de apoio: o peso 300 ficava fino e apagado; 400 lê melhor */
:root:root :is(.hero-body, .sec-sub, .ec-hero-sub, .sp-body, .pv-sub) { font-weight: 400; }
:root:root .hero-body { color: var(--ink-4, #444); }

/* Menu do celular (14/10/2026): cabia só metade e não rolava. Produto vira um grupo que abre e fecha,
   os itens ficam mais juntos, a lista rola e os botões Entrar / Teste ficam sempre visíveis embaixo. */
:root:root .mob-menu { overflow: hidden; height: 100dvh; }
:root:root .mob-links { overflow-y: auto; min-height: 0; padding: 8px 12px; gap: 0; overscroll-behavior: contain; }
:root:root .mob-links > a, :root:root .mob-grupo > summary { padding: 11px 14px; font-size: 15px; }
:root:root .mob-grupo > summary {
  list-style: none; cursor: pointer; font-weight: 500; color: var(--ink-3, #2C2C2C); border-radius: 10px;
  display: flex; align-items: center; justify-content: space-between;
}
:root:root .mob-grupo > summary::-webkit-details-marker { display: none; }
:root:root .mob-grupo > summary::after { content: '›'; color: var(--ink-8, #CCC); font-size: 18px; transition: transform .2s; }
:root:root .mob-grupo[open] > summary::after { transform: rotate(90deg); }
:root:root .mob-grupo > summary:hover { background: var(--ink-10, #F4F4F4); }
:root:root .mob-grupo .mob-sub { display: flex; flex-direction: column; margin: 0 0 6px 14px; padding-left: 8px; border-left: 2px solid var(--ink-9, #E5E5E5); }
:root:root .mob-grupo .mob-sub a { padding: 8px 12px !important; font-size: 14px !important; color: var(--ink-5, #666) !important; }
:root:root .mob-grupo .mob-sub a::after { content: none; }
:root:root .mob-actions { padding: 12px 20px calc(16px + env(safe-area-inset-bottom, 0px)); gap: 8px; flex: none; }
:root:root .mob-btn-in, :root:root .mob-btn-cta { padding: 11px; }

/* Com o menu aberto, a bolinha do WhatsApp sai da frente dos botões Entrar / Teste */
body:has(.mob-menu.open) [data-onesendz="widget"] { display: none !important; }

/* Seletor de idioma (PT | ES): no cabeçalho, antes do Entrar, e no menu do celular acima dos botões */
:root:root .lang-sel { display: inline-flex; align-items: center; gap: 2px; padding: 3px; border: 1px solid var(--ink-9, #E5E5E5); border-radius: 999px; margin-right: 6px; background: var(--white, #fff); }
:root:root .lang-sel a { font-size: 12px; font-weight: 700; letter-spacing: .04em; color: var(--ink-5, #666); text-decoration: none; padding: 5px 9px; border-radius: 999px; line-height: 1; }
:root:root .lang-sel a:hover { color: var(--ink, #0A0A0A); }
:root:root .lang-sel a[aria-current="page"] { background: var(--leaf-3, #2C8247); color: #fff; }
:root:root .lang-sel.mob-lang { align-self: center; margin: 0 0 4px; }
:root:root .lang-sel.mob-lang a { font-size: 13px; padding: 7px 14px; }
@media (max-width: 1080px) { :root:root .nav-actions .lang-sel:not(.mob-lang) { display: none; } }