/* =====================================================
   QIGGER — estilos compartilhados do site
   (base, animações e navegação; o layout das seções
   vive inline em cada página, vindo do design)
===================================================== */

body{margin:0;background:#161718;font-family:'Inter',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:hover{color:#FF8120}
img,svg{max-width:100%}
button{font-family:inherit}

/* ---------- animações ---------- */
@keyframes qMarquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes qPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}
@keyframes qBreath{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}

[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
[data-reveal].q-on{opacity:1;transform:none}
[data-type-line]{opacity:0;transition:opacity .45s ease}
[data-type-line].q-on{opacity:1}

.q-marquee:hover .q-marquee-track{animation-play-state:paused}

@media (prefers-reduced-motion: reduce){
  *{animation:none!important;transition:none!important}
  [data-reveal]{opacity:1!important;transform:none!important}
  [data-type-line]{opacity:1!important}
}

/* ---------- acessibilidade ---------- */
.skip-link{position:absolute;top:-100%;left:50%;transform:translateX(-50%);background:#FF8120;color:#fff;padding:12px 24px;border-radius:0 0 8px 8px;font-weight:600;font-size:.875rem;z-index:10000;transition:top .2s}
.skip-link:focus{top:0}

/* ---------- navegação ---------- */
.site-nav{position:sticky;top:0;z-index:100;background:rgba(22,23,24,.92);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06);transition:transform .3s ease}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px;max-width:1240px;margin:0 auto;padding:0 24px}
.nav-logo img{height:26px;display:block}
.nav-links{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:500}
.nav-links a{color:rgba(255,255,255,.72)}
.nav-links a:hover{color:#FF8120}
.nav-links a.active{color:#FF8120;font-weight:600}
.nav-cta{display:inline-flex;padding:10px 20px;border-radius:8px;background:linear-gradient(135deg,#FF8120,#FF6200);font-weight:600;transition:transform .2s}
.nav-links .nav-cta{color:#fff}
.nav-links .nav-cta:hover{color:#fff;transform:translateY(-1px)}
.nav-burger{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:8px;cursor:pointer}
.nav-burger span{display:block;width:22px;height:2px;background:#fff;border-radius:2px}
.nav-mobile{display:none;position:fixed;left:0;right:0;top:72px;bottom:0;background:#161718f7;padding:24px;flex-direction:column;gap:4px;z-index:220;overflow-y:auto}
.nav-mobile.open{display:flex}
.nav-mobile a{font-size:20px;font-weight:600;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08);color:#fff}
.nav-mobile a.active{color:#FF8120}
.nav-mobile .nav-cta{margin-top:20px;justify-content:center;padding:15px 20px;border-bottom:none;font-size:16px;color:#fff}

@media (max-width:920px){
  .nav-links{display:none}
  .nav-burger{display:flex}
}

/* ---------- status do hero ---------- */
.q-hero-status > span:first-child{flex:none}
@media (max-width:640px){
  .q-hero-status{flex-wrap:wrap;row-gap:6px}
  .q-hero-status .q-status-sep{display:none}
  .q-hero-status .q-status-metric{flex-basis:100%;padding-left:18px}
}

/* ---------- mobile: respiro nos cards (os paddings largos vêm inline do design) ---------- */
@media (max-width:640px){
  body{overflow-x:clip}
  [style*="padding:52px 48px"],[style*="padding:48px 44px"],[style*="padding:44px 42px"],
  [style*="padding:44px 40px"],[style*="padding:42px 36px"],[style*="padding:40px 38px"],
  [style*="padding:38px 44px"]{padding:30px 20px !important}
  [style*="padding:36px 34px"],[style*="padding:36px 32px"],[style*="padding:34px 30px"]{padding:26px 18px !important}
}