
/*
Theme Name: BHM Theme
Theme URI: https://www.bhmedical.com.br
Author: Sócio (ChatGPT)
Author URI: https://chat.openai.com
Description: Tema leve e responsivo para BHMedical, com landing page e página de bulas/produtos.
Version: 1.0.0
License: GPLv2 or later
Text Domain: bhm
*/

:root{
  --primary: #0C0C3E;
  --secondary: #2EC995;
  --accent: #1A48FF;
  --bg: #FFFFFF;
  --text: #111827;
  --muted: #6B7280;
  --radius: 14px;
}

html, body { margin:0; padding:0; font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; color: var(--text); background: var(--bg); }
.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
a { color: var(--primary); text-decoration: none; }
a.btn, .btn { display:inline-block; padding: 12px 20px; border-radius: var(--radius); background: linear-gradient(90deg, var(--primary), var(--secondary)); color:#fff; font-weight:600; }
.btn-outline { background: transparent; color: var(--primary); border: 2px solid var(--primary); }
header.site-header { position: sticky; top:0; background: #fff; border-bottom:1px solid #E5E7EB; z-index:50; }
header .wrap { display:flex; align-items:center; justify-content:space-between; padding:16px 0; }
.brand { display:flex; align-items:center; gap:14px; }
.brand img { height: 42px; }
.brand .title { font-weight:800; color: var(--primary); letter-spacing: .5px; }
nav.main-nav { display:flex; align-items:center; gap:18px; }
nav.main-nav a { color:#111827; font-weight:600; }
.hero { padding: 80px 0; background: radial-gradient(1200px 600px at 0% 0%, rgba(46,201,149,.08), transparent), radial-gradient(1200px 600px at 100% 0%, rgba(12,12,62,.08), transparent); }
.hero h1 { font-size: 44px; line-height:1.1; color: var(--primary); margin:0 0 12px; }
.hero p { color: var(--muted); font-size:18px; max-width: 760px; }
.grid { display:grid; gap:20px; }
.grid.cols-3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
@media (max-width: 900px){ .grid.cols-3 { grid-template-columns: 1fr; } }
.section { padding: 56px 0; }
.card { border:1px solid #E5E7EB; border-radius:16px; padding:20px; background:#fff; }
.card h3 { margin-top:0; color: var(--primary); }
.badge { display:inline-block; padding:6px 10px; border-radius:999px; background:#F3F4F6; color:#111827; font-weight:600; font-size:12px; }
.footer { background:#0B0B2F; color:#D1D5DB; padding:32px 0; }
.footer a { color:#A7F3D0; }
.products-header { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.filters { display:flex; gap:8px; flex-wrap:wrap; }
input.search { padding:12px 14px; border:1px solid #E5E7EB; border-radius: 10px; min-width: 260px; }
.small { font-size: 12px; color: var(--muted); }
*/ 
