body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #f4f6f9;
    color: #333;
    text-align: center;
}

header {
    background-color: #1e293b;
    color: white;
    padding: 40px 20px;
}

.hero {
    padding: 50px 20px;
    background-color: white;
    margin: 20px;
    border-radius: 8px;
}

.btn-whatsapp {
    display: inline-block;
    background-color: #25d366;
    color: white;
    padding: 12px 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius: 5px;
    margin-top: 20px;
}

.sobre {
    padding: 30px 20px;
}

footer {
    background-color: #cbd5e1;
    padding: 15px;
    font-size: 0.9rem;
}

.btn-whatsapp-flutuante {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 25px;
    right: 25px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 32px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.btn-whatsapp-flutuante:hover {
    background-color: #128c7e;
    color: #FFF;
}

.psobre{
    text-align: justify;
}
.card1{
text-align: justify;
}
.card-text{
    text-align: justify;
}
.listaValores{
    text-align: Justify;
}

:root {
    --vermelho-dalvan: #D31A24;
    --preto-fundo: #111111;
    --preto-card: #1C1C1E;
    --amarelo-destaque: #FFC702;
    --branco: #FFFFFF;
}

/* Fundo Geral e Textos */
body {
    background-color: #F8F9FA;
    color: #222222;
}

/* Header e Navbar Escuros */
navbar, header, footer {
    background-color: var(--preto-fundo) !important;
}

/* Títulos em Vermelho ou Amarelo */
h1 span.destaque-vermelho,
.titulo-vermelho {
    color: var(--vermelho-dalvan) !important;
}

.texto-amarelo {
    color: var(--amarelo-destaque) !important;
}

/* Botão Principal de Chamada (Estilo Caixa Amarela do Panfleto) */
.btn-chamada-amarelo {
    background-color: var(--amarelo-destaque) !important;
    color: #000000 !important;
    font-weight: bold;
    border: none;
    border-radius: 6px;
    padding: 12px 24px;
}

.btn-chamada-amarelo:hover {
    background-color: #E5B200 !important;
}

/* Faixas em Vermelho (Como a barra 'Do iniciante ao futuro motorista') */
.faixa-vermelha {
    background-color: var(--vermelho-dalvan);
    color: var(--branco);
}


/* Ícones com a cor vermelha da marca */
.bi-geo-alt-fill,
.bi-telephone-fill,
.bi-check-circle-fill,
.icone-marca {
    color: var(--vermelho-dalvan) !important;
}   

.header-celta{
    position: relative;
    /* Substitua 'foto-carro.jpg' pelo caminho real da imagem do carro */
    background: linear-gradient(180deg, rgba(17, 17, 17, 0.92) 0%, rgba(17, 17, 17, 0.75) 50%, rgba(17, 17, 17, 0.95) 100%), 
                url('imagens/celta.jpeg') center center / cover no-repeat;
    color: #ffffff;
    padding: 80px 20px;
    border-bottom: 4px solid #D31A24;
}