/* Clases personalizadas para el botón Confirmar Turno */

.border-greyBlack {
    border-color: #1a1b1d !important;
}

.bg-redDark {
    background-color: rgb(204, 51, 51);
}

.bg-grey {
    background-color: rgb(3, 78, 162)!important;
    /* Color gris */
}

.btn-blue {
    background-color: rgb(3, 78, 162)!important;
    color: white!important;
    transition: all 0.3s ease;
}

.btn-blue:hover {
    background-color: rgb(2, 52, 113)!important;
}


/* En móviles: ancho completo */

.btn-confirmar-turno {
    width: 100%;
}


/* En tablets y desktop: ancho 20% y alineado a la derecha */

@media (min-width: 768px) {
    .btn-confirmar-turno {
        width: 20%;
        float: right;
    }
}