/* Botões */

/* Variáveis de Cores */
:root {
    --cor-verde: #78BA7F;
    --cor-verde-hover: #6ba572;
    --cor-laranja: #f9aa46;
    --cor-laranja-hover: #e6993d;
    --cor-cinza: #6c757d;
    --cor-cinza-hover: #5a6268;
    --cor-vermelho: #dc3545;
    --cor-vermelho-hover: #c82333;
}

/* Estilo base para todos os botões */
.btn-base {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 8px;
    font-family: "PT Sans", sans-serif;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
    gap: 8px;
    width: 100%;
    height: 50px;
    padding: 15px 25px;
    font-size: 16px;
    box-sizing: border-box;
}

/* Botões Laranja Sólido */
.btn-orange {
    background-color: var(--cor-laranja);
    color: white;
}

.btn-orange:hover {
    background-color: var(--cor-laranja-hover);
}

/* Botões Laranja Contorno */
.btn-orange-outline {
    background-color: transparent;
    color: var(--cor-laranja);
    border: 2px solid var(--cor-laranja);
    padding: 13px 23px;
}

.btn-orange-outline:hover {
    background-color: var(--cor-laranja);
    color: white;
}

/* Botões Verde Sólido */
.btn-green {
    background-color: var(--cor-verde);
    color: white;
}

.btn-green:hover {
    background-color: var(--cor-verde-hover);
}

/* Botões Verde Contorno */
.btn-green-outline {
    background-color: transparent;
    color: var(--cor-verde);
    border: 2px solid var(--cor-verde);
    padding: 13px 23px;
}

.btn-green-outline:hover {
    background-color: var(--cor-verde);
    color: white;
}

/* Botões Cinza Sólido */
.btn-grey {
    background-color: var(--cor-cinza);
    color: white;
}

.btn-grey:hover {
    background-color: var(--cor-cinza-hover);
}

/* Botões Vermelho Sólido */
.btn-red {
    background-color: var(--cor-vermelho);
    color: white;
}

.btn-red:hover {
    background-color: var(--cor-vermelho-hover);
}

/* Estilo dos cabeçalhos de tabela conforme Figma */
.table th,
.table thead th,
.table thead td,
table th,
table thead th,
table thead td {
    color: #0F0F0F !important;
    font-weight: bold !important;
}

/* Exemplo de uso em HTML:
<button class="btn-base btn-orange">Login</button>
<button class="btn-base btn-orange-outline">Cadastrar</button>
<button class="btn-base btn-green">Confirmar</button>
<button class="btn-base btn-green-outline">Cancelar</button>
<button class="btn-base btn-grey">Desabilitado</button>
<button class="btn-base btn-red">Excluir</button>
*/

/* Páginas legais (Termos de uso / Política de privacidade) */
.hotsite-page {
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 90px);
}

.hotsite-page .legal-page {
    flex: 1 0 auto;
}

.hotsite-page footer.sticky-footer {
    margin-top: auto;
    width: 100%;
}

.legal-page {
    background-color: #FFFFFF;
    padding-top: 40px;
    padding-bottom: 60px;
}

.legal-page-title {
    color: var(--cor-laranja);
    font-size: 32px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 32px;
}

.legal-page-content {
    color: #4D4E4D;
    font-size: 16px;
    line-height: 1.7;
}

.legal-page-content p {
    margin-bottom: 16px;
}

.legal-page-content h2,
.legal-page-content h3,
.legal-page-content h4 {
    color: #4D4E4D;
    font-weight: 700;
    margin-top: 24px;
    margin-bottom: 12px;
}

.legal-page-content ol,
.legal-page-content ul {
    padding-left: 24px;
    margin-bottom: 16px;
}

.footer-legal-links a {
    color: #4E4D4E;
    font-size: 14px;
    text-decoration: none;
    transition: color 0.2s ease;
}

.footer-legal-links a:hover {
    color: var(--cor-laranja);
    text-decoration: none;
}

.footer-legal-separator {
    color: #C4C4C4;
    margin: 0 12px;
}

/* Página de Suporte */
.support-page {
    background-color: #F5F5F5;
    padding-top: 40px;
    padding-bottom: 60px;
}

.support-page-title {
    color: #4D4E4D;
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 32px;
}

.support-card {
    background-color: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 8px;
    padding: 24px 28px;
    margin-bottom: 20px;
}

.support-card-title {
    color: #4D4E4D;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 12px;
}

.support-card-text {
    color: #4D4E4D;
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 12px;
}

.support-email-icon {
    color: var(--cor-laranja);
    margin-right: 8px;
}

.support-email-link {
    color: var(--cor-laranja);
    text-decoration: none;
}

.support-email-link:hover {
    color: var(--cor-laranja-hover);
    text-decoration: underline;
}

.support-list {
    color: #4D4E4D;
    font-size: 16px;
    line-height: 1.7;
    padding-left: 24px;
    margin-bottom: 0;
}

.support-list li {
    margin-bottom: 8px;
}

.support-list li:last-child {
    margin-bottom: 0;
}

.hotsite-page .support-page {
    flex: 1 0 auto;
}