.projetos-shell {
    max-width: 980px;
}

.card {
    box-shadow: 0 1rem 3rem rgba(17, 87, 52, 0.15) !important;
    border: 1px solid rgba(17, 87, 52, 0.05);
}

/* Paleta Ceriluz (aproximação do logo) */
:root {
    --ceriluz-green: rgb(17, 87, 52);
    --ceriluz-green-700: rgb(12, 65, 39);
    --ceriluz-orange: rgb(241, 132, 56);
    --ceriluz-orange-700: rgb(210, 110, 40);
    --ceriluz-light-green: rgb(165, 200, 75);
    --ceriluz-blue: rgb(37, 170, 226);
}

h1, h2, h3, h4, h5, h6 {
    color: var(--ceriluz-green);
}

.projetos-logo {
    max-height: 54px;
    width: auto;
}

@media (max-width: 520px) {
    .projetos-logo {
        max-height: 44px;
    }
}

.nav-tabs .nav-link {
    font-weight: 600;
}

.nav-tabs .nav-link.active {
    color: var(--ceriluz-green);
    border-color: var(--bs-border-color) var(--bs-border-color) #fff;
    border-top: 3px solid var(--ceriluz-green);
}

.nav-tabs .nav-link:not(.active) {
    color: var(--ceriluz-blue);
}

.nav-tabs .nav-link:focus-visible {
    outline: 3px solid color-mix(in srgb, var(--ceriluz-orange) 70%, #fff);
    outline-offset: 2px;
}

.btn-primary {
    --bs-btn-bg: var(--ceriluz-green);
    --bs-btn-border-color: var(--ceriluz-green);
    --bs-btn-hover-bg: var(--ceriluz-green-700);
    --bs-btn-hover-border-color: var(--ceriluz-green-700);
    --bs-btn-active-bg: var(--ceriluz-green-700);
    --bs-btn-active-border-color: var(--ceriluz-green-700);
    --bs-btn-focus-shadow-rgb: 242, 140, 40; /* orange-ish */
}

.btn-primary .spinner-border {
    color: #fff;
}

.form-control:focus,
.form-select:focus {
    border-color: var(--ceriluz-blue);
    box-shadow: 0 0 0 .25rem rgba(37, 170, 226, 0.25);
}

a {
    color: var(--ceriluz-blue);
    text-decoration: none;
}

a:hover {
    color: var(--ceriluz-green);
    text-decoration: underline;
}

.progress-bar {
    background-color: var(--ceriluz-orange);
}

.g-recaptcha {
    transform-origin: 0 0;
}

@media (max-width: 420px) {
    .g-recaptcha {
        transform: scale(0.92);
    }
}

.text-primary {
    color: var(--ceriluz-blue) !important;
}

.btn-primary:focus {
    box-shadow: 0 0 0 .25rem rgba(241, 132, 56, 0.5);
}