body { font-family: Inter, sans-serif; margin: 0; }
.container { width: 90%; max-width: 1100px; margin: auto; }
.site-header { background: white; padding: 10px 0; border-bottom: 1px solid #ccc; }
.header-grid { display: flex; justify-content: space-between; align-items: center; }
.brand { font-weight: 800; text-decoration: none; color: #0F3D3E; }
.brand-logo { background: #17B6C8; color: white; border-radius: 50%; padding: 5px 10px; }
.nav a { margin-left: 15px; text-decoration: none; color: #0F3D3E; }
.btn { padding: 8px 15px; border-radius: 5px; text-decoration: none; font-weight: bold; }
.btn--primary { background: #17B6C8; color: white; }
.btn--whatsapp { background: #25D366; color: white; }
.hero { position: relative; text-align: center; color: white; }
.hero-bg { width: 100%; height: auto; }
.hero-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.section { padding: 40px 0; }
.cards { display: flex; gap: 20px; flex-wrap: wrap; }
.card { background: white; padding: 15px; border-radius: 10px; text-align: center; flex: 1; min-width: 200px; }
.site-footer { text-align: center; padding: 20px; background: #f1f1f1; }
.wa-float { position: fixed; bottom: 20px; right: 20px; font-size: 30px; }