/* Melhorando a experiência visual dos inputs */
.form-control, .input-group-text {
    border-color: #e1e1e1; /* Bordas muito mais suaves */
    padding: 12px; /* Mais espaço para clicar/tocar */
}

/* Remove o foco azul padrão e coloca um foco personalizado (Cap. 7) */
.form-control:focus {
    box-shadow: none;
    border-color: #2C88A7;
}

/* Quando focar no input, mudamos a cor do ícone vizinho também (Cap. 7) */
.form-control:focus + .input-group-text, 
.input-group:focus-within .input-group-text {
    border-color: #2C88A7;
}

.input-group:focus-within i {
    color: #2C88A7 !important; /* O ícone fica azul quando digita */
}

/* Botão com Gradiente e Transição (Cap. 7.9 e 8.3) */
button.btn-primary {
    background-color: #0022b9;
    border: none;
    transition: transform 0.2s, box-shadow 0.2s; /* Animação suave [cite: 2658] */
}

button.btn-primary:hover {
    transform: translateY(-2px); /* Leve subida ao passar o mouse [cite: 2575] */
    box-shadow: 0 5px 15px rgba(44, 136, 167, 0.4); /* Sombra colorida */
}

/* Tipografia */
h2 {
    color: #333;
}