.btn-agenda {
    width: 100%;
    border: 1px solid white;
}

    .btn-agenda:hover {
        background-color: #B4343E;
        color: white;
    }

.btn-agendada {
    width: 100%;
    border: 1px solid white;
    background-color: white;
    color: #ccc;
}

    .btn-agendada:hover {
        background-color: white;
        color: #ccc;
        cursor: default;
    }

.form-steps-wrapper {
    overflow: hidden; /* Oculta los pasos que no están visibles */
}

.form-steps {
    display: flex;
    transition: transform 0.5s ease-in-out; /* Transición suave */
}

.form-step {
    flex: 0 0 100%;
    /* display: none; */ /* Inicialmente ocultamos los pasos */
}

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

    .form-step .table th {
        text-transform: capitalize;
    }

.modal-body-contacto {
    padding: 30px 40px;
}

#span-agenda-correcto-fecha {
    text-transform: capitalize;
}