/*
Theme Name: RX Solucoes Elite Definitive
Author: Gemini
Version: 9.0
*/

:root {
    --bg: #000000;
    --accent: #00ffa3;
    --text-main: #ffffff;
    --text-dim: #888888;
    --border: rgba(255, 255, 255, 0.08);
}

/* RESET E LINKS - TOTAL DARK */
* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Sora', sans-serif; }
body { background: var(--bg); color: var(--text-main); overflow-x: hidden; line-height: 1.6; }
a, a:hover, a:visited { color: inherit !important; text-decoration: none !important; }

/* --- A GRAÇA DO FUNDO: GLOW PULSANTE SUTIL --- */
.bg-glow {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;
    background: radial-gradient(circle at 50% 50%, rgba(0, 255, 163, 0.04) 0%, transparent 70%);
    animation: breatheGlow 12s infinite alternate ease-in-out;
}

@keyframes breatheGlow {
    0% { opacity: 0.3; transform: scale(1); }
    100% { opacity: 0.8; transform: scale(1.2); }
}

/* HEADER */
header {
    position: fixed; top: 0; width: 100%; padding: 20px 8%; display: flex; 
    justify-content: space-between; align-items: center; z-index: 1000;
    backdrop-filter: blur(15px); border-bottom: 1px solid var(--border);
}
.logo img { height: 40px; }
nav ul { display: flex; list-style: none; }
nav ul li a { margin-left: 35px; font-size: 0.7rem; letter-spacing: 2px; text-transform: uppercase; color: var(--text-dim) !important; }

/* LAYOUT GERAL */
section { padding: 140px 8%; position: relative; }
.container { max-width: 1100px; margin: 0 auto; }
.label { color: var(--accent); font-size: 0.65rem; letter-spacing: 5px; text-transform: uppercase; margin-bottom: 25px; display: block; font-weight: 600; }
h1 { font-size: clamp(2.5rem, 6vw, 4.5rem); font-weight: 300; line-height: 1.1; margin-bottom: 30px; letter-spacing: -2px; }
h2 { font-size: clamp(2rem, 4vw, 2.8rem); font-weight: 300; line-height: 1.2; letter-spacing: -1px; margin-bottom: 40px; }
h2 b, h1 b { font-weight: 600; }

/* --- HERO CENTRALIZADO (VOLTOU) --- */
.hero {
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-bottom: 1px solid var(--border);
}
.hero p { color: var(--text-dim); max-width: 700px; margin: 0 auto 40px; font-size: 1.1rem; }

.btn { padding: 18px 45px; border-radius: 2px; font-size: 0.8rem; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; display: inline-block; transition: 0.4s; cursor: pointer; }
.btn-primary { background: #fff; color: #000 !important; border: none; }
.btn-primary:hover { background: var(--accent); transform: translateY(-3px); box-shadow: 0 10px 30px rgba(0, 255, 163, 0.2); }

/* GRID DE CARDS */
.grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; }
.card { padding: 40px; border: 1px solid var(--border); transition: 0.4s; background: rgba(255,255,255,0.01); }
.card:hover { border-color: var(--accent); background: rgba(0, 255, 163, 0.02); }
.card h3 { font-size: 1.2rem; margin-bottom: 15px; font-weight: 400; }
.card p { color: var(--text-dim); font-size: 0.9rem; }

/* TECH SHOWCASE (LADO A LADO) */
.tech-showcase { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; background: #050505; padding: 60px; border: 1px solid var(--border); }
.mockup-ui { background: #000; padding: 40px; border: 1px solid var(--border); border-radius: 10px; }
.chart-bar { height: 8px; background: #111; margin-bottom: 25px; border-radius: 10px; position: relative; overflow: hidden; }
.chart-bar::after { content: ""; position: absolute; left: 0; width: 0%; height: 100%; background: var(--accent); box-shadow: 0 0 15px var(--accent); animation: barAnim 3s infinite alternate; }
@keyframes barAnim { from { width: 10%; } to { width: 90%; } }

/* PARTNER PROGRAM */
.tiers-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.tier-box { padding: 50px 30px; border: 1px solid var(--border); text-align: center; background: #020202; }
.tier-box.featured { border-color: var(--accent); background: #080808; transform: translateY(-5px); box-shadow: 0 20px 40px rgba(0,0,0,0.4); }
.tier-box h4 { font-size: 2.2rem; margin-bottom: 20px; }
.tier-box ul { list-style: none; margin: 30px 0; text-align: left; }
.tier-box ul li { padding: 12px 0; border-bottom: 1px solid var(--border); color: var(--text-dim); font-size: 0.85rem; }
.tier-box ul li i { color: var(--accent); margin-right: 12px; }

/* STATS */
.stats-wrap { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.stat-item { padding: 60px 20px; text-align: center; border-right: 1px solid var(--border); }
.stat-item h5 { font-size: 3rem; color: var(--accent); font-weight: 200; }
.stat-item p { font-size: 0.6rem; letter-spacing: 3px; color: var(--text-dim); text-transform: uppercase; }

/* FORMULÁRIO (2 COLUNAS LIMPO) */
.contact-wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 100px; align-items: flex-start; }
input, select, textarea { 
    width: 100%; background: transparent; border: none; border-bottom: 1px solid var(--border); 
    padding: 15px 0; color: #fff; margin-bottom: 20px; outline: none; transition: 0.3s; font-size: 1rem;
}
input:focus, select:focus { border-bottom-color: var(--accent); }
.btn-submit { background: var(--accent); color: #000; padding: 20px; width: 100%; border: none; font-weight: 700; cursor: pointer; text-transform: uppercase; letter-spacing: 2px; }
.btn-submit:hover { background: #fff; }

/* FOOTER */
.site-footer { padding: 80px 8% 40px; border-top: 1px solid var(--border); display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 50px; }
.footer-brand p { color: var(--text-dim); font-size: 0.85rem; margin-top: 15px; max-width: 350px; }
.footer-links h5 { font-size: 0.7rem; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 25px; color: #fff; }
.footer-links ul { list-style: none; }
.footer-links ul li { margin-bottom: 12px; font-size: 0.85rem; color: var(--text-dim); }
.footer-bottom { padding: 40px 8%; border-top: 1px solid var(--border); display: flex; justify-content: space-between; font-size: 0.65rem; color: #444; }

@media (max-width: 900px) { .contact-wrap, .grid, .tiers-grid, .stats-wrap, .site-footer, .tech-showcase { grid-template-columns: 1fr; gap: 50px; } .hero h1 { font-size: 2.5rem; } }