/* ─── Banner de parceria — Metelogo → AcheiGP ────────────────────────────────
   Banda de divulgação imediatamente antes do rodapé do index.
   Autocontida: sem JS, sem imagem, sem dependência de variável do style.css.
   A cor é a do site DESTINO (o vermelho do AcheiGP), para o visitante entender
   de imediato que o link leva a OUTRO site.
   Prefixo .parceria-* — não colide com style.css.
   Arquivo novo, referenciado só pelo index.html: nenhum ?v= existente sobe. */

.parceria {
    max-width: 1200px;
    margin: 32px auto 8px;
    padding: 0 20px;
}

.parceria-card {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 18px 22px;
    border-radius: 10px;
    border: 1px solid rgba(255, 51, 102, .45);
    background: linear-gradient(135deg, rgba(255, 51, 102, .12), #1f222f);
    text-decoration: none;
    transition: border-color .2s ease, transform .2s ease;
}

.parceria-card:hover {
    border-color: #ff3366;
    transform: translateY(-2px);
}

.parceria-emoji {
    font-size: 30px;
    line-height: 1;
}

.parceria-texto {
    display: flex;
    flex-direction: column;
    gap: 3px;
    flex: 1;
    min-width: 0;
}

.parceria-titulo {
    color: #ff3366;
    font-size: 16px;
    font-weight: 600;
}

.parceria-sub {
    color: rgba(255, 255, 255, .65);
    font-size: 13px;
}

.parceria-seta {
    color: #ff3366;
    font-size: 20px;
    flex-shrink: 0;
}

@media (max-width: 640px) {
    .parceria { margin: 24px auto 8px; padding: 0 14px; }
    .parceria-card { padding: 14px 16px; gap: 12px; }
    .parceria-emoji { font-size: 24px; }
    .parceria-titulo { font-size: 15px; }
    .parceria-sub { font-size: 12px; }
}