/* Azenha Gestão Empresarial — estilos compartilhados */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; scroll-padding-top: 88px; }
body { margin: 0; background: #F6F3EE; overflow-x: hidden; -webkit-font-smoothing: antialiased; }
img, svg { max-width: 100%; }
a { color: #8A5A14; }
a:hover { color: #041B33; }
button, a { -webkit-tap-highlight-color: transparent; }
[hidden] { display: none !important; }
:focus-visible { outline: 3px solid #C9974A; outline-offset: 3px; border-radius: 6px; }
.az-skip { position: absolute; left: 16px; top: -60px; z-index: 100; padding: 10px 16px; border-radius: 10px; background: #041B33; color: #FFFFFF; font: 700 15px Manrope, system-ui, sans-serif; text-decoration: none; transition: top .2s ease; }
.az-skip:focus { top: 12px; color: #FFFFFF; }

/* ---------- Keyframes ---------- */
@keyframes azUp { from { opacity: 0; transform: translateY(28px); } to { opacity: 1; transform: none; } }
@keyframes azWord { from { transform: translateY(105%); } to { transform: none; } }
@keyframes azGrow { from { transform: scaleY(0); } to { transform: scaleY(1); } }
@keyframes azFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-12px); } }
@keyframes azDraw { from { stroke-dashoffset: 1200; } to { stroke-dashoffset: 0; } }
@keyframes azSpin { to { transform: rotate(360deg); } }
@keyframes azMarquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes azPulse { 0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, .45); } 70% { box-shadow: 0 0 0 18px rgba(37, 211, 102, 0); } 100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); } }
@keyframes azLine { from { background-size: 0% 6px; } to { background-size: 100% 6px; } }
@keyframes azDot { 0%, 100% { opacity: 1; } 50% { opacity: .35; } }
@keyframes azGlow { 0%, 100% { box-shadow: 0 0 0 0 rgba(201, 151, 74, 0); } 50% { box-shadow: 0 0 40px 4px rgba(201, 151, 74, .28); } }
@keyframes azRow { from { opacity: 0; transform: translateX(-16px); } to { opacity: 1; transform: none; } }
@keyframes azCheck { from { stroke-dashoffset: 24; } to { stroke-dashoffset: 0; } }
@keyframes azPop { 0% { transform: scale(.4); opacity: 0; } 70% { transform: scale(1.12); opacity: 1; } 100% { transform: scale(1); } }
@keyframes azFill { from { width: 0; } }
@keyframes azRipple { 0% { transform: scale(.85); opacity: .7; } 100% { transform: scale(1.6); opacity: 0; } }
@keyframes azTyping { 0%, 80%, 100% { transform: translateY(0); opacity: .4; } 40% { transform: translateY(-4px); opacity: 1; } }
@keyframes azDash { to { stroke-dashoffset: -40; } }
@keyframes azShine { from { background-position: -200% 0; } to { background-position: 200% 0; } }

