/* Variáveis de tema */
:root {
  --primary: #1d4ed8;
  --secondary: #2563eb;
  --bg: #f0f2f5;
  --card-bg: #fff;
  --text-color: #111;
}

/* Reset e base */
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--text-color);}
a{text-decoration:none;color:inherit;}

/* Header */
header{position:sticky;top:0;background:var(--card-bg);box-shadow:0 2px 8px rgba(0,0,0,0.05);z-index:100;}
header .container{max-width:1200px;margin:0 auto;padding:15px 30px;display:flex;justify-content:space-between;align-items:center;}
header h1{color:var(--primary);font-size:28px;}
header nav a{margin-left:25px;font-weight:500;color:var(--text-color);}
header nav a:hover{color:var(--primary);}
header nav button{margin-left:20px;padding:5px 10px;border-radius:5px;border:1px solid #ccc;background:var(--primary);color:#fff;cursor:pointer;}

/* Hero */
.hero{background:linear-gradient(90deg, var(--primary), var(--secondary));color:#fff;text-align:center;padding:100px 20px;}
.hero h2{font-size:48px;margin-bottom:20px;}
.hero p{font-size:20px;opacity:0.9;margin-bottom:30px;}
.hero button{background:#fff;color:var(--primary);border:none;padding:15px 30px;border-radius:50px;font-weight:700;cursor:pointer;transition:0.3s;}
.hero button:hover{transform:translateY(-3px);opacity:0.9;}

/* Produtos */
.products{max-width:1200px;margin:50px auto;padding:0 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;}
.card{background:var(--card-bg);border-radius:15px;overflow:hidden;box-shadow:0 10px 20px rgba(0,0,0,0.1);transition:0.3s;display:flex;flex-direction:column;}
.card:hover{transform:translateY(-5px);}
.card img{width:100%;height:200px;object-fit:cover;}
.card .content{padding:20px;flex:1;display:flex;flex-direction:column;}
.card h3{font-size:20px;margin-bottom:10px;color:var(--text-color);}
.card p{font-size:14px;color:var(--text-color);margin-bottom:15px;flex:1;}
.card .price{font-weight:700;font-size:18px;color:var(--primary);}
.card button{background:var(--primary);border:none;color:#fff;padding:10px 15px;border-radius:8px;font-weight:600;cursor:pointer;transition:0.3s;}
.card button:hover{opacity:0.9;transform:translateY(-2px);}

/* Footer */
footer{background:var(--text-color);color:var(--card-bg);padding:40px 20px;text-align:center;}
footer p{margin-bottom:10px;font-size:14px;}
footer a{color:var(--primary);font-weight:500;}
footer a:hover{opacity:0.8;}