/* CAMPANHA RELAMPAGO — peca TEMPORARIA.
   Quando a promo acabar: apagar este arquivo, o <link> do index.html
   e a <section class="lampago">. Nada mais depende dele. */
:root {
    --lampago: #e8352c;              /* vermelho brasa — so a campanha usa */
    --lampago-hot: #ff5a4d;
    --lampago-glow: rgba(232, 53, 44, 0.35);
}

.lampago {
    position: relative;
    overflow: hidden;
    padding: 3.5rem 1.5rem 4rem;
    text-align: center;
    background:
        radial-gradient(120% 140% at 50% 0%, rgba(232, 53, 44, 0.28) 0%, transparent 62%),
        linear-gradient(180deg, #1a0b0a 0%, var(--bg) 100%);
    border-top: 1px solid rgba(232, 53, 44, 0.35);
    border-bottom: 1px solid rgba(232, 53, 44, 0.35);
}

/* risco de raio atravessando o fundo, bem apagado */
.lampago::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(115deg, transparent 46%, rgba(255, 90, 77, 0.10) 48%, transparent 50%),
        linear-gradient(65deg, transparent 62%, rgba(255, 90, 77, 0.07) 64%, transparent 66%);
    pointer-events: none;
}

.lampago > * { position: relative; }

.lampago-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 1rem;
    border-radius: 50px;
    background: var(--lampago);
    color: #fff;
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    box-shadow: 0 0 28px var(--lampago-glow);
    animation: lampago-pulso 2.4s ease-in-out infinite;
}

@keyframes lampago-pulso {
    0%, 100% { box-shadow: 0 0 20px var(--lampago-glow); }
    50%      { box-shadow: 0 0 46px rgba(232, 53, 44, 0.65); }
}

.lampago-titulo {
    margin: 1.25rem auto 0;
    max-width: 16ch;
    font-size: clamp(2.1rem, 7vw, 4.4rem);
    line-height: 1.02;
    font-weight: 900;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    background: linear-gradient(180deg, #fff 30%, #ffb3ad 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.lampago-sub {
    margin: 1rem auto 0;
    max-width: 22ch;
    font-size: clamp(1.15rem, 3.4vw, 1.9rem);
    line-height: 1.2;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    color: var(--text);
}
.lampago-sub em {
    font-style: normal;
    color: var(--lampago-hot);
}

.lampago-cta {
    margin-top: 2rem;
    padding: 1.15rem 2.4rem;
    font-size: clamp(1rem, 2.6vw, 1.3rem);
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #fff;
    background: linear-gradient(135deg, var(--lampago) 0%, var(--cta) 140%);
    box-shadow: 0 0 40px var(--lampago-glow);
}
.lampago-cta:hover {
    background: linear-gradient(135deg, var(--lampago-hot) 0%, var(--cta-hot) 140%);
    transform: scale(1.04);
    box-shadow: 0 0 64px rgba(232, 53, 44, 0.6);
}

.lampago-nota {
    margin-top: 1rem;
    font-size: 0.85rem;
    color: var(--text-dim);
    letter-spacing: 0.04em;
}

@media (max-width: 600px) {
    .lampago { padding: 2.75rem 1.25rem 3rem; }
    .lampago-cta { width: 100%; max-width: 340px; padding: 1.1rem 1.25rem; }
}