/* ==========================================================================
   Componentes de UI compartilhados do site TECBORR.
   ========================================================================== */

/* --------------------------------------------------------------------------
   CTA de download

   O `.sec-btn` do tema traz um chevron duplo (»») no ::after — o gesto de
   "avançar", que não é o que um download comunica. Aqui o chevron sai e entra
   um ícone de download à esquerda do rótulo.
   -------------------------------------------------------------------------- */

.tb-btn-download {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 13px 24px;
    border: 0;
    border-radius: 8px;
    background: var(--secondary-color, #97d132);
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .4px;
    line-height: 1;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: background .3s ease, box-shadow .3s ease, transform .3s ease, color .3s ease;
}

/* Remove o chevron do tema quando o botão também carrega .sec-btn. */
.tb-btn-download:after {
    content: none !important;
    display: none !important;
}

.tb-btn-download .tb-btn-icon {
    font-size: 14px;
    line-height: 1;
    flex-shrink: 0;
    /* O ícone acompanha o rótulo na descida sutil do hover. */
    transition: transform .3s ease;
}

.tb-btn-download:hover,
.tb-btn-download:focus-visible {
    background: var(--dark-color, #1a1a2e);
    color: #fff;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .18);
    transform: translateY(-1px);
    outline: none;
}

.tb-btn-download:hover .tb-btn-icon,
.tb-btn-download:focus-visible .tb-btn-icon {
    transform: translateY(2px);
}

/* Variante discreta: contorno, para quando o card já tem outro destaque. */
.tb-btn-download.is-outline {
    background: transparent;
    color: #4a4f66;
    border: 1px solid #d8dee8;
}

.tb-btn-download.is-outline:hover,
.tb-btn-download.is-outline:focus-visible {
    background: var(--secondary-color, #97d132);
    border-color: var(--secondary-color, #97d132);
    color: #fff;
}

/* Sobre fundo escuro (ex.: card de política na home). */
.tb-btn-download.is-on-dark {
    background: linear-gradient(135deg, #99ce2a, #7bb82a);
}

.tb-btn-download.is-on-dark:hover,
.tb-btn-download.is-on-dark:focus-visible {
    background: linear-gradient(135deg, #7bb82a, #6aa423);
    box-shadow: 0 10px 24px rgba(153, 206, 42, .28);
}

@media (prefers-reduced-motion: reduce) {
    .tb-btn-download,
    .tb-btn-download .tb-btn-icon {
        transition: none;
    }
}