/**
 * CSS Customizado para o Projeto Conecta 60
 */
html, body {
    height: 100%;
}

/* Fundo azul claro global para todas as páginas */
body {
    background-color: #538fe9;
    color: #eeecec; /* texto mais escuro para melhor contraste */
    -webkit-font-smoothing: antialiased;
    font-size: 1.2rem; /* Aumenta o tamanho da fonte base para melhor legibilidade */
    line-height: 1.6;
}

/* Títulos principais e itens de navbar em branco (navbars/footer seguem brancos); links do conteúdo em azul */
.card-title {
    color: #ffffff; 
}

/* Links padrão do site (fora da navbar/footer) */
a {
    color: var(--conecta-link);
}

a:hover,
a:focus {
    color: var(--conecta-link-hover);
    text-decoration: underline;
}

/* Manter navbars e footers que usam classes de bootstrap (bg-light/bg-dark) como estão; 
   esta regra apenas garante fundo da página azul */

/* Variáveis de cor para azul escuro usado em navbars e footers */
:root {
    --conecta-blue: #0b4ed8; /* azul escuro padrão */
    --conecta-blue-darker: #073a9a; /* azul ainda mais escuro para footers */
    --conecta-link: #0d6efd; /* cor padrão para links */
    --conecta-link-hover: #0b4ed8; /* hover um pouco mais escuro */
    --conecta-yellow: #ffd400; /* amarelo claro */
    --conecta-yellow-hover: #af9005;
}

/* Navbars em azul escuro (sobrescreve classes Bootstrap como bg-light/bg-dark) */
.navbar, .navbar.bg-light, .navbar.bg-dark {
    background-color: #ffffff;
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
}

/* Forçar links e botões da navbar em branco para contraste */
.navbar .nav-link, .navbar .navbar-brand {
    color: #000000; 
}

.navbar .btn {
    margin: 0 5px;
    border-radius: 15px;
}

.navbar .btn:hover {
    background-color: #0c0c0c;
}

/* Footer em azul mais escuro */
footer, footer.bg-light, footer.bg-dark {
    background-color: var(--conecta-blue-darker);
    color: #0c0c0c;
}

/* Links no footer em branco */
footer a {
    color: #ffffff;
}


/* Inputs, textareas e selects com fundo azul e texto branco */
.form-control,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="url"],
textarea,
.form-select,
select {
    background-color: var(--conecta-blue-darker) !important; /* fundo azul escuro */
    color: #ffffff !important; /* texto branco */
    border: 1px solid rgba(255,255,255,0.15) !important;
    box-shadow: none !important;
}

/* Placeholder mais claro para melhor legibilidade */
.form-control::placeholder,
textarea::placeholder {
    color: rgba(255,255,255,0.85) !important;
    opacity: 1; /* garante consistência entre navegadores */
}

/* Foco com destaque mais suave em tom azul-claro */
.form-control:focus,
textarea:focus,
.form-select:focus,
select:focus {
    color: #ffffff !important;
    background-color: var(--conecta-blue-darker) !important;
    border-color: rgba(11,78,216,0.6) !important;
    box-shadow: 0 0 0 0.25rem rgba(11,78,216,0.15) !important;
    outline: none !important;
}

/* Inputs desabilitados com aparência mais suave (ainda legível) */
.form-control:disabled,
.form-control[readonly],
.form-select:disabled,
select:disabled {
    background-color: rgba(7,58,154,0.85) !important;
    color: rgba(255,255,255,0.8) !important;
}

/* Botões de conclusão (submit) com fundo verde claro */
:root {
    --conecta-success: #7ed957; /* verde claro */
    --conecta-success-hover: #65c84a; /* hover */
}

button[type="submit"],
input[type="submit"],
.btn-submit {
    background-color: var(--conecta-success) !important;
    color: #06260a !important; /* texto escuro para contraste sobre verde claro */
    border: 1px solid rgba(0,0,0,0.08) !important;
    box-shadow: none !important;
}

button[type="submit"]:hover,
input[type="submit"]:hover,
.btn-submit:hover {
    background-color: var(--conecta-success-hover) !important;
    color: #06260a !important;
}

button[type="submit"]:focus,
input[type="submit"]:focus,
.btn-submit:focus {
    outline: none !important;
    box-shadow: 0 0 0 0.25rem rgba(126,217,87,0.2) !important;
}

/* Botão amarelo para destaque (navbar Cadastre-se e botão Comece agora) */
.btn-yellow {
    background-color: var(--conecta-yellow) !important;
    color: #2b2b00 !important; /* texto escuro para contraste */
    border: 1px solid rgba(0,0,0,0.06) !important;
}

.btn-yellow:hover,
.btn-yellow:focus {
    background-color: var(--conecta-yellow-hover) !important;
    color: #2b2b00 !important;
    text-decoration: none !important;
    box-shadow: 0 0 0 0.2rem rgba(255,212,0,0.15) !important;
}

/* No header (navbar) queremos o texto do botão Cadastre-se em preto puro */
.navbar .btn-yellow {
    color: #000000 !important;
}
.navbar .btn-yellow:hover,
.navbar .btn-yellow:focus {
    color: #000000 !important;
}



.navbar-brand {
    font-size: 1.5rem; /* era 1.5rem */
}

.nav-link {
    font-size: 1.1rem; /* era 1.1rem */
}

/* Classe para textos de destaque com fonte maior */
.lead-large {
    font-size: 1.4rem; /* era 1.4rem */
    font-weight: 300;
}

.card {
    background-color: rgba(0, 0, 0, 0.5);
}

.card-title {
    /* Mantém o estilo original para cards com destaque; se estiver difícil de ler sobre o fundo azul, ajustar conforme necessário */
    color: #ffffff; /* Azul primário do Bootstrap */
}

.card-text {
    color: yellow; 
}

.background-image-container {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 5rem 0;
    transition: background-image 1s ease-in-out;
}

.bg-casal-idoso-feliz {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../img/fotos_fundo/casal-idoso-feliz.jpg');
}

.bg-casal-senior-feliz {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../img/fotos_fundo/casal-senior-feliz.jpg');
}

.bg-casal-aula-feliz {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../img/fotos_fundo/casal-aula-feliz.jpg');
}

.bg-casal-velhos-feliz {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../img/fotos_fundo/casal-velhos-feliz.jpg');
}