/* Estilos personalizados para los controles de tiempo */

/* Ajustar el tamaño de los controles de tiempo */
.time-input-container {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Ajustar el tamaño de los grupos de entrada */
.input-group {
    position: relative;
    display: flex;
    align-items: center;
    flex: 0.8 !important; /* Aumentado desde 0.375 para que no esté tan reducido */
    min-width: 120px !important; /* Aumentado desde 85px */
}

/* Aumentar el tamaño del botón Aplicar */
.apply-btn {
    min-width: 100px !important;
    flex: 1.5 !important; /* Reducido desde 2.5 para equilibrar */
    font-weight: bold;
    font-size: 0.9rem !important;
}

/* Ajustar el tamaño de los iconos */
.apply-btn i {
    font-size: 1rem !important;
}

.apply-btn span {
    font-size: 0.8rem !important;
}