/* Estilos específicos para a página COMO FUNCIONA (Sistema Jubim Água) */

/* Estilo para as seções de card/etapa */
.step-card {
    transition: transform 0.3s, box-shadow 0.3s;
    border-radius: 12px;
}

.step-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 1rem 3rem rgba(13, 110, 253, 0.175) !important; /* Sombra com leve cor primária */
}

.step-card .card-body {
    padding: 30px 15px;
}

/* Estilo para os cards de Serviço Rápido */
.service-card {
    border-radius: 8px;
    border: 1px solid #eee;
    transition: all 0.2s;
}

.service-card:hover {
    border-color: var(--bs-primary);
    background-color: #f8f9fa;
}

.service-card .display-5 {
    font-size: 2.5rem;
}

/* Estilo para o Accordion (Entenda sua Fatura) */
.accordion-button {
    background-color: #f8f9fa; /* Fundo leve para o cabeçalho */
    color: #495057;
    transition: background-color 0.2s;
}

.accordion-button:not(.collapsed) {
    background-color: #e9ecef; /* Um pouco mais escuro quando aberto */
    box-shadow: none;
}

.accordion-item {
    margin-bottom: 10px;
    border: 1px solid #dee2e6;
    border-radius: 8px !important;
}