/* ============================= Monetização Shop - Estilo Global Mobile First • Profissional ============================= */

:root{ --bg:#0e1015; --card:#151824; --text:#e9ecf1; --muted:#aab0c0; --primary:#25D366; /* WhatsApp */ --fb:#1877f2; --ig:#e1306c; --tt:#000000; --accent:#6c7cff; --radius:14px; }

*{box-sizing:border-box} html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu} a{color:inherit;text-decoration:none}

/* Header */ .main-header, header{ padding:16px 14px; text-align:center; } header h1,.main-header h1{margin:0;font-size:1.4rem} header small,.main-header small{color:var(--muted)}

.top-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:10px}

/* Buttons */ .btn{ border:none;border-radius:12px;padding:10px 14px; font-weight:600;cursor:pointer;display:inline-flex;gap:8px;align-items:center } .btn-google{background:#fff;color:#111} .btn-whatsapp{background:var(--primary);color:#fff}

/* Dashboard / Home */ .home-cards{display:grid;grid-template-columns:1fr;gap:14px;padding:14px} .home-card{ background:linear-gradient(135deg, #1a1f3b, #12152a); border-radius:var(--radius); padding:18px; text-align:center; } .home-card i{font-size:32px;margin-bottom:8px} .home-card h3{margin:6px 0} .home-card p{color:var(--muted);font-size:.9rem} .home-card.facebook{outline:1px solid rgba(24,119,242,.4)} .home-card.instagram{outline:1px solid rgba(225,48,108,.4)} .home-card.tiktok{outline:1px solid rgba(255,255,255,.15)}

/* Search */ .search-box{padding:10px 14px} .search-box input{ width:100%;padding:12px 14px;border-radius:12px;border:none; background:#0b0d16;color:var(--text) }

/* Services */ .dashboard{padding-bottom:80px} .service-grid{display:grid;grid-template-columns:1fr;gap:12px;padding:14px} .card{ background:var(--card); border-radius:var(--radius); padding:14px; } .card h3{margin:0 0 6px;font-size:1rem;display:flex;gap:8px;align-items:center} .card p{margin:4px 0;color:var(--muted)} .price{font-size:1.1rem;font-weight:800;margin:8px 0} .card .btn{width:100%;justify-content:center}

/* Footer / Bottom Nav */ .bottom-nav{ position:fixed;bottom:0;left:0;right:0;height:56px; background:#0b0d16;border-top:1px solid #1f2340; display:flex;justify-content:space-around;align-items:center } .bottom-nav a{color:var(--muted)} .bottom-nav a.active{color:#fff}

/* Floating WhatsApp */ .float-whatsapp{ position:fixed;right:16px;bottom:72px;width:52px;height:52px; background:var(--primary);border-radius:50%;display:flex; align-items:center;justify-content:center;color:#fff;font-size:26px }

/* Responsive */ @media(min-width:600px){ .home-cards{grid-template-columns:repeat(3,1fr)} .service-grid{grid-template-columns:repeat(2,1fr)} }