/* Paleta de cores */
:root {
    --cor1: #fefffe;
    --cor2: #0c5158;
    --cor3: #0c2d5a;
    --cor4: #5cadc5;
    --cor5: #15608c;
}

/* Navbar */
.navbar {
    background-color: var(--cor3) !important;
}

/* Botão customizado */
.btn-custom {
    background-color: var(--cor2);
    color: var(--cor1);
    border: none;
    transition: 0.3s;
}
.btn-custom:hover {
    background-color: var(--cor5);
}

/* Cards */
.card {
    border: 1px solid var(--cor4);
    transition: transform 0.2s ease;
}
.card:hover {
    transform: scale(1.03);
}

/* Responsividade */
@media (max-width: 768px) {
    .card img {
        height: 180px;
        object-fit: cover;
    }
}