body {
    padding-top: 72px;
    /* espaço para o navbar fixo */
}

.text-primary-2 {
    color: #CD4500 !important;
}

.btn-primary {
    background-color: #FF7A26 !important;
    border-color: #FF7A26 !important;
}

.btn-outline-secondary {
    border-color: #FF7A26 !important;
    color: #FF7A26 !important;
}

.btn-outline-secondary:hover {
    background-color: #FF7A26 !important;
    color: #FFEFE7 !important;
}

.hero {
    background: #f5f7fb;
    padding: 5rem 0 4rem 0;
}

.hero h1 {
    font-weight: 700;
}

.hero-badges span {
    margin-right: .75rem;
    margin-bottom: .5rem;
}

.section-title {
    margin-bottom: 1.5rem;
    font-weight: 700;
}

.icon-bullet {
    width: 40px;
    height: 40px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: .9rem;
    margin-right: .75rem;
}

.step-number {
    width: 32px;
    height: 32px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: .85rem;
    margin-right: .5rem;
}

.bg-soft-primary {
    background-color: #e7f1ff;
}

.bg-soft-success {
    background-color: #e5f7ef;
}

.bg-soft-warning {
    background-color: #fff4dc;
}

.bg-soft-info {
    background-color: #e8f7ff;
}

.card-shadow {
    border: none;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.08);
}

.multi-step-form .step {
    display: none;
}

.multi-step-form .step.active {
    display: block;
}

.faq-item button {
    text-align: left;
}

.accordion-button:not(.collapsed) {
    background-color: #FFBC93 !important;
    color: #FFFFFF !important;
}

.card-shadow h3 {
    color: #9A2C00;
}

footer {
    background: #9A2C00 !important;
    /* mantém o fundo escuro */
    color: #FFFFFF !important;
    /* texto claro */
    padding-bottom: 20px;
}

footer .small,
footer .fw-bold,
footer a {
    color: #FFFFFF !important;
}

footer a:hover {
    text-decoration: underline;
    color: #ffffff !important;
}

footer .small.text-muted {
    color: #FFFFFF !important;
    /* tom mais suave e legível */
}

.case-thumb-link {
    position: relative;
    display: block;
    cursor: pointer;
}

.case-zoom-badge {
    position: absolute;
    right: .5rem;
    bottom: .5rem;
    background: #FF7A26;
    color: #FFFFFF;
    font-size: .75rem;
    padding: .25rem .5rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    gap: .25rem;
}

.case-zoom-badge::before {
    content: "🔍";
    font-size: .8rem;
}