:root {
    --orange: #ff7a18;
    --orange-soft: rgba(255, 122, 24, 0.15);
    --bg-dark: #0f0f12;
    --text-muted: #b5b5b5;
}

body {
    background-color: var(--bg-dark);
    color: #ffffff;
    text-align: center;
}

section {
    padding: 80px 0;
}

.navbar {
    background: rgba(15, 15, 18, 0.9);
    backdrop-filter: blur(12px);
}

.navbar-brand img {
    height: 42px;
}

/* HERO PROPORCIONAL */
/* HERO PROPORCIONAL */
.hero {
    min-height: 40vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 120px 20px 60px; /* Aumentei o padding-top para 100px */
}


/* CARDS FLEXÍVEIS */
.glass-card {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(14px);
    border-radius: 18px;
    transition: all .3s ease;
    padding: 25px;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
}

.glass-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 0 40px rgba(255, 122, 24, 0.2);
}

.btn-primary {
    background: var(--orange);
    border: none;
    color: #000;
    font-weight: 600;
}

.btn-primary:hover {
    background: #ffa24c;
}

footer {
    background: #09090b;
    padding: 50px 0;
}

footer a {
    color: #ffffff;
    text-decoration: none;
}

.qr-code img {
    max-width: 200px;
    margin: 0 auto 15px;
    display: block;
}

.copy-btn {
    cursor: pointer;
}

/* RESPONSIVO */
@media (max-width: 992px) {
    section.py-5 {
        padding: 60px 15px;
    }
    .row.justify-content-center.g-5 > .col-lg-6,
    .row.justify-content-center.g-5 > .col-lg-4 {
        max-width: 100%;
    }
}