:root {
    --azul-header: #276FF5;
    --vermelho-btn: #F5272A;
    --branco-fundo: #FFFFFF;
    --branco-escuro: #F0F0F0;
}

body {
    /*background-image: url('imagens/fundo-vermelho.jpeg');*/
    background-color: var(--branco-fundo);
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin: 0;
}

.custom-header {
    background-color: var(--azul-header);
    color: white;
    width: 100%;
    padding: 15px 30px;
}

.custom-footer {
    background-color: var(--vermelho-btn);
    color: white;
    width: 100%;
    padding: 15px 0;
    margin-top: auto;
    text-align: center;
}

.btn-custom-red {
    background-color: var(--vermelho-btn);
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
}

.btn-custom-red:hover {
    background-color: #d41f22;
    color: white;
}

.box-escura {
    background-color: var(azul-header);
    padding: 30px;
    border-radius: 8px;
    height: 100%;
}

.btn-custom-blue {
    background-color: #276FF5; 
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    transition: background-color 0.3s ease;
}

/* Efeito ao passar o mouse (Hover) */
.btn-custom-blue:hover {
    background-color: blue; !important; 
    color: white;
}