/* ─── RESET & BASE ──────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
--bg: #060907;
--teal: #0F6E56;
--mid: #1D9E75;
--lime: #A8C83A;
--blue: #0C447C;
--blue-light: #5B9BD9;
--txt: #F4F7F5;
--muted: rgba(244,247,245,0.58);
--card: rgba(255,255,255,0.045);
--border: rgba(168,200,58,0.22);
--border-blue: rgba(12,68,124,0.4);
--glow: rgba(168,200,58,0.18);
--glow-blue: rgba(12,68,124,0.3);
}
html { scroll-behavior: smooth; }
body {
background: var(--bg);
color: var(--txt);
font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
line-height: 1.6;
overflow-x: hidden;
background-image:
linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px);
background-size: 34px 34px;
}

/* ─── PARTICLE CANVAS ───────────────────────── */
#bg-canvas {
position: fixed;
inset: 0;
z-index: 0;
pointer-events: none;
}

/* ─── LAYOUT WRAPPER ────────────────────────── */
.wrapper { position: relative; z-index: 1; }

/* ─── NAVBAR ────────────────────────────────── */
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: 100px;
background: #FFFFFF;
border-bottom: 1px solid rgba(0,0,0,0.08);
box-shadow: 0 2px 12px rgba(0,0,0,0.06);
}
.logo-wrap {
display: flex;
align-items: center;
gap: 14px;
text-decoration: none;
background: none;
border: none;
padding: 0;
}
.logo-img {
height: 76px;
width: auto;
max-height: 80%;
transition: filter 0.3s;
background: none;
image-rendering: -webkit-optimize-contrast;
}
.logo-img:hover { filter: none; }
.logo-text {
display: flex;
flex-direction: column;
line-height: 1.1;
}
.logo-text strong {
color: var(--teal);
font-size: 18px;
font-weight: 800;
letter-spacing: 0.05em;
}
.logo-text span {
color: var(--blue);
font-size: 11px;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.nav-links {
display: flex;
gap: 36px;
list-style: none;
}
.nav-links a {
color: rgba(10,31,24,0.65);
text-decoration: none;
font-size: 13px;
font-weight: bold;
letter-spacing: 0.04em;
text-transform: uppercase;
transition: color 0.2s;
}
.nav-links a:hover { color: var(--teal); }
.nav-cta {
background: var(--lime);
color: var(--bg) !important;
padding: 8px 22px;
border-radius: 30px;
font-weight: 700 !important;
font-size: 13px !important;
}
.nav-cta:hover { background: #bdd844 !important; color: var(--bg) !important; }

/* ─── HERO ──────────────────────────────────── */
.hero {
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 120px 5% 80px;
background:
radial-gradient(circle at 18% 8%, rgba(168,200,58,0.08), transparent 45%),
radial-gradient(circle at 88% 18%, rgba(12,68,124,0.16), transparent 42%);
}
.hero-inner { max-width: 820px; }
.hero-badge {
display: inline-flex;
align-items: center;
gap: 8px;
background: var(--card);
border: 1px solid var(--border);
border-radius: 30px;
padding: 6px 18px;
font-size: 12px;
color: var(--lime);
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
margin-bottom: 28px;
font-family: 'Consolas', monospace;
box-shadow: 0 0 20px var(--glow);
}
.hero h1 {
font-size: clamp(2.2rem, 5vw, 3.8rem);
font-weight: 800;
line-height: 1.15;
color: var(--txt);
margin-bottom: 20px;
}
.hero h1 em {
font-style: normal;
color: var(--lime);
text-shadow: 0 0 24px rgba(168,200,58,0.5);
}
.hero p {
font-size: clamp(1rem, 2vw, 1.2rem);
color: var(--muted);
max-width: 600px;
margin: 0 auto 40px;
}
.hero-btns {
display: flex;
gap: 14px;
justify-content: center;
flex-wrap: wrap;
}
.btn-primary {
background: var(--lime);
color: #0A1F18;
padding: 14px 32px;
border-radius: 40px;
font-weight: 700;
font-size: 15px;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 8px;
transition: all 0.25s;
box-shadow: 0 0 30px rgba(168,200,58,0.35);
}
.btn-primary:hover {
background: #bdd844;
box-shadow: 0 0 50px rgba(168,200,58,0.55);
transform: translateY(-2px);
}
.btn-secondary {
background: var(--card);
color: var(--blue-light);
padding: 14px 32px;
border-radius: 40px;
font-weight: 600;
font-size: 15px;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 8px;
border: 1px solid var(--border-blue);
transition: all 0.25s;
}
.btn-secondary:hover {
border-color: var(--blue-light);
color: #8FC7FF;
transform: translateY(-2px);
box-shadow: 0 0 30px var(--glow-blue);
}
.hero-stats {
display: flex;
gap: 48px;
justify-content: center;
margin-top: 64px;
padding-top: 40px;
border-top: 1px solid var(--border);
}
.stat-item { text-align: center; }
.stat-num {
font-size: 2.2rem;
font-weight: 800;
color: var(--lime);
line-height: 1;
text-shadow: 0 0 20px rgba(168,200,58,0.4);
}
.stat-lbl {
font-size: 11px;
color: var(--muted);
text-transform: uppercase;
letter-spacing: 0.1em;
margin-top: 4px;
font-family: 'Consolas', monospace;
}

/* ─── SECTION SHARED ────────────────────────── */
section { padding: 96px 5%; }
.section-tag {
display: inline-block;
color: var(--lime);
font-size: 11px;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
margin-bottom: 12px;
font-family: 'Consolas', monospace;
}
.section-title {
font-size: clamp(1.8rem, 3.5vw, 2.8rem);
font-weight: 800;
color: var(--txt);
line-height: 1.2;
margin-bottom: 16px;
}
.section-sub {
color: var(--muted);
font-size: 1.05rem;
max-width: 560px;
margin-bottom: 56px;
}

/* ─── MODULES / DASHBOARDS ──────────────────── */
#dashboards { background: rgba(255,255,255,0.015); }
.modules-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 20px;
}
.module-card {
background: var(--card);
border: 1px solid var(--border);
border-radius: 14px;
padding: 28px;
text-decoration: none;
color: var(--txt);
display: block;
transition: all 0.25s;
position: relative;
overflow: hidden;
}
.module-card::before {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(135deg, var(--glow) 0%, transparent 60%);
opacity: 0;
transition: opacity 0.3s;
}
.module-card:hover {
border-color: var(--lime);
transform: translateY(-4px);
box-shadow: 0 12px 40px rgba(0,0,0,0.5), 0 0 30px rgba(168,200,58,0.15);
}
.module-card:hover::before { opacity: 1; }
.module-icon {
font-size: 2.4rem;
margin-bottom: 16px;
display: block;
filter: drop-shadow(0 0 6px rgba(168,200,58,0.35));
}
.module-title {
font-size: 1.15rem;
font-weight: 700;
color: var(--txt);
margin-bottom: 8px;
}
.module-desc {
font-size: 13px;
color: var(--muted);
line-height: 1.5;
}
.module-arrow {
position: absolute;
bottom: 22px;
right: 22px;
width: 32px;
height: 32px;
border-radius: 50%;
background: var(--border);
display: flex;
align-items: center;
justify-content: center;
color: var(--lime);
font-size: 14px;
transition: all 0.25s;
}
.module-card:hover .module-arrow {
background: var(--lime);
color: var(--bg);
}
.module-badge {
display: inline-block;
background: rgba(168,200,58,0.15);
color: var(--lime);
border: 1px solid rgba(168,200,58,0.3);
border-radius: 20px;
padding: 2px 10px;
font-size: 10px;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
margin-bottom: 12px;
font-family: 'Consolas', monospace;
}
.module-badge-destaque {
background: rgba(12,68,124,0.3) !important;
color: #8FC7FF !important;
border-color: var(--border-blue) !important;
}

/* ─── NEXORA SECTION ─────────────────────────── */
#nexora {
text-align: center;
}
.nexora-card {
background: linear-gradient(135deg, rgba(12,68,124,0.18) 0%, rgba(168,200,58,0.08) 100%);
border: 1px solid var(--border-blue);
border-radius: 20px;
padding: 56px 48px;
max-width: 800px;
margin: 0 auto;
position: relative;
overflow: hidden;
box-shadow: 0 0 60px var(--glow-blue);
}
.nexora-card::before {
content: '';
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: radial-gradient(circle, rgba(168,200,58,0.08) 0%, transparent 60%);
animation: pulse 4s ease-in-out infinite;
}
@keyframes pulse {
0%, 100% { transform: scale(0.9); opacity: 0.5; }
50% { transform: scale(1.1); opacity: 1; }
}
.nexora-logo-wrap {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 16px;
margin-bottom: 24px;
background: none;
padding: 14px 24px;
border-radius: 16px;
}
.nexora-name {
font-size: 2.4rem;
font-weight: 900;
color: var(--lime);
letter-spacing: 0.2em;
text-shadow: 0 0 30px rgba(168,200,58,0.4);
}

