/* Parceiros — cartões de convênio, na home (#parceiros) e na página /parceiros.
   Saiu de home.css em 31/08/2026, quando os parceiros ganharam página própria. */

/* ---------- Parceiros ---------- */
/*
 * Card de parceiro: logo colorido e maior, o card inteiro leva ao site do
 * parceiro e o benefício aparece por cima no hover. Em telas sem hover (toque)
 * o benefício fica fixo abaixo do logo — esconder atrás de hover no celular
 * derrotaria o objetivo, que é justamente deixar o benefício visível.
 */
.partner-card {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    min-height: 11rem;
    padding: 1.75rem 1.25rem;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    color: inherit;
    transition: transform .25s ease, box-shadow .25s ease;
}
.partner-card:hover,
.partner-card:focus-visible { transform: translateY(-4px); box-shadow: var(--shadow-lift); }
.partner-card__logo { display: flex; align-items: center; justify-content: center; }
.partner-card__logo img {
    max-height: 104px;
    width: auto;
    object-fit: contain;
    border-radius: var(--radius-sm);
}

.partner-card__info {
    display: flex;
    flex-direction: column;
    gap: .375rem;
}
.partner-card__nome { color: var(--text-strong); font-size: 1rem; line-height: 1.3; }
.partner-card__beneficio { color: var(--text-body); font-size: .875rem; line-height: 1.5; }
/* Diz que existe um código sem dizer qual — o próprio texto é o convite a
   entrar no portal. */
.partner-card__codigo {
    /* Fluxo inline, não flex: como item de flex o texto ocupa a linha inteira
       e empurra o cadeado para a borda do cartão. Inline, os dois centralizam
       juntos e o texto pode quebrar em duas linhas. */
    display: block;
    text-align: center;
    color: var(--text-muted);
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .01em;
}
.partner-card__codigo::before {
    content: '';
    display: inline-block;
    vertical-align: -1px;
    margin-right: .375rem;
    width: 11px;
    height: 11px;
    background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='10' width='16' height='11' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='10' width='16' height='11' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E") center / contain no-repeat;
}

.partner-card__cta {
    margin-top: .25rem;
    color: var(--amber-600);
    font-size: .8125rem;
    font-weight: 700;
    letter-spacing: .02em;
}
.partner-card__cta::after { content: ' \2197'; }

/* Só onde existe cursor: o benefício vira uma camada que sobe sobre o logo. */
@media (hover: hover) and (pointer: fine) {
    .partner-card__info {
        position: absolute;
        inset: 0;
        justify-content: center;
        padding: 1.5rem 1.25rem;
        background: var(--grad-navy);
        opacity: 0;
        transform: translateY(.75rem);
        transition: opacity .25s ease, transform .25s ease;
    }
    .partner-card__nome { color: #fff; }
    .partner-card__beneficio { color: rgba(255, 255, 255, .85); }
    .partner-card__codigo { color: rgba(255, 255, 255, .7); }
    .partner-card__cta { color: var(--amber-500); }
    .partner-card:hover .partner-card__info,
    .partner-card:focus-visible .partner-card__info { opacity: 1; transform: translateY(0); }

    /*
     * Na página /parceiros o benefício fica sempre à vista. Na home a camada de
     * hover funciona como chamariz, mas quem abriu a página dedicada veio
     * justamente ler o que ganha — esconder atrás do cursor derrota a página, e
     * ela ficaria só uma parede de logos.
     */
    .partners-detalhe .partner-card { justify-content: flex-start; }
    .partners-detalhe .partner-card__info {
        position: static;
        padding: 0;
        background: none;
        opacity: 1;
        transform: none;
    }
    .partners-detalhe .partner-card__nome { color: var(--text-strong); }
    .partners-detalhe .partner-card__beneficio { color: var(--text-body); }
    .partners-detalhe .partner-card__codigo { color: var(--text-muted); }
    .partners-detalhe .partner-card__cta { color: var(--amber-600); }
}

@media (prefers-reduced-motion: reduce) {
    .partner-card,
    .partner-card__info { transition: none; }
    .partner-card:hover,
    .partner-card:focus-visible { transform: none; }
    .partner-card:hover .partner-card__info,
    .partner-card:focus-visible .partner-card__info { transform: none; }
}

/* O modal genérico (.modal / .modal__body / .modal__close) mora em site.css
   desde 27/08/2026 — o pop-up do Congresso sai pelo rodapé, em toda página,
   e não pode depender do CSS que só a home carrega. As mensagens de status
   (.msg) e o honeypot (.hp-field) foram para lá em 30/08/2026 pelo mesmo
   motivo: o formulário de recomendação de instituição vive em /faculdades. */