/* Fábrica de Dados — CSS Global */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{
  --bg:#070b14;
  --bg2:#0d1220;
  --bg3:#111827;
  --accent:#e8622a;
  --accent2:#f59e0b;
  --text:#e8eaf0;
  --muted:#6b7a99;
  --border:#1e2d45;
  --white:#ffffff;
}

html{scroll-behavior:smooth}

body{
  background:var(--bg);
  color:var(--text);
  font-family:'Sora',sans-serif;
  font-size:16px;
  line-height:1.7;
  overflow-x:hidden;
}

body::before{
  content:'';position:fixed;inset:0;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
  pointer-events:none;z-index:0;
}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 5%;height:72px;background:rgba(7,11,20,0.85);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}
.nav-logo{font-family:'Fraunces',serif;font-weight:900;font-size:1.3rem;color:var(--white);text-decoration:none;letter-spacing:-0.02em}
.nav-logo span{color:var(--accent)}
.nav-links{display:flex;gap:2rem;list-style:none}
.nav-links a{color:var(--muted);text-decoration:none;font-size:0.85rem;font-weight:500;letter-spacing:0.05em;text-transform:uppercase;transition:color 0.2s}
.nav-links a:hover{color:var(--white)}
.nav-cta{background:var(--accent);color:var(--white)!important;padding:0.55rem 1.4rem;border-radius:4px;transition:opacity 0.2s!important}
.nav-cta:hover{opacity:0.85;color:var(--white)!important}
.nav-dropdown{position:relative}
.nav-dropdown-toggle{cursor:pointer;display:inline-flex;align-items:center;gap:0.3rem}
.nav-dropdown-toggle svg{transition:transform 0.2s}
.nav-dropdown:hover .nav-dropdown-toggle svg{transform:rotate(180deg)}
.nav-dropdown-menu{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);background:rgba(13,18,32,0.97);border:1px solid var(--border);border-radius:8px;padding:0.5rem 0;min-width:200px;box-shadow:0 12px 32px rgba(0,0,0,0.4);list-style:none;padding-top:0.75rem;margin-top:-0.25rem}
.nav-dropdown:hover .nav-dropdown-menu{display:block}
.nav-dropdown-menu li a{display:block;padding:0.6rem 1.2rem;color:var(--muted);text-decoration:none;font-size:0.82rem;font-weight:500;letter-spacing:0.03em;text-transform:uppercase;transition:color 0.2s,background 0.2s;white-space:nowrap}
.nav-dropdown-menu li a:hover{color:var(--white);background:rgba(232,98,42,0.08)}

/* SHARED COMPONENTS */
.section-label{font-size:0.75rem;font-weight:600;letter-spacing:0.15em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem}
.btn-primary{display:inline-flex;align-items:center;gap:0.5rem;background:var(--accent);color:var(--white);text-decoration:none;font-weight:600;font-size:0.9rem;padding:0.9rem 2rem;border-radius:6px;transition:transform 0.2s,box-shadow 0.2s;box-shadow:0 0 30px rgba(232,98,42,0.3)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 50px rgba(232,98,42,0.5)}
.btn-ghost{display:inline-flex;align-items:center;gap:0.5rem;background:transparent;color:var(--text);text-decoration:none;font-weight:500;font-size:0.9rem;padding:0.9rem 2rem;border-radius:6px;border:1px solid var(--border);transition:border-color 0.2s,color 0.2s}
.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}
.btn-whatsapp{display:inline-flex;align-items:center;gap:0.6rem;background:#25d366;color:var(--white);text-decoration:none;font-weight:600;font-size:0.9rem;padding:0.9rem 2rem;border-radius:6px;transition:opacity 0.2s}
.btn-whatsapp:hover{opacity:0.85}
.btn-whatsapp svg{width:18px;height:18px;fill:var(--white)}

/* PAGE HERO (subpages) */
.page-hero{padding:160px 5% 80px;position:relative;z-index:1;overflow:hidden}
.hero-glow{position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(232,98,42,0.1) 0%,transparent 70%);top:-50px;right:-100px;pointer-events:none}
.page-hero-inner{max-width:700px;position:relative;z-index:1}
.page-title{font-family:'Fraunces',serif;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:900;color:var(--white);line-height:1.0;letter-spacing:-0.03em;margin-bottom:1.2rem}
.page-title em{font-style:italic;color:var(--accent)}
.page-sub{color:var(--muted);font-size:1.05rem;font-weight:300;max-width:560px;margin-bottom:2.5rem}