/* ---------- Animações de entrada (carregamento) ---------- */
.az-w { display: inline-block; overflow: hidden; vertical-align: bottom; padding-bottom: .08em; }
.az-w > span { display: inline-block; animation: azWord .9s cubic-bezier(.2, .75, .15, 1) both; }
.az-in { animation: azUp .9s cubic-bezier(.2, .75, .15, 1) both; }
.az-bar { transform-origin: bottom; animation: azGrow 1.1s cubic-bezier(.2, .75, .15, 1) both; }
.az-float { animation: azFloat 7s ease-in-out infinite; }
.az-draw { stroke-dasharray: 1200; animation: azDraw 2.4s cubic-bezier(.6, 0, .2, 1) .3s both; }
.az-spin { transform-origin: 50% 50%; animation: azSpin 60s linear infinite; }
.az-marquee { animation: azMarquee 42s linear infinite; }
.az-wa { animation: azPulse 2.4s infinite; }
.az-live, .az-blink { animation: azDot 1.6s ease-in-out infinite; }
.az-glow { animation: azGlow 4s ease-in-out infinite; }
.az-mark { background-image: linear-gradient(#C9974A, #C9974A); background-repeat: no-repeat; background-position: 0 92%; background-size: 100% 6px; animation: azLine 1s cubic-bezier(.6, 0, .2, 1) .9s both; }
.az-row { animation: azRow .6s cubic-bezier(.2, .75, .15, 1) both; }
.az-pop { animation: azPop .5s cubic-bezier(.2, .75, .15, 1) both; }
.az-check { stroke-dasharray: 24; animation: azCheck .45s ease-out both; }
.az-fill { animation: azFill 1.6s cubic-bezier(.6, 0, .2, 1) both; }
.az-ripple { animation: azRipple 2.8s cubic-bezier(.2, .6, .3, 1) infinite; }
.az-flow { stroke-dasharray: 6 6; animation: azDash 1.4s linear infinite; }
.az-typing span { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #8A5A14; animation: azTyping 1.2s infinite; }
.az-typing span:nth-child(2) { animation-delay: .15s; }
.az-typing span:nth-child(3) { animation-delay: .3s; }
.az-msg { animation: azUp .5s cubic-bezier(.2, .75, .15, 1) both; }
.az-shine { background: linear-gradient(90deg, #C9974A 0%, #F3D9A6 50%, #C9974A 100%); background-size: 200% 100%; -webkit-background-clip: text; background-clip: text; color: transparent; animation: azShine 6s linear infinite; }

/* ---------- Animações ao rolar (IntersectionObserver em main.js) ---------- */
html.js .az-rv { opacity: 0; transform: translateY(28px); transition: opacity .8s cubic-bezier(.2, .75, .15, 1), transform .8s cubic-bezier(.2, .75, .15, 1); }
html.js .az-rv.in { opacity: 1; transform: none; }
html.js .az-barv { transform: scaleY(0); transform-origin: bottom; transition: transform 1s cubic-bezier(.2, .75, .15, 1); }
html.js .az-barv.in { transform: scaleY(1); }
html.js .az-track { transform: scaleX(0); transform-origin: left; transition: transform 1.6s cubic-bezier(.6, 0, .2, 1); }
html.js .az-track.in { transform: scaleX(1); }
html.js .az-year { clip-path: inset(100% 0 0 0); transition: clip-path 1.2s cubic-bezier(.6, 0, .2, 1); }
html.js .az-year.in { clip-path: inset(0 0 0 0); }
html.js .az-eq { opacity: 0; transition: opacity .6s ease; }
html.js .az-eq.in { opacity: 1; }
.az-eq2 { transition-delay: .25s !important; }
.az-eq3 { transition-delay: .5s !important; }
.az-eq4 { transition-delay: .75s !important; }

/* ---------- Interações ---------- */
.az-btn { transition: transform .25s ease, box-shadow .25s ease, background-color .25s ease; }
.az-btn:hover { transform: translateY(-2px); box-shadow: 0 12px 28px -12px rgba(4, 27, 51, .55); }
.az-btn .az-arrow { transition: transform .25s ease; }
.az-btn:hover .az-arrow { transform: translateX(4px); }
.az-card { transition: transform .35s cubic-bezier(.2, .75, .15, 1), border-color .35s ease, box-shadow .35s ease; }
.az-card:hover { transform: translateY(-6px); border-color: #C9974A; box-shadow: 0 24px 48px -28px rgba(4, 27, 51, .45); }
.az-node { transition: transform .35s cubic-bezier(.2, .75, .15, 1), border-color .35s ease, background-color .35s ease; }
.az-node:hover { transform: translateY(-6px); border-color: #C9974A; background: #0E2D4F; }
.az-feat img { transition: transform .8s cubic-bezier(.2, .75, .15, 1); }
.az-feat:hover img { transform: translateY(-8px) scale(1.02); }
.az-navlink { position: relative; text-decoration: none; }
.az-navlink::after { content: ""; position: absolute; left: 0; right: 0; bottom: -6px; height: 2px; background: #C9974A; transform: scaleX(0); transform-origin: left; transition: transform .3s ease; }
.az-navlink:hover::after { transform: scaleX(1); }
.az-pain { transition: padding-left .35s ease, color .35s ease; }
.az-pain:hover { padding-left: 12px; color: #FFFFFF; }
.az-chip { transition: background-color .25s ease, color .25s ease, border-color .25s ease; }
.az-chip:hover { background: #041B33; color: #FFFFFF !important; border-color: #041B33; }
.az-opt { transition: background-color .2s ease, color .2s ease, border-color .2s ease; cursor: pointer; }
.az-opt:hover { border-color: #041B33 !important; }
.az-opt.on { background: #041B33 !important; color: #FFFFFF !important; border-color: #041B33 !important; }
.az-ben { transition: background-color .35s ease, color .35s ease; }
.az-ben:hover { background: #041B33; }
.az-ben:hover .az-ben-n { color: #C9974A !important; }
.az-ben:hover .az-ben-t { color: #FFFFFF !important; }
.az-ben .az-ben-n, .az-ben .az-ben-t { transition: color .35s ease; }
.az-field { transition: border-color .2s ease, box-shadow .2s ease; }
.az-field:focus { outline: none; border-color: #8A5A14 !important; box-shadow: 0 0 0 4px rgba(201, 151, 74, .25); }
.az-val { transition: background-color .4s ease, transform .4s cubic-bezier(.2, .75, .15, 1); }
.az-val:hover { background: #041B33 !important; transform: translateY(-6px); }
.az-val:hover .az-val-t { color: #FFFFFF !important; }
.az-val:hover .az-val-d { color: #C9CFD8 !important; }
.az-val:hover .az-val-i { background: #C9974A !important; color: #041B33 !important; }
.az-val .az-val-t, .az-val .az-val-d, .az-val .az-val-i { transition: color .4s ease, background-color .4s ease; }
.az-range { width: 100%; accent-color: #8A5A14; height: 32px; cursor: pointer; }
.az-row-h { transition: background-color .2s ease; }
.az-row-h:hover { background: #F6F3EE; }

/* Cabeçalho */
.az-header { transition: box-shadow .3s ease; }
.az-header.scrolled { box-shadow: 0 10px 30px -20px rgba(4, 27, 51, .5); }
.az-nav-actions { display: flex; align-items: center; gap: 10px; }
.az-burger { display: none; flex-direction: column; align-items: center; justify-content: center; width: 46px; height: 46px; border-radius: 12px; border: 1.5px solid rgba(4, 27, 51, .18); background: transparent; color: #041B33; cursor: pointer; padding: 0; }
.az-header--dark .az-burger { border-color: rgba(255, 255, 255, .25); color: #FFFFFF; }
.az-burger span { display: block; width: 20px; height: 2px; border-radius: 2px; background: currentColor; transition: transform .3s ease, opacity .3s ease; }
.az-burger span + span { margin-top: 5px; }
.az-burger[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.az-burger[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.az-burger[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
.az-drawer { position: absolute; left: 0; right: 0; top: 100%; background: #F6F3EE; border-bottom: 1px solid rgba(4, 27, 51, .1); box-shadow: 0 30px 40px -30px rgba(4, 27, 51, .45); padding: 8px 16px 20px; display: flex; flex-direction: column; animation: azUp .35s cubic-bezier(.2, .75, .15, 1) both; max-height: calc(100dvh - 74px); overflow-y: auto; }
.az-drawer a.az-drawer-link { display: flex; align-items: center; justify-content: space-between; min-height: 56px; border-bottom: 1px solid rgba(4, 27, 51, .08); color: #041B33; text-decoration: none; font: 700 18px Sora, 'Segoe UI', system-ui, sans-serif; }
.az-drawer a.az-drawer-cta { margin-top: 16px; display: flex; align-items: center; justify-content: center; min-height: 54px; border-radius: 999px; background: #8A5A14; color: #FFFFFF; text-decoration: none; font: 800 16px Manrope, system-ui, sans-serif; }
.az-header--dark .az-drawer { background: #041B33; border-bottom-color: rgba(255, 255, 255, .08); }
.az-header--dark .az-drawer a.az-drawer-link { color: #FFFFFF; border-bottom-color: rgba(255, 255, 255, .1); }
.az-header--dark .az-drawer a.az-drawer-cta { background: #C9974A; color: #041B33; }
.az-drawer-badge { font: 800 11px Manrope, system-ui, sans-serif; letter-spacing: .06em; text-transform: uppercase; padding: 3px 8px; border-radius: 99px; background: #041B33; color: #E2BD82; }
.az-header--dark .az-drawer-badge { background: #C9974A; color: #041B33; }

/* ---------- Responsivo ---------- */
@media (max-width: 980px) {
  .az-links { display: none !important; }
  .az-burger { display: inline-flex; }
}
@media (max-width: 900px) {
  .az-sticky { position: static !important; }
}
@media (max-width: 640px) {
  html { scroll-padding-top: 76px; }
  body { font-size: 16px; }
  .az-nav-cta { display: none !important; }
  .az-hline { display: none !important; }
  .az-hero-vis { min-height: 430px !important; }
  .az-fc-cash { width: 168px !important; top: 16px !important; padding: 12px !important; }
  .az-fc-bubble { max-width: 190px !important; top: 24px !important; font-size: 13px !important; }
  .az-fc-hide-sm { display: none !important; }
  .az-wa { width: 54px !important; height: 54px !important; right: 14px !important; bottom: 14px !important; }
  .az-q { padding: 18px !important; }
  .az-q > div[role="group"] { width: 100%; }
  .az-q > div[role="group"] button { flex: 1; }
  .az-cta-row > a { width: 100%; justify-content: center; }
  .az-marquee { font-size: 16px !important; }
  .az-bignum { font-size: 64px !important; }
  .az-agents { gap: 12px !important; }
  .az-agents .az-node { width: calc(50% - 6px) !important; }
  .az-agents-core { order: -1; width: 180px !important; margin: 0 calc(50% - 90px) 8px !important; }
  .az-chat-body { min-height: 0 !important; }
  .az-sep { display: none !important; }
  .az-ben { min-height: 0 !important; padding: 22px 20px !important; gap: 10px !important; }
  .az-btn:not(.az-nav-cta) { justify-content: center; text-align: center; padding-left: 22px !important; padding-right: 22px !important; }
  .az-btn[style*="align-self: flex-start"] { align-self: stretch !important; }
  .az-page > footer { padding-bottom: 72px; }
}
@media (max-width: 380px) {
  .az-fc-cash { display: none !important; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
  html.js .az-rv, html.js .az-eq { opacity: 1; transform: none; }
  html.js .az-barv, html.js .az-track { transform: none; }
  html.js .az-year { clip-path: none; }
}