/* ─── PRICING / PLANOS ───────────────────────── */
#planos { background: rgba(255,255,255,0.015); }
.plans-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 24px;
max-width: 1000px;
margin: 0 auto;
}
.plan-card {
background: var(--card);
border: 1px solid var(--border);
border-radius: 16px;
padding: 36px 28px;
position: relative;
transition: all 0.25s;
}
.plan-card.featured {
border: 2px solid var(--lime);
box-shadow: 0 0 50px rgba(168,200,58,0.22);
background: rgba(168,200,58,0.05);
}
.plan-card:hover {
transform: translateY(-4px);
box-shadow: 0 12px 40px rgba(0,0,0,0.4);
}
.plan-tag {
position: absolute;
top: -12px;
left: 50%;
transform: translateX(-50%);
background: var(--lime);
color: var(--bg);
font-size: 11px;
font-weight: 800;
padding: 4px 16px;
border-radius: 20px;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.plan-name {
font-size: 1.1rem;
font-weight: 700;
color: var(--txt);
margin-bottom: 8px;
}
.plan-price {
font-size: 1.4rem;
font-weight: 900;
color: var(--lime);
line-height: 1;
margin-bottom: 4px;
text-shadow: 0 0 24px rgba(168,200,58,0.35);
}
.plan-price sup { font-size: 1.2rem; font-weight: 600; vertical-align: top; margin-top: 8px; }
.plan-price sub { font-size: 0.9rem; font-weight: 400; color: var(--muted); }
.plan-period {
font-size: 12px;
color: var(--muted);
margin-bottom: 24px;
}
.plan-features {
list-style: none;
margin-bottom: 28px;
}
.plan-features li {
display: flex;
align-items: flex-start;
gap: 10px;
font-size: 13px;
color: var(--muted);
padding: 7px 0;
border-bottom: 1px solid rgba(255,255,255,0.06);
}
.plan-features li .check {
color: var(--lime);
flex-shrink: 0;
font-size: 14px;
margin-top: 1px;
}
.plan-btn {
display: block;
text-align: center;
padding: 12px;
border-radius: 10px;
font-weight: 700;
font-size: 14px;
text-decoration: none;
transition: all 0.2s;
}
.plan-btn-lime {
background: var(--lime);
color: #0A1F18;
}
.plan-btn-lime:hover { background: #bdd844; }
.plan-btn-outline {
border: 1px solid var(--border);
color: var(--txt);
}
.plan-btn-outline:hover { border-color: var(--lime); color: var(--lime); }
.payment-icons {
display: flex;
justify-content: center;
gap: 12px;
flex-wrap: wrap;
margin-top: 40px;
}
.pay-chip {
background: var(--card);
border: 1px solid var(--border);
border-radius: 8px;
padding: 8px 16px;
font-size: 12px;
color: var(--muted);
display: flex;
align-items: center;
gap: 6px;
}
/* ─── CONTACT ───────────────────────────────── */
#contato { text-align: center; }
.contact-grid {
display: flex;
gap: 20px;
justify-content: center;
flex-wrap: wrap;
margin-top: 48px;
}
.contact-card {
background: var(--card);
border: 1px solid var(--border);
border-radius: 14px;
padding: 28px 36px;
text-align: center;
text-decoration: none;
color: var(--txt);
transition: all 0.25s;
min-width: 200px;
}
.contact-card:hover {
border-color: var(--lime);
transform: translateY(-3px);
box-shadow: 0 0 30px var(--glow);
}
.contact-icon { font-size: 2rem; margin-bottom: 10px; display: block; filter: drop-shadow(0 0 6px rgba(168,200,58,0.3)); }
.contact-label { font-size: 12px; color: var(--muted); text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 4px; }
.contact-value { font-size: 14px; font-weight: 600; color: var(--lime); }

/* ─── FOOTER ────────────────────────────────── */
footer {
border-top: 1px solid var(--border);
padding: 32px 5%;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 20px;
}
footer p { color: var(--muted); font-size: 13px; }
.footer-links { display: flex; gap: 24px; }
.footer-links a { color: var(--muted); text-decoration: none; font-size: 13px; transition: color 0.2s; }
.footer-links a:hover { color: var(--lime); }
.powered {
font-size: 12px;
color: var(--muted);
}
.powered span { color: var(--lime); font-weight: 700; }

/* ─── WHATSAPP FLOAT ────────────────────────── */
.wpp-float {
position: fixed;
bottom: 28px;
right: 28px;
z-index: 200;
width: 56px;
height: 56px;
background: #25D366;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 4px 24px rgba(37,211,102,0.55), 0 0 30px rgba(37,211,102,0.3);
transition: all 0.25s;
text-decoration: none;
font-size: 26px;
}
.wpp-float:hover {
transform: scale(1.1);
box-shadow: 0 6px 30px rgba(37,211,102,0.75), 0 0 40px rgba(37,211,102,0.4);
}

/* ─── ANIMATIONS ─────────────────────────────── */
@keyframes fadeUp {
from { opacity: 0; transform: translateY(30px); }
to { opacity: 1; transform: translateY(0); }
}
.fade-up { animation: fadeUp 0.7s ease forwards; }
.fade-up-2 { animation: fadeUp 0.7s 0.2s ease both; }
.fade-up-3 { animation: fadeUp 0.7s 0.4s ease both; }

/* ─── RESPONSIVE ─────────────────────────────── */
@media (max-width: 768px) {
.nav-links { display: none; }
.hero-stats { gap: 28px; }
.stat-num { font-size: 1.8rem; }
.nexora-card { padding: 40px 24px; }
}

/* ─── MERCADOS / COTAÇÕES ────────────────────── */
.market-strip {
display: flex;
gap: 16px;
flex-wrap: wrap;
justify-content: center;
margin-top: 32px;
}
.quote-chip {
background: var(--card);
border: 1px solid var(--border);
border-radius: 18px;
padding: 18px 26px;
min-width: 160px;
text-align: center;
}
.quote-label {
font-size: 12px;
color: var(--muted);
text-transform: uppercase;
letter-spacing: 0.08em;
margin-bottom: 6px;
font-family: 'Consolas', monospace;
}
.quote-value { font-size: 1.5rem; font-weight: 800; color: var(--txt); }
.quote-change { font-size: 13px; font-weight: 700; margin-top: 4px; }
.quote-change.up { color: var(--mid); }
.quote-change.down { color: #E24B4A; }
.quote-updated { font-size: 11px; color: var(--muted); text-align: center; margin-top: 16px; }

/* ─── NOTÍCIAS TECH ──────────────────────────── */
.news-list {
display: flex;
flex-direction: column;
gap: 14px;
flex: 1;
min-width: 0;
}
.news-card {
background: var(--card);
border: 1px solid var(--border);
border-radius: 16px;
padding: 16px;
text-decoration: none;
color: var(--txt);
display: flex;
gap: 16px;
align-items: flex-start;
transition: transform 0.2s, border-color 0.2s;
}
.news-card:hover { transform: translateX(4px); border-color: var(--lime); }
.news-thumb {
width: 130px;
height: 90px;
border-radius: 12px;
object-fit: cover;
flex-shrink: 0;
background: var(--border);
}
@media (max-width: 560px) {
.news-thumb { width: 84px; height: 84px; }
}
.news-thumb-empty {
display: flex;
align-items: center;
justify-content: center;
font-size: 1.8rem;
}
.news-body { flex: 1; min-width: 0; text-align: left; }
.news-source {
font-size: 11px;
color: var(--lime);
text-transform: uppercase;
letter-spacing: 0.08em;
font-weight: 700;
margin-bottom: 6px;
font-family: 'Consolas', monospace;
}
.news-title { font-size: 15px; font-weight: 700; line-height: 1.4; margin-bottom: 6px; }
.news-summary { font-size: 13px; color: var(--muted); line-height: 1.5; }
.news-date { font-size: 12px; color: var(--muted); }
/* ─── PILARES ─────────────────────────────────── */
.pillars-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
gap: 20px;
margin-top: 40px;
}
.pillar-card {
text-align: center;
padding: 32px 18px;
background: var(--card);
border: 1px solid var(--border);
border-radius: 20px;
transition: transform 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.pillar-card:hover { transform: translateY(-4px); border-color: var(--lime); box-shadow: 0 0 30px var(--glow); }
.pillar-icon { font-size: 2.2rem; margin-bottom: 12px; display: block; filter: drop-shadow(0 0 6px rgba(168,200,58,0.3)); }
.pillar-name { font-weight: 800; color: var(--lime); font-size: 1rem; letter-spacing: 0.02em; margin-bottom: 8px; }
.pillar-desc { font-size: 12px; color: var(--muted); line-height: 1.5; }

/* ─── MISSÃO ──────────────────────────────────── */
.mission-box {
max-width: 760px;
margin: 0 auto;
text-align: center;
padding: 48px 32px;
background: var(--card);
border: 1px solid var(--border-blue);
border-radius: 28px;
box-shadow: 0 0 50px var(--glow-blue);
}
.mission-box p {
font-size: clamp(1.2rem, 2.4vw, 1.6rem);
font-weight: 700;
color: var(--txt);
line-height: 1.5;
}
.mission-box p em { color: var(--lime); font-style: normal; text-shadow: 0 0 20px rgba(168,200,58,0.4); }

/* ─── HISTÓRIA DO CEO ─────────────────────────── */
.ceo-wrap {
display: flex;
gap: 48px;
align-items: flex-start;
max-width: 940px;
margin: 40px auto 0;
flex-wrap: wrap;
}
.ceo-photo-placeholder {
width: 180px;
height: 180px;
border-radius: 50%;
overflow: hidden;
background: var(--card);
border: 2px solid var(--lime);
display: flex;
align-items: center;
justify-content: center;
font-size: 3.2rem;
flex-shrink: 0;
margin: 0 auto;
box-shadow: 0 0 30px rgba(168,200,58,0.3);
}
.ceo-name { text-align: center; margin-top: 14px; font-weight: 800; color: var(--txt); }
.ceo-role { text-align: center; font-size: 12px; color: var(--lime); text-transform: uppercase; letter-spacing: 0.08em; }
.ceo-text { flex: 1; min-width: 280px; color: var(--muted); font-size: 1rem; line-height: 1.85; }
.ceo-text strong { color: var(--txt); }
.ceo-text p { margin-bottom: 18px; }
.ceo-quote {
margin-top: 8px;
padding: 20px 26px;
border-left: 3px solid var(--lime);
font-style: italic;
color: var(--txt);
background: var(--card);
border-radius: 0 14px 14px 0;
}
.ceo-quote span { display: block; margin-top: 10px; font-style: normal; font-size: 13px; color: var(--muted); }

/* ─── SIGNIFICADO DO NOME ─────────────────────── */
.meaning-wrap {
display: flex;
gap: 48px;
align-items: center;
max-width: 940px;
margin: 40px auto 0;
flex-wrap: wrap;
}
.meaning-logo-box {
width: 200px;
height: 200px;
border-radius: 24px;
background: var(--card);
border: 1px solid var(--border-blue);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
margin: 0 auto;
box-shadow: 0 0 40px var(--glow-blue);
padding: 28px;
}
.meaning-logo-box img { width: 100%; height: auto; }
.meaning-text { flex: 1; min-width: 280px; color: var(--muted); font-size: 1rem; line-height: 1.85; }
.meaning-text strong { color: var(--txt); }
.meaning-text p { margin-bottom: 18px; }

/* ─── FILA DE ESPERA (waitlist) ───────────────── */
.waitlist-box {
max-width: 540px;
margin: 40px auto 0;
background: var(--card);
border: 1px solid var(--border);
border-radius: 24px;
padding: 40px;
box-shadow: 0 0 40px var(--glow);
}
.waitlist-box input {
width: 100%;
padding: 14px 16px;
border-radius: 12px;
border: 1px solid var(--border);
background: rgba(255,255,255,0.03);
color: var(--txt);
font-size: 14px;
margin-bottom: 14px;
font-family: inherit;
}
.waitlist-box input:focus { outline: none; border-color: var(--lime); box-shadow: 0 0 0 3px var(--glow); }
.waitlist-box label {
font-size: 12px;
color: var(--muted);
text-transform: uppercase;
letter-spacing: 0.06em;
display: block;
margin-bottom: 6px;
}
.waitlist-note { font-size: 12px; color: var(--muted); text-align: center; margin-top: 14px; }

.quote-change.flat { color: #C9A800; }
.quote-chip-flat { border-left: 3px solid #E8C300; }

.lang-switch { display: flex; gap: 3px; background: rgba(10,31,24,0.05); border: 1px solid rgba(0,0,0,0.08); border-radius: 20px; padding: 4px; }
.lang-btn {
display: inline-flex;
align-items: center;
gap: 5px;
background: none;
border: none;
color: rgba(10,31,24,0.55);
font-size: 12px;
font-weight: 700;
letter-spacing: 0.02em;
padding: 6px 13px;
border-radius: 16px;
cursor: pointer;
transition: all 0.2s ease;
font-family: inherit;
}
.lang-btn:hover { color: var(--txt); background: rgba(10,31,24,0.06); transform: translateY(-1px); }
.lang-btn.active {
background: var(--lime);
color: var(--bg);
box-shadow: 0 2px 10px rgba(168,200,58,0.4);
transform: scale(1.03);
}

/* ─── BLOG: CABEÇALHO, ABAS, BUSCA ────────────── */
.page-header {
padding: 160px 5% 40px;
text-align: center;
}
.news-layout {
display: flex;
gap: 28px;
align-items: flex-start;
max-width: 1100px;
margin: 0 auto;
}
.blog-tabs {
display: flex;
flex-direction: column;
gap: 8px;
flex: 0 0 210px;
max-height: 620px;
overflow-y: auto;
padding-right: 6px;
}
.blog-tabs::-webkit-scrollbar { width: 5px; }
.blog-tabs::-webkit-scrollbar-thumb { background: var(--border); border-radius: 3px; }
.blog-tab {
background: var(--card);
border: 1px solid var(--border);
color: var(--muted);
padding: 12px 18px;
border-radius: 12px;
font-weight: 700;
font-size: 13px;
cursor: pointer;
transition: all 0.2s;
font-family: inherit;
text-align: left;
white-space: nowrap;
}
.blog-tab:hover { border-color: var(--lime); color: var(--txt); }
.blog-tab.active { background: var(--lime); color: var(--bg); border-color: var(--lime); }
@media (max-width: 900px) {
.news-layout { flex-direction: column; }
.blog-tabs { flex-direction: row; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; max-height: none; width: 100%; padding-right: 0; padding-bottom: 8px; }
.blog-tab { white-space: nowrap; }
}
.search-box {
display: flex;
gap: 12px;
max-width: 480px;
margin: 24px auto 0;
flex-wrap: wrap;
justify-content: center;
}
.search-input {
flex: 1;
min-width: 200px;
padding: 12px 18px;
border-radius: 30px;
border: 1px solid var(--border);
background: rgba(255,255,255,0.03);
color: var(--txt);
font-size: 14px;
font-family: inherit;
}
.search-input:focus { outline: none; border-color: var(--lime); box-shadow: 0 0 0 3px var(--glow); }
.search-btn {
background: var(--lime);
color: var(--bg);
border: none;
padding: 12px 28px;
border-radius: 30px;
font-weight: 700;
font-size: 14px;
cursor: pointer;
transition: all 0.2s;
font-family: inherit;
}
.search-btn:hover { background: #bdd844; }
.search-result {
display: flex;
justify-content: center;
margin-top: 20px;
min-height: 20px;
}
.search-hint {
font-size: 12px;
color: var(--muted);
text-align: center;
margin-top: 24px;
}


/* ─── BANDEIRAS DE IDIOMA (flag-icons) ───────── */
.lang-btn .fi {
  width: 18px;
  height: 13px;
  border-radius: 2px;
  box-shadow: 0 0 0 1px rgba(0,0,0,0.08);
  flex-shrink: 0;
}

/* ─── AJUSTE WHATSAPP FLUTUANTE x RODAPÉ ─────── */
footer { padding-right: calc(5% + 88px); }
@media (max-width: 600px) {
  footer { padding-right: 5%; padding-bottom: 90px; }
}


/* ─── WHATSAPP: PULSO/ACENO ──────────────────── */
@keyframes wppPulseRing {
  0% { box-shadow: 0 0 0 0 rgba(37,211,102,0.55); }
  70% { box-shadow: 0 0 0 14px rgba(37,211,102,0); }
  100% { box-shadow: 0 0 0 0 rgba(37,211,102,0); }
}
@keyframes wppWave {
  0%, 100% { transform: rotate(0deg); }
  10% { transform: rotate(14deg); }
  20% { transform: rotate(-8deg); }
  30% { transform: rotate(14deg); }
  40% { transform: rotate(-4deg); }
  50% { transform: rotate(0deg); }
}
.wpp-float {
  animation: wppPulseRing 2.6s ease-out infinite;
}
.wpp-float svg {
  transform-origin: 70% 70%;
  animation: wppWave 3.2s ease-in-out infinite;
}


/* ─── ÍCONES PROFISSIONAIS (Font Awesome no lugar de emojis) ─── */
[data-i18n="mercados_tag"]::before,
[data-i18n="blog_mercados_tag"]::before { font-family:"Font Awesome 6 Free"; font-weight:900; content:"\f201"; margin-right:7px; color:var(--lime); }
[data-i18n="pilares_tag"]::before { font-family:"Font Awesome 6 Free"; font-weight:900; content:"\f14e"; margin-right:7px; color:var(--lime); }
[data-i18n="missao_tag"]::before { font-family:"Font Awesome 6 Free"; font-weight:900; content:"\f140"; margin-right:7px; color:var(--lime); }
[data-i18n="historia_tag"]::before { font-family:"Font Awesome 6 Free"; font-weight:900; content:"\f518"; margin-right:7px; color:var(--lime); }
[data-i18n="nex_hero_btn1"]::before,
[data-i18n="planos_tag"]::before { font-family:"Font Awesome 6 Free"; font-weight:900; content:"\f09d"; margin-right:8px; }
[data-i18n="nex_hero_btn2"]::before,
[data-i18n="fila_tag"]::before { font-family:"Font Awesome 6 Free"; font-weight:900; content:"\f252"; margin-right:8px; }
[data-i18n="significado_tag"]::before { font-family:"Font Awesome 6 Free"; font-weight:900; content:"\f0eb"; margin-right:7px; color:var(--lime); }
[data-i18n="blog_tag"]::before { font-family:"Font Awesome 6 Free"; font-weight:900; content:"\f5fd"; margin-right:7px; color:var(--lime); }
[data-i18n="blog_noticias_tag"]::before,
[data-i18n="dash_tag"]::before { font-family:"Font Awesome 6 Free"; font-weight:900; content:"\f1ea"; margin-right:7px; color:var(--lime); }
[data-i18n="planos_notice"]::before { font-family:"Font Awesome 6 Free"; font-weight:900; content:"\f071"; margin-right:8px; }
.hero-btns .btn-primary::before { font-family:"Font Awesome 6 Free"; font-weight:900; content:"\f518"; }
.hero-btns .btn-secondary::before { font-family:"Font Awesome 6 Free"; font-weight:900; content:"\f135"; }

[data-i18n="tab_business"]::before { font-family:"Font Awesome 6 Free"; font-weight:900; content:"\f1ad"; margin-right:6px; }
[data-i18n="tab_negocios"]::before { font-family:"Font Awesome 6 Free"; font-weight:900; content:"\f0b1"; margin-right:6px; }
[data-i18n="tab_politica"]::before { font-family:"Font Awesome 6 Free"; font-weight:900; content:"\f66f"; margin-right:6px; }
[data-i18n="tab_saude"]::before { font-family:"Font Awesome 6 Free"; font-weight:900; content:"\f0f1"; margin-right:6px; }
[data-i18n="tab_games"]::before { font-family:"Font Awesome 6 Free"; font-weight:900; content:"\f11b"; margin-right:6px; }
[data-i18n="tab_esportes"]::before { font-family:"Font Awesome 6 Free"; font-weight:900; content:"\f1e3"; margin-right:6px; }
[data-i18n="tab_viagens"]::before { font-family:"Font Awesome 6 Free"; font-weight:900; content:"\f072"; margin-right:6px; }
[data-i18n="tab_ciencia"]::before { font-family:"Font Awesome 6 Free"; font-weight:900; content:"\f0c3"; margin-right:6px; }
[data-i18n="tab_moda"]::before { font-family:"Font Awesome 6 Free"; font-weight:900; content:"\f553"; margin-right:6px; }
[data-i18n="tab_curiosidades"]::before { font-family:"Font Awesome 6 Free"; font-weight:900; content:"\f059"; margin-right:6px; }
[data-i18n="tab_concursos"]::before { font-family:"Font Awesome 6 Free"; font-weight:900; content:"\f46d"; margin-right:6px; }
[data-i18n="tab_bemestar"]::before { font-family:"Font Awesome 6 Free"; font-weight:900; content:"\f5bb"; margin-right:6px; }

.pillar-card:nth-child(1) .pillar-icon::before { font-family:"Font Awesome 6 Free"; font-weight:900; content:"\f140"; }
.pillar-card:nth-child(2) .pillar-icon::before { font-family:"Font Awesome 6 Free"; font-weight:900; content:"\f013"; }
.pillar-card:nth-child(3) .pillar-icon::before { font-family:"Font Awesome 6 Free"; font-weight:900; content:"\f0e7"; }
.pillar-card:nth-child(4) .pillar-icon::before { font-family:"Font Awesome 6 Free"; font-weight:900; content:"\f2b5"; }
.pillar-card:nth-child(5) .pillar-icon::before { font-family:"Font Awesome 6 Free"; font-weight:900; content:"\f002"; }

.modules-grid a:nth-child(1) .module-icon::before { font-family:"Font Awesome 6 Free"; font-weight:900; content:"\f0c0"; }
.modules-grid a:nth-child(2) .module-icon::before { font-family:"Font Awesome 6 Free"; font-weight:900; content:"\f0d1"; }
.modules-grid a:nth-child(3) .module-icon::before { font-family:"Font Awesome 6 Free"; font-weight:900; content:"\f2b5"; }
.modules-grid a:nth-child(4) .module-icon::before { font-family:"Font Awesome 6 Free"; font-weight:900; content:"\f201"; }
.modules-grid a:nth-child(5) .module-icon::before { font-family:"Font Awesome 6 Free"; font-weight:900; content:"\f81d"; }
.modules-grid a:nth-child(6) .module-icon::before { font-family:"Font Awesome 6 Free"; font-weight:900; content:"\f07a"; }
.modules-grid a:nth-child(7) .module-icon::before { font-family:"Font Awesome 6 Free"; font-weight:900; content:"\f135"; }
.modules-grid a:nth-child(8) .module-icon::before { font-family:"Font Awesome 6 Free"; font-weight:900; content:"\f067"; }

.payment-icons .pay-chip:nth-child(1)::before { font-family:"Font Awesome 6 Free"; font-weight:900; content:"\f084"; margin-right:6px; color:var(--lime); }
.payment-icons .pay-chip:nth-child(2)::before { font-family:"Font Awesome 6 Free"; font-weight:900; content:"\f19c"; margin-right:6px; color:var(--lime); }
.payment-icons .pay-chip:nth-child(3)::before { font-family:"Font Awesome 6 Free"; font-weight:900; content:"\f09d"; margin-right:6px; color:var(--lime); }
.payment-icons .pay-chip:nth-child(4)::before { font-family:"Font Awesome 6 Free"; font-weight:900; content:"\f0ec"; margin-right:6px; color:var(--lime); }


/* ─── ÁREA DIREITA DO NAVBAR (clima + idiomas) ─── */
.nav-right {
  display: flex;
  align-items: center;
  gap: 12px;
}
.nav-weather {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1px;
  font-size: 12.5px;
  font-weight: 700;
  color: var(--teal);
  background: rgba(10,31,24,0.05);
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 12px;
  padding: 4px 12px;
  white-space: nowrap;
  line-height: 1.25;
  max-width: 220px;
}
.nav-weather .nw-city {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 150px;
  display: inline-block;
  vertical-align: bottom;
}
.nav-weather .nw-now {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.nav-weather .nw-now i { font-size: 15px; width: 15px; text-align: center; }
.nav-weather .nw-now i.wx-clear { color: #FDB813; }
.nav-weather .nw-now i.wx-partly { color: #F5A623; }
.nav-weather .nw-now i.wx-cloud { color: #90A4AE; }
.nav-weather .nw-now i.wx-fog { color: #B0BEC5; }
.nav-weather .nw-now i.wx-rain { color: #4FC3F7; }
.nav-weather .nw-now i.wx-showers { color: #2196F3; }
.nav-weather .nw-now i.wx-snow { color: #81D4FA; }
.nav-weather .nw-now i.wx-storm { color: #7C4DFF; }
.nav-weather .nw-city { font-weight: 600; color: rgba(10,31,24,0.55); }
.nav-weather .nw-tomorrow {
  font-size: 10.5px;
  font-weight: 600;
  color: rgba(10,31,24,0.5);
  letter-spacing: 0.02em;
}
@media (max-width: 900px) {
  .nav-weather { display: none; }
}


/* ─── GRÁFICO DA COTAÇÃO PESQUISADA ──────────── */
.chart-box {
max-width: 700px;
margin: 20px auto 0;
background: #050705;
border: 1px solid var(--border);
border-radius: 16px;
padding: 18px 20px 20px;
height: auto;
}
.chart-top-row {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 12px;
}
.chart-ticker-label {
font-weight: 800;
font-size: 14px;
color: var(--txt);
letter-spacing: 0.03em;
}
.chart-live-badge {
display: inline-flex;
align-items: center;
gap: 7px;
font-size: 10.5px;
font-weight: 800;
letter-spacing: 0.08em;
color: #25D366;
font-family: 'Consolas', monospace;
}
.chart-live-badge i {
font-size: 8px;
color: #25D366;
border-radius: 50%;
animation: chartLiveWave 1.8s ease-out infinite;
}
@keyframes chartLiveWave {
0% { box-shadow: 0 0 0 0 rgba(37,211,102,0.6); }
70% { box-shadow: 0 0 0 9px rgba(37,211,102,0); }
100% { box-shadow: 0 0 0 0 rgba(37,211,102,0); }
}
.chart-btn-row {
display: flex;
gap: 8px;
flex-wrap: wrap;
margin-bottom: 12px;
}
.chart-btn-row-micro {
margin-top: 14px;
margin-bottom: 0;
align-items: center;
border-top: 1px solid var(--border);
padding-top: 12px;
}
.chart-micro-label {
font-size: 11px;
color: var(--muted);
text-transform: uppercase;
letter-spacing: 0.06em;
margin-right: 4px;
font-family: 'Consolas', monospace;
}
.chart-btn {
background: var(--card);
border: 1px solid var(--border);
color: var(--muted);
padding: 6px 14px;
border-radius: 20px;
font-weight: 700;
font-size: 12px;
cursor: pointer;
transition: all 0.2s;
font-family: inherit;
}
.chart-btn-sm { padding: 5px 11px; font-size: 11px; }
.chart-btn:hover { border-color: var(--lime); color: var(--txt); }
.chart-btn.active { background: var(--lime); color: var(--bg); border-color: var(--lime); }
.chart-btn:disabled { opacity: 0.35; cursor: not-allowed; }
.chart-btn:disabled:hover { border-color: var(--border); color: var(--muted); }
.chart-canvas-wrap {
position: relative;
height: 230px;
width: 100%;
}
.chart-placeholder {
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 10px;
color: var(--muted);
font-size: 13px;
text-align: center;
padding: 0 20px;
}
.chart-placeholder i { font-size: 26px; color: var(--border); }
.chart-note {
font-size: 11.5px;
color: var(--muted);
text-align: center;
margin-top: 10px;
}

/* ─── SIMULADOR DE PLANO (NEXORA) ─────────────── */
.nav-sim-trigger { position: relative; display: inline-flex; align-items: center; gap: 6px; }
.nav-sim-trigger::after {
content: '';
position: absolute; inset: -3px;
border-radius: 34px;
box-shadow: 0 0 0 0 rgba(168,200,58,0.55);
animation: navSimPulse 2.6s infinite;
pointer-events: none;
}
@keyframes navSimPulse {
0% { box-shadow: 0 0 0 0 rgba(168,200,58,0.5); }
70% { box-shadow: 0 0 0 9px rgba(168,200,58,0); }
100% { box-shadow: 0 0 0 0 rgba(168,200,58,0); }
}

#sim-overlay {
position: fixed; inset: 0; z-index: 500;
background: rgba(3,5,4,0.74);
backdrop-filter: blur(6px);
display: none;
align-items: flex-start;
justify-content: center;
padding: 100px 16px 40px;
overflow-y: auto;
}
#sim-overlay.open { display: flex; }
.sim-modal {
width: 100%; max-width: 620px;
background: linear-gradient(180deg, #0A0F0C, #0D1310);
border: 1px solid var(--border);
border-radius: 22px;
box-shadow: 0 40px 120px -30px #000, 0 0 0 1px rgba(168,200,58,0.12), 0 12px 50px -12px var(--glow);
overflow: hidden;
animation: simRise .35s cubic-bezier(.2,.7,.3,1);
}
@keyframes simRise { from { opacity:0; transform:translateY(18px) scale(.98); } to { opacity:1; transform:none; } }

.sim-head { padding: 18px 22px 14px; border-bottom: 1px solid var(--border); display:flex; flex-direction:column; gap:12px; }
.sim-head-row { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.sim-title { font-weight:700; font-size:15px; display:flex; align-items:center; gap:9px; color:var(--txt); }
.sim-spark { width:9px; height:9px; border-radius:2px; background: var(--lime); box-shadow: 0 0 10px var(--lime); flex-shrink:0; }
.sim-x { background:transparent; border:1px solid var(--border); color:var(--muted); width:32px; height:32px; border-radius:9px; cursor:pointer; font-size:18px; line-height:1; }
.sim-x:hover { color:var(--txt); border-color:var(--lime); }

.sim-meter { display:flex; gap:6px; }
.sim-seg { flex:1; text-align:center; }
.sim-seg .sim-bar { height:6px; border-radius:4px; background:rgba(255,255,255,0.06); overflow:hidden; position:relative; }
.sim-seg .sim-bar i { position:absolute; inset:0; width:0; transition: width .5s ease; display:block; }
.sim-seg[data-tier="1"] .sim-bar i { background: linear-gradient(90deg,#3a6ea5,var(--blue-light)); }
.sim-seg[data-tier="2"] .sim-bar i { background: linear-gradient(90deg,var(--teal),var(--mid)); }
.sim-seg[data-tier="3"] .sim-bar i { background: linear-gradient(90deg,#8a9a2e,var(--lime)); }
.sim-seg span { display:block; font-size:10px; letter-spacing:.6px; text-transform:uppercase; margin-top:6px; color:var(--muted); font-weight:600; }
.sim-seg.lead span { color: var(--txt); }

.sim-body { padding: 26px 24px 8px; min-height: 220px; }
.sim-qcount { color: var(--lime); font-size:12px; font-weight:700; letter-spacing:1px; margin-bottom:8px; font-family:'Consolas', monospace; }
.sim-qtitle { font-weight:700; font-size:20px; line-height:1.3; color:var(--txt); margin-bottom:18px; }
.sim-opts { display:flex; flex-direction:column; gap:10px; }
.sim-opt {
display:flex; align-items:center; gap:13px; text-align:left;
background: var(--card); border:1px solid var(--border);
color: var(--txt); padding:15px 16px; border-radius:13px;
cursor:pointer; font-family:inherit; font-size:14.5px; font-weight:500;
transition:.16s; width:100%;
}
.sim-opt:hover { border-color: var(--lime); background: rgba(168,200,58,0.06); transform: translateX(2px); }
.sim-opt.sel { border-color: var(--lime); background: rgba(168,200,58,0.1); box-shadow: 0 0 0 1px rgba(168,200,58,0.3); }
.sim-tick { width:20px; height:20px; border-radius:6px; border:1.5px solid var(--border); flex-shrink:0; display:flex; align-items:center; justify-content:center; font-size:12px; color:#0A1F18; }
.sim-opt.sel .sim-tick { background: var(--lime); border-color: transparent; }
.sim-opt.sel .sim-tick::after { content:'\2713'; }

.sim-foot { padding:16px 24px 24px; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.sim-ghost { background:transparent; border:1px solid var(--border); color:var(--muted); padding:12px 18px; border-radius:11px; cursor:pointer; font-family:inherit; font-weight:600; font-size:14px; }
.sim-ghost:hover { color: var(--txt); border-color: var(--lime); }
.sim-ghost[disabled] { opacity:.35; cursor:not-allowed; }
.sim-next { background: var(--lime); color:#0A1F18; border:0; padding:12px 24px; border-radius:11px; cursor:pointer; font-weight:700; font-size:14px; font-family:inherit; box-shadow: 0 0 24px rgba(168,200,58,0.3); }
.sim-next:hover { background:#bdd844; }
.sim-next[disabled] { opacity:.4; cursor:not-allowed; box-shadow:none; }

.sim-result { padding: 28px 26px 30px; text-align:center; animation: simRise .4s; }
.sim-kicker { color: var(--muted); font-size:12px; letter-spacing:2px; text-transform:uppercase; margin-bottom:8px; font-family:'Consolas', monospace; }
.sim-badge { display:inline-block; font-weight:800; font-size:32px; color: var(--lime); text-shadow: 0 0 24px rgba(168,200,58,0.45); margin-bottom:6px; letter-spacing:.03em; }
.sim-badge.ent { color: var(--blue-light); text-shadow: 0 0 24px rgba(91,155,217,0.45); }
.sim-why { color: var(--muted); font-size:14px; max-width:46ch; margin:0 auto 20px; }
.sim-feats { display:grid; grid-template-columns:1fr 1fr; gap:9px; text-align:left; margin:0 auto 8px; max-width:520px; }
.sim-feat { display:flex; gap:9px; align-items:flex-start; background: var(--card); border:1px solid var(--border); border-radius:11px; padding:11px 13px; font-size:13px; color:var(--txt); }
.sim-feat .c { color: var(--lime); font-weight:800; flex-shrink:0; }
.sim-divider { height:1px; background: var(--border); margin:22px 0 18px; }
.sim-form-title { font-weight:700; font-size:16px; text-align:left; margin-bottom:4px; color:var(--txt); }
.sim-form-sub { color: var(--muted); font-size:12.5px; text-align:left; margin-bottom:16px; }
.sim-result label { display:block; font-size:12px; color:var(--muted); text-transform:uppercase; letter-spacing:.06em; margin-bottom:6px; text-align:left; }
.sim-result input {
width:100%; background: rgba(255,255,255,0.03); border:1px solid var(--border);
border-radius:12px; padding:13px 15px; color:var(--txt); font-family:inherit; font-size:14px; margin-bottom:14px;
}
.sim-result input:focus { outline:none; border-color: var(--lime); box-shadow: 0 0 0 3px var(--glow); }
.sim-warn { color:#E24B4A; font-size:12.5px; text-align:left; margin:-6px 0 14px; }
.sim-send {
width:100%; background: var(--lime); color:#0A1F18; border:0; padding:15px;
border-radius:12px; cursor:pointer; font-weight:700; font-size:15px; margin-top:2px;
display:flex; align-items:center; justify-content:center; gap:9px; box-shadow: 0 0 30px rgba(168,200,58,0.3);
font-family:inherit;
}
.sim-send:hover { background:#bdd844; }
.sim-restart { display:block; margin:14px auto 0; background:transparent; border:0; color:var(--muted); font-size:12px; cursor:pointer; text-decoration:underline; font-family:inherit; }
.sim-restart:hover { color: var(--lime); }

@media (max-width: 560px) {
.sim-feats { grid-template-columns: 1fr; }
.sim-body { padding: 22px 18px 6px; }
.sim-result { padding: 24px 18px 26px; }
#sim-overlay { padding: 90px 10px 30px; }
}
@media (prefers-reduced-motion: reduce) {
.nav-sim-trigger::after { animation:none; }
.sim-modal { animation:none; }
}