/* ============================================================
   Estilos comuns das páginas de calculadoras
   Extraído dos blocos inline para reduzir duplicação entre páginas.
   ============================================================ */

:root{--green:#00C853;--green-dim:#00A844;--green-glow:rgba(0,200,83,0.12);--green-border:rgba(0,200,83,0.22);--gold:#C9A84C;--bg:#080B0A;--bg-2:#0E1412;--bg-card:#111815;--bg-hover:#141C18;--white:#F0F4F2;--muted-1:rgba(240,244,242,0.65);--muted-2:rgba(240,244,242,0.40);--muted-3:rgba(240,244,242,0.12);--muted-4:rgba(240,244,242,0.05);}

*{margin:0;padding:0;box-sizing:border-box;}

html{scroll-behavior:smooth;}

body{font-family:"Outfit",sans-serif;background:var(--bg);color:var(--white);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='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:1000;opacity:0.4;}

nav{display:flex;justify-content:space-between;align-items:center;padding:1.4rem 2.5rem;position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(8,11,10,0.9);backdrop-filter:blur(20px);border-bottom:1px solid var(--muted-3);}

.logo{font-family:"Playfair Display",serif;font-weight:700;font-size:1.5rem;color:var(--white);letter-spacing:-0.5px;display:flex;align-items:center;gap:0.5rem;text-decoration:none;}

.logo-dot{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 10px var(--green);animation:pulse 2s infinite;}

@keyframes pulse{0%,100%{opacity:1;box-shadow:0 0 8px var(--green);}50%{opacity:0.6;box-shadow:0 0 16px var(--green);}}

.nav-links{display:flex;gap:2.5rem;list-style:none;}

.nav-links a:hover{color:var(--white);}

.nav-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none;}

.nav-hamburger span{display:block;width:22px;height:2px;background:var(--white);border-radius:2px;transition:transform 0.25s,opacity 0.25s;}

.nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}

.nav-hamburger.open span:nth-child(2){opacity:0;}

.nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

.nav-mobile-menu{display:none;position:fixed;top:57px;left:0;right:0;background:rgba(8,11,10,0.97);backdrop-filter:blur(20px);border-bottom:1px solid var(--muted-3);padding:1.5rem 1.25rem;z-index:99;flex-direction:column;}

.nav-mobile-menu.open{display:flex;}

.nav-mobile-menu a{color:var(--muted-1);text-decoration:none;font-size:1rem;padding:0.9rem 0;border-bottom:1px solid var(--muted-3);transition:color 0.2s;}

.nav-mobile-menu a:last-child{border-bottom:none;}

.page-eyebrow{display:inline-flex;align-items:center;gap:0.6rem;font-size:0.75rem;letter-spacing:2.5px;text-transform:uppercase;color:var(--green);margin-bottom:1.2rem;font-weight:500;}

.eyebrow-line{width:28px;height:1px;background:var(--green);}

.page-header h1{font-family:"Playfair Display",serif;font-size:clamp(2rem,4vw,3rem);font-weight:900;line-height:1.1;letter-spacing:-1px;margin-bottom:0.75rem;}

.page-header h1 em{font-style:italic;color:var(--green);}

.form-group input::placeholder{color:var(--muted-2);}

.btn-calc:hover{transform:translateY(-1px);box-shadow:0 8px 30px rgba(0,200,83,0.3);}

.results-section{display:none;animation:fadeUp 0.5s ease both;}

@keyframes fadeUp{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:translateY(0);}}

.faq-item{border-top:1px solid var(--muted-3);padding:1.25rem 0;}

.faq-item:last-child{border-bottom:1px solid var(--muted-3);}

.btn-pdf{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:8px;border:1px solid var(--muted-3);background:transparent;color:var(--muted-1);font-size:12px;font-family:"Outfit",sans-serif;cursor:pointer;transition:border-color 0.2s,color 0.2s;}

.btn-pdf:hover{border-color:#E53935;color:#E53935;}

.btn-pdf svg{width:13px;height:13px;flex-shrink:0;}

.btn-pdf.loading{opacity:0.6;cursor:wait;}

.btn-share{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:8px;border:1px solid var(--muted-3);background:transparent;color:var(--muted-1);font-size:12px;font-family:"Outfit",sans-serif;cursor:pointer;transition:border-color 0.2s,color 0.2s;}

.btn-share:hover{border-color:var(--green);color:var(--green);}

.btn-share svg{width:13px;height:13px;flex-shrink:0;}

.footer-links{display:flex;gap:1.5rem;}

.footer-links a{color:var(--muted-2);text-decoration:none;font-size:0.8rem;transition:color 0.2s;}

.footer-links a:hover{color:var(--green);}

.footer-copy{color:var(--muted-2);font-size:0.75rem;}

.nav-back{color:var(--muted-1);text-decoration:none;font-size:0.875rem;display:flex;align-items:center;gap:0.4rem;transition:color 0.2s;}

.nav-back:hover{color:var(--white);}

.form-card{background:var(--bg-card);border:1px solid var(--muted-3);border-radius:16px;padding:2.5rem;margin-bottom:1.5rem;}

.form-card-title{font-size:0.7rem;letter-spacing:2px;text-transform:uppercase;color:var(--muted-2);font-weight:500;margin-bottom:2rem;}

.form-group{display:flex;flex-direction:column;gap:0.5rem;}

.form-group label{font-size:0.8rem;color:var(--muted-2);font-weight:500;letter-spacing:0.3px;}

.form-group input:focus,.form-group select:focus{border-color:var(--green-border);box-shadow:0 0 0 3px var(--green-glow);}

.form-group select option{background:var(--bg-card);color:var(--white);}

.form-hint{font-size:0.75rem;color:var(--muted-2);margin-top:0.25rem;}

footer{border-top:1px solid var(--muted-3);padding:2rem 2.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;max-width:1200px;margin:0 auto;}

