:root {
    --bg-dark: #05070a;
    --primary: #3333ff;
}

body {
    background-color: var(--bg-dark);
    color: #e0e6ed;
    font-family: 'Inter', sans-serif;
    overflow-x: hidden;
}

/* Barra de Urgência */
.urgency-bar {
    background: linear-gradient(90deg, #ff4b2b, #ff416c);
    color: white; font-weight: bold; text-transform: uppercase; letter-spacing: 1px;
    box-shadow: 0 2px 10px rgba(255, 75, 43, 0.3);
}

header{
    background-image: url('img/back-header.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Navbar */
.navbar { background: rgba(5, 7, 10, 0.8); backdrop-filter: blur(15px); border-bottom: 1px solid rgba(255,255,255,0.05); }

/* Perfil */
.profile-frame {
    display: inline-block; padding: 8px;
    border: 2px var(--primary); border-radius: 50%;
}
.profile-img { width: 260px; height: 260px; object-fit: cover; border-radius: 50%; }

/* CAIXA LED */
.module-led-box {
    border: 3px solid var(--led-color);
    border-radius: 30px;
    padding: 4rem 2rem;
    background-size: cover;
    background-position: center;
    box-shadow: 0 0 25px -5px var(--led-color), inset 0 0 30px -10px var(--led-color);
    transition: 0.4s;
}

.clickable-card { cursor: pointer; }
.clickable-card:hover {
    box-shadow: 0 0 45px -5px var(--led-color), inset 0 0 40px -10px var(--led-color);
    transform: scale(1.01);
}

/* MODAL TECH */
.border-led-modal {
    border: 2px solid var(--modal-color) !important;
    box-shadow: 0 0 30px var(--modal-color);
    border-radius: 20px !important;
}
.modal-content { background-color: #0a0d14 !important; }

/* PRICE CARDS */
.price-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px; padding: 30px; text-align: center;
    transition: 0.3s; position: relative;
}

.price-card.highlight {
    border: 2px solid var(--primary);
    background: rgba(51, 51, 255, 0.05);
    transform: scale(1.05);
}

.price-card.pix-card { border: 2px solid #198754; }
.price-value { font-size: 2.5rem; font-weight: 700; margin: 15px 0; }

.badge-pop {
    position: absolute; top: -12px; left: 50%; transform: translateX(-50%);
    background: var(--primary); font-size: 0.7rem; padding: 5px 15px; border-radius: 20px;
}

/* WhatsApp Fixo */
.whatsapp-fixed {
    position: fixed; bottom: 30px; right: 30px; width: 60px; height: 60px;
    background: #25d366; border-radius: 50%; display: flex; align-items: center;
    justify-content: center; font-size: 30px; color: white; z-index: 1000;
    box-shadow: 0 0 20px rgba(37, 211, 102, 0.5); animation: pulse 2s infinite;
}

@keyframes pulse {
    0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7); }
    70% { box-shadow: 0 0 0 15px rgba(37, 211, 102, 0); }
    100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
}

.btn-glow { background: var(--primary); color: white; border: none; box-shadow: 0 0 15px rgba(51,51,255,0.4); }