section{padding:80px 5%;position:relative;z-index:1}

/* CTA BOX */
.cta-box{background:var(--bg2);border:1px solid var(--border);border-radius:16px;padding:4rem;text-align:center;margin-top:5rem}
.cta-box h2{font-family:'Fraunces',serif;font-size:clamp(1.5rem,3vw,2rem);color:var(--white);margin-bottom:0.8rem}
.cta-box p{color:var(--muted);font-weight:300;margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto}

/* TECH TAGS */
.tech-grid{display:flex;flex-wrap:wrap;gap:0.6rem;margin-top:2rem}
.tech-tag{background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:0.6rem 1.2rem;font-size:0.82rem;color:var(--text);font-weight:400;transition:border-color 0.2s}
.tech-tag:hover{border-color:var(--accent)}

/* FOOTER */
footer{padding:60px 5% 40px;border-top:1px solid var(--border);position:relative;z-index:1}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}
.footer-brand p{color:var(--muted);font-size:0.85rem;font-weight:300;margin-top:0.8rem;max-width:280px}
.footer-col h5{color:var(--white);font-size:0.8rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:1rem}
.footer-col ul{list-style:none}
.footer-col li{margin-bottom:0.5rem}
.footer-col a{color:var(--muted);text-decoration:none;font-size:0.85rem;font-weight:300;transition:color 0.2s}
.footer-col a:hover{color:var(--accent)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid var(--border)}
.footer-bottom p{color:var(--muted);font-size:0.78rem}
.footer-bottom a{color:var(--muted);text-decoration:none}
.footer-bottom a:hover{color:var(--accent)}

/* HAMBURGER MOBILE */
.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:0.5rem;z-index:101}
.nav-toggle span{display:block;width:22px;height:2px;background:var(--white);margin:5px 0;transition:transform 0.3s,opacity 0.3s}
.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.nav-toggle.active span:nth-child(2){opacity:0}
.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}

/* RESPONSIVE */
@media(max-width:900px){
  .nav-toggle{display:block}
  .nav-links{display:none!important;position:fixed;top:72px;left:0;right:0;bottom:0;background:rgba(7,11,20,0.98);flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:2rem;z-index:99}
  .nav-links.nav-open{display:flex!important}
  .nav-dropdown-menu{position:static;transform:none;background:transparent;border:none;box-shadow:none;display:none;padding:0;min-width:auto}
  .nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown.open .nav-dropdown-menu{display:flex;flex-direction:column;align-items:center;gap:0.5rem;margin-top:0.5rem}
  .nav-dropdown-menu li a{padding:0.4rem 1rem;font-size:0.8rem}
  .hero-stats{display:none}
  .pilares-header{grid-template-columns:1fr}
  .pilares-grid{grid-template-columns:1fr}
  .porque{flex-direction:column}
  .met-grid{grid-template-columns:1fr}
  .jornada-grid{grid-template-columns:1fr}
  .rto-grid{grid-template-columns:1fr}
  .servicos-grid{grid-template-columns:1fr}
  .cloud-cards{grid-template-columns:1fr}
  .versoes-grid{grid-template-columns:repeat(2,1fr)}
  .contact-layout{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .footer-bottom{flex-direction:column;gap:0.5rem;text-align:center}
  .checklist-grid{grid-template-columns:1fr}
  .cenarios-grid{grid-template-columns:1fr}
  .beneficios-grid{grid-template-columns:1fr}
  .providers-grid{grid-template-columns:1fr}
  .cta-box{padding:2.5rem 1.5rem}
  section{padding:60px 5%}